.bg-light {
  background: #ffffff;
}
.bg-main {
  background: #644066;
  color: #ffffff;
}
.bg-accent1 {
  background: #a272a4;
  color: #ffffff;
}
.bg-accent2 {
  background: #ec6590;
  color: #ffffff;
}
.bg-accent2-dark {
  background: #b33960;
  color: #ffffff;
}
.bg-accent3 {
  background: #00adee;
  color: #ffffff;
}
.bg-accent4 {
  background: #221f1f;
  color: #ffffff;
}
.bg-accent5 {
  background: #4e4c4c;
  color: #ffffff;
}
.bg-accent6 {
  background: #837979;
  color: #ffffff;
}
.bg-accent7 {
  background: #982b5c;
  color: #ffffff;
}
.bg-accent8 {
  background: #78c4e1;
  color: #ffffff;
}
.bg-accent9 {
  background: #008abd;
  color: #ffffff;
}
.bg-accent10 {
  background: #d5292a;
  color: #ffffff;
}
.bg-accent11 {
  background: #5760b0;
  color: #ffffff;
}
.bg-accent12 {
  background: #bd9c8d;
  color: #ffffff;
}
.main-txt {
  color: #644066;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.nothidden {
  display: block !important;
  visibility: visible;
}
.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: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix,
.questionnaire ol li,
.questionnaire .nested {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after,
.questionnaire .nested:before,
.questionnaire .nested:after {
  content: " ";
  display: table;
}
.clearfix:after,
.questionnaire .nested:after {
  clear: both;
}
/* example: .columns(250px, 0, 24px, COLOR, solid, 1px) */
.colspan {
  -ms-column-span: all;
  -o-column-span: all;
  column-span: all;
}
.nav-tabs {
  margin-bottom: 62px;
  border-bottom: none;
}
.nav-tabs li {
  margin-right: 40px;
  position: relative;
  display: inline-block;
}
.nav-tabs li.active {
  border-bottom: 3px solid;
}
.nav-tabs li.active a {
  color: #000000;
}
.nav-tabs li:last-of-type {
  margin-right: 0;
}
.nav-tabs li a {
  display: block;
  padding: 0px 0px 8px 0px;
  border: none !important;
  font-family: "Merriweather", serif;
  font-style: normal;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}
.nav-tabs li a:hover,
.nav-tabs li a:focus {
  background: transparent !important;
}
/*! normalize.css v1.0.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}
/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/*
 * Addresses margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}
/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/*
 * Addresses styling not present in IE 6/7/8/9.
 */
mark {
  background: #ffff00;
  color: #000000;
}
/*
 * Addresses margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}
/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/*
 * Addresses CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}
/*
 * Addresses `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: "";
  content: none;
}
/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/*
 * Prevents `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;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/*
 * Addresses paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/*
 * Corrects list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}
/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}
/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}
/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}
/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}
/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
 * Removes inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html {
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  height: 100%;
}
body {
  min-width: 260px;
}
.content-inner {
  width: 90%;
  margin: 0 auto;
  max-width: 1280px;
  *zoom: 1;
  position: relative;
}
.content-inner:before,
.content-inner:after {
  content: " ";
  display: table;
}
.content-inner:after {
  clear: both;
}
.row {
  *zoom: 1;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.clear {
  clear: both;
}
.content-primary,
.content-secondary,
.content-related {
  margin-top: 30px;
  *zoom: 1;
}
.content-primary:before,
.content-secondary:before,
.content-related:before,
.content-primary:after,
.content-secondary:after,
.content-related:after {
  content: " ";
  display: table;
}
.content-primary:after,
.content-secondary:after,
.content-related:after {
  clear: both;
}
#content {
  position: relative;
  z-index: 50;
}
.btn {
  vertical-align: inherit;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  color: white;
  background-color: #644066;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.19;
  border-radius: 2px;
  border-radius: 10px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 3px 7px;
  transition: background-color 0.08s ease-in-out;
  /*&:hover {
        background-color: @coloroverride1 !important;
    }

    &:active {
        background-color: @coloroverride2 !important;
    }*/
}
.btn-topgrey {
  background-color: #727272;
  color: #ffffff;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 52px;
  padding: 0 30px;
  font-style: normal;
  float: right;
  margin-bottom: 30px;
  border-radius: 0;
  transition: .25s;
}
.btn-topgrey:hover {
  background-color: #000000;
}
span.btn,
.misc-links-container span.btn {
  padding: 10px 14px;
  margin-top: -4px;
  margin-bottom: -4px;
}
.btn-msg {
  vertical-align: inherit;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  color: white;
  background-color: #644066;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.19;
  border-radius: 2px;
  border-radius: 10px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 3px 7px;
  transition: background-color 0.08s ease-in-out;
  /*&:hover {
        background-color: @coloroverride1 !important;
    }

    &:active {
        background-color: @coloroverride2 !important;
    }*/
  padding: 6px 9px;
}
.btn.large {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 300;
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
}
.register-ping {
  font-family: "Merriweather", serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 300;
  color: white;
  line-height: 1.57;
  background-color: #644066;
  width: 95px;
  height: 95px;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  transition: background-color 0.08s ease-in-out;
}
.register-ping span {
  position: absolute;
  margin: 38px 0 0 11px;
  transform: rotate(15deg);
}
.register-ping:hover {
  background-color: #ec6590;
}
.skill-builder-ping,
.btn-ping {
  font-family: "Merriweather", serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 300;
  color: white;
  line-height: 1.57;
  background-color: #644066;
  width: 150px;
  height: 150px;
  position: absolute;
  top: 20px;
  right: 0;
  border-radius: 50%;
  transition: background-color 0.08s ease-in-out;
}
.skill-builder-ping span,
.btn-ping span {
  position: relative;
  text-align: center;
  margin-left: -16px;
  top: 46%;
  transform: rotate(15deg) translateY(-50%);
  line-height: 1.2;
  font-size: .8em;
}
.skill-builder-ping:hover,
.btn-ping:hover {
  background-color: #ec6590;
}
.skill-builder-big-ping {
  font-family: "Merriweather", serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 300;
  color: white;
  line-height: 1.57;
  background-color: #644066;
  width: 200px;
  height: 200px;
  position: relative;
  margin: 0 0 0 20px;
  padding: 15px;
  float: right;
  border-radius: 50%;
  transition: background-color 0.08s ease-in-out;
}
.skill-builder-big-ping span {
  position: relative;
  text-align: center;
  margin-left: -15px;
  top: 50%;
  transform: rotate(15deg) translateY(-50%);
  line-height: 1.2;
}
.block .block-inner .skill-builder-next-steps {
  margin: 10px 0;
  padding: 10px;
  background-color: rgba(204, 165, 206, 0.1);
  border-radius: 10px;
}
.block .block-inner .skill-builder-next-steps li {
  margin: 5px 0 5px 20px;
  font-size: 1.1em;
  counter-increment: item;
}
.block.block-business-support {
  display: block;
  *zoom: 1;
}
.block.block-business-support:before,
.block.block-business-support:after {
  content: " ";
  display: table;
}
.block.block-business-support:after {
  clear: both;
}
.block .block-inner.block-half {
  padding: 1%;
  width: 99%;
  float: none;
  clear: both;
}
.block .block-inner .block-form-half {
  padding: 1%;
  width: 99%;
  float: none;
  clear: both;
}
.block .block-inner .block-form-half textarea {
  min-height: 375px;
}
.builder-right .skill-builder-ping,
.builder-right .btn-ping {
  top: -100px;
  right: 120px;
}
.leaflet-download-ping {
  font-family: "Merriweather", serif;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1;
  font-weight: 300;
  color: white;
  line-height: 1.57;
  background-color: #644066;
  width: 150px;
  height: 150px;
  position: absolute;
  top: -100px;
  right: 50px;
  border-radius: 50%;
  transition: background-color 0.08s ease-in-out;
}
.leaflet-download-ping span {
  position: absolute;
  text-align: center;
  margin: 55px 0 0 22px;
  transform: rotate(15deg);
  line-height: 1.3em;
}
.leaflet-download-ping:hover {
  background-color: #ec6590;
}
.lnk-more {
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-weight: 400;
  background-image: url('../../img/elements/border-pink.png');
  background-repeat: repeat-x;
  background-position: bottom left;
}
#load-more {
  margin-top: 30px;
}
#load-more .btn {
  background-color: #221f1f;
}
.hero-container {
  position: relative;
}
.hero-container .image-wrapper {
  *zoom: 1;
}
.hero-container .image-wrapper:before,
.hero-container .image-wrapper:after {
  content: " ";
  display: table;
}
.hero-container .image-wrapper:after {
  clear: both;
}
.hero-container .image-wrapper img {
  display: block;
  float: right;
  width: 100%;
  max-width: 979px;
  position: relative;
}
.hero-container .hero-info {
  position: relative;
  width: 90%;
  margin: 0 auto;
  margin-bottom: -10px;
}
.hero-container .hero-info .register-ping {
  right: 5%;
  bottom: auto;
  top: -100px;
}
p a {
  background-image: url('../../img/elements/border-link.png');
  background-repeat: repeat-x;
  background-position: bottom left;
}
.content-panel ul li a {
  background-image: url('../../img/elements/border-link.png');
  background-repeat: repeat-x;
  background-position: bottom left;
}
.btn-blue {
  margin: 0;
  padding: 0;
  width: 150px;
  height: 39px;
  line-height: 39px;
  display: block;
  color: #ffffff;
  background-color: #00adee;
  font-size: 14px;
  text-align: center;
  font-style: normal;
  font-family: 'Roboto';
  border-radius: 5px;
  transition: .5s;
  background-image: none;
}
.btn-blue:hover {
  background-color: #6DCBEF;
}
p.blue {
  color: #00adee;
  text-align: center;
  padding: 0;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -1.24px;
  font-family: 'Merriweather';
  font-style: italic;
}
p.bluelight {
  color: #00adee;
  font-weight: bold;
}
p.thanks {
  color: #644066;
  font-weight: bold;
}
.btn-cont {
  text-align: center;
}
.btn-cont .btn-blue {
  padding: 0 4%;
  width: auto;
  display: inline-block;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
.material-icons.pointer {
  cursor: pointer;
}
.password-visibility {
  margin-top: -8px;
  width: 100%;
  text-align: right;
}
.r-margin {
  margin-right: 2% !important;
}
@media screen and (min-width: 480px) {
  .hero-container .hero-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 55%;
    padding: 0 40% 0 5%;
    height: 100%;
    color: white;
    margin-bottom: 0;
    background: linear-gradient(100deg, #000000 40%, rgba(0, 0, 0, 0) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1);
  }
  .hero-container .hero-info:before {
    content: '';
    display: inline-block;
    zoom: 1;
    *display: inline;
    height: 100%;
    vertical-align: middle;
  }
  .hero-container .hero-info .register-ping {
    top: auto;
    bottom: -40px;
    right: 5%;
  }
  .hero-container .hero-info .hero-info-inner {
    vertical-align: middle;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 97%;
  }
  .hero-container .hero-info .hero-info-inner p {
    margin-top: 0;
  }
  .lt-ie9 .hero-container .hero-info .hero-info-inner {
    width: 100%;
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) {
  .hero-container {
    margin-right: 5%;
    width: 95%;
  }
  .btn.large {
    font-size: 28px;
    font-size: 2.8rem;
  }
  .block .block-inner.block-half {
    padding: 1%;
    width: 48%;
    float: left;
    clear: none;
  }
  .block .block-inner.block-half:nth-child(3n) {
    clear: both;
  }
  .block .block-inner .block-form-half {
    padding: 1%;
    width: 48%;
    float: left;
    clear: none;
  }
}
@media screen and (min-width: 900px) {
  .row-hero-container {
    background-image: url('../../img/bg/hero-container-bg.png');
    background-position: 0 0;
    background-repeat: repeat-y;
    background-size: 50%;
  }
}
@media screen and (min-width: 979px) {
  .hero-container .hero-info {
    background: linear-gradient(100deg, #000000 27%, rgba(0, 0, 0, 0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1);
    width: 45%;
    padding: 0 50% 0 5%;
  }
  .hero-container .hero-info .register-ping {
    bottom: -25px;
  }
}
@media screen and (min-width: 1024px) {
  .register-ping {
    width: 120px;
    height: 120px;
  }
  .register-ping span {
    font-size: 22px;
    font-size: 2.2rem;
    margin: 45px 0 0 14px;
  }
  .lnk-more:hover {
    color: #a272a4;
  }
  #load-more .btn:hover {
    background-color: #644066;
  }
}
@media screen and (min-width: 1200px) {
  .hero-container .hero-info {
    background: linear-gradient(100deg, #000000 40%, rgba(0, 0, 0, 0) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1);
  }
}
@media screen and (min-width: 1364px) {
  .hero-container .hero-info {
    background: linear-gradient(90deg, #000000 40%, rgba(0, 0, 0, 0.05) 60%, rgba(0, 0, 0, 0) 61%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1);
    padding-left: 0;
    width: 52%;
    padding-right: 48%;
  }
  .hero-container .hero-info .register-ping {
    right: 30px;
  }
  .content-primary,
  .content-secondary,
  .content-related {
    margin-top: 50px;
  }
  .register-ping {
    width: 150px;
    height: 150px;
  }
  .register-ping span {
    font-size: 30px;
    font-size: 3rem;
    margin: 55px 0 0 14px;
  }
}
.accordion section {
  padding: 0 0 15px 0;
  clear: both;
}
.accordion section h3 {
  font-size: 19px;
  font-size: 1.9rem;
  margin: 0;
  display: block;
  position: relative;
}
.accordion section h3 a {
  display: block;
  background-color: #a272a4;
  color: #FFFFFF;
  line-height: 34px;
  padding: 0 10px;
  font-weight: 300;
}
.accordion section h3 a:before {
  content: "+";
  font-size: 34px;
  font-size: 3.4rem;
  font-style: normal;
  display: block;
  position: absolute;
  right: 10px;
  top: 0;
  line-height: 31px;
  height: 34px;
}
.accordion section h3 a:hover {
  text-decoration: none;
}
.accordion section > div {
  padding: 0;
  height: 0;
  overflow: hidden;
  display: block;
  transition: 1s;
  clear: both;
}
.accordion section:target h3 a {
  background-color: #644066;
}
.accordion section:target h3 a:before {
  content: "-";
}
.accordion section:target div {
  height: auto;
  padding: 10px 0;
}
.row-btn-cont {
  text-align: center;
}
.row-btn-cont .btn-form.submit-application-now {
  color: #FFFFFF;
  background-color: #00adee;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 39px;
  text-align: center;
  border-radius: 5px;
  border: 0;
  display: inline-block;
  width: auto;
  transition: .5s;
  font-style: normal;
  padding: 0 50px;
  margin: 10px auto 0 auto;
  float: none;
  font-family: 'Roboto';
}
.row-btn-cont .btn-form.submit-application-now:hover {
  background-color: #5DD0FE;
}
.content-wrapper {
  width: 90%;
  max-width: 1280px;
  margin: 40px auto 0 auto;
}
.content-wrapper-wide {
  width: 100%;
  max-width: 1280px;
  margin: 40px auto 0 auto;
}
.central-wrapper {
  width: 90%;
  max-width: 735px;
  margin: 110px auto 0 auto;
}
.row {
  width: 100%;
  display: block;
  margin-left: 0;
  margin-right: 0;
  *zoom: 1;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row-blocks {
  width: 101.73611111111111%;
  /* 293 / 288 */
  margin-left: -1.73611111%;
  /* 5 / 288 */
}
.row-blocks .block-feature {
  float: left;
  width: 48.122866894197955%;
  /* 141 / 293 */
  margin-left: 1.7064846416382253%;
  /* 5 / 293 */
}
.row-blocks h3 {
  margin-left: 5px;
  margin-bottom: 10px;
}
.row-blocks .block-single-wrapper h3 {
  margin-left: 0;
}
.row-blocks .content-primary .block-text h3 {
  margin-bottom: 0;
}
.content-secondary,
.content-related {
  width: 24.406047516198704%;
  /* 226 / 926 */
  margin-right: 0;
  float: left;
}
.tiles {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}
.tiles .tile {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex: 1 1 30%;
      flex: 1 1 30%;
  max-width: 33%;
  margin: 2.5px;
  padding: 20px;
  text-align: center;
  height: 260px;
  transition: 0.2s ease;
  color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.tiles .tile h3 {
  font-style: normal;
  font-weight: 300;
  font-family: 'Merriweather', serif;
  color: #ffffff;
  font-size: 2.6rem;
  margin: auto 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.tiles .tile div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 100%;
  height: 33%;
  text-align: right;
  color: #ffffff;
}
.tiles .tile:hover {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.tiles.child .tile {
  -ms-flex: 1 1 45%;
      flex: 1 1 45%;
  max-width: 50%;
}
.quote-panel {
  padding: 15px;
  text-align: center;
}
.quote-panel h3,
.quote-panel p {
  color: white;
}
.sidebar-panel {
  width: 20%;
  padding: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin: 0 3% 40px 0;
  float: left;
}
.main-panel {
  width: 74.61224489795917%;
  padding: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin: 0 0 40px 0;
  float: left;
}
.content-panel {
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 20px 20px 60px 20px;
  width: 100%;
  margin: 0 0 5px 0;
}
.panel {
  position: relative;
  margin-right: 0.4%;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 20px;
  float: left;
  margin-bottom: 5px;
  height: 260px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  transition: 0.2s ease;
  color: #ffffff;
}
.panel h3 {
  font-style: normal;
  font-weight: 300;
  font-family: 'Merriweather', serif;
  color: #ffffff;
  font-size: 2.6rem;
  margin: 0;
  padding: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.panel h3 span {
  position: relative;
  text-align: center;
  bottom: 0;
  right: unset;
  max-width: unset;
  font-size: 1.6rem;
  line-height: 1.38;
}
.panel span {
  position: absolute;
  bottom: 20px;
  right: 20px;
  max-width: 240px;
  color: #ffffff;
}
.panel:hover {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.quarter-panel {
  width: 24.7%;
}
.third-panel {
  width: 33%;
}
.half-panel {
  width: 49.8%;
}
.half-panel_double-height {
  height: 525px;
}
.full-panel {
  width: 100%;
}
.full-panel span {
  text-align: center;
  position: relative;
  right: inherit;
  bottom: inherit;
  width: auto;
  max-width: none;
  display: block;
  top: 50%;
}
.full-panel span em {
  font-family: 'Merriweather', serif;
  font-size: 19px;
  padding-right: 5px;
}
.full-panel.small {
  padding: 0;
  height: 40px;
  line-height: 40px;
}
.full-panel.small span {
  top: 0;
}
.panel--tab {
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 5px 8px;
  font-family: 'Merriweather', serif;
  font-style: italic;
  font-weight: 600;
  font-size: 17px;
  font-size: 1.7rem;
  border-radius: 5px;
}
.discounts {
  background-size: cover;
  background: url(../img/content/mymembership/car-driving.jpg) center top -160px;
}
@media screen and (max-width: 768px) {
  .quarter-panel,
  .half-panel,
  .third-panel {
    width: 100%;
    display: block;
    margin: 0 0 5px 0;
  }
  .tiles .tile,
  .tiles.child .tile {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
  }
}
.block-wrapper {
  *zoom: 1;
  width: 100%;
}
.block-wrapper:before,
.block-wrapper:after {
  content: " ";
  display: table;
}
.block-wrapper:after {
  clear: both;
}
.block {
  background-color: white;
  border-radius: 2px;
  border-radius: 10px;
  margin-bottom: 5px;
}
.block img {
  width: 100%;
  display: block;
  border-radius: 2px;
  border-radius: 10px;
}
.block .image-wrapper {
  border-radius: 2px;
  border-radius: 10px;
  position: relative;
}
.block .image-wrapper .btn {
  position: absolute;
  bottom: 5px;
  left: 5px;
  margin-right: 5px;
  background-color: #a272a4;
}
.block p.intro {
  color: #644066;
}
.block .block-inner {
  padding: 15px;
  position: relative;
  *zoom: 1;
}
.block .block-inner:before,
.block .block-inner:after {
  content: " ";
  display: table;
}
.block .block-inner:after {
  clear: both;
}
.block .block-inner ul {
  list-style: disc;
  list-style-position: outside;
  margin-left: 20px;
}
.block .block-inner .basic--inline--list {
  margin-left: 0;
}
.block .block-inner .break-down-calculate ul {
  margin-left: 0;
  list-style: none;
}
.block .block-inner h4 {
  font-style: normal;
  color: #000000;
  font-size: 16px;
  font-size: 1.6rem;
}
.block .block-inner input[type=submit]:not(.btn-rounded),
.block .block-inner input[type=reset],
.block .block-inner .btn-form {
  position: relative;
  bottom: -30px;
}
.block a {
  display: block;
}
.block p a {
  display: inline;
}
.block ul li,
.block ol li {
  margin-bottom: 0.75em;
}
.block ul a,
.block ol a {
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-image: url("../../img/elements/border-link.png");
  background-repeat: repeat-x;
  background-position: bottom left;
}
.block .lnk-more {
  display: inline-block;
  zoom: 1;
  *display: inline;
  clear: both;
}
.block + .block .btn {
  background-color: #ec6590;
}
.block + .block + .block .btn {
  background-color: #00adee;
}
.block + .block + .block + .block .btn {
  background-color: #221f1f;
}
.block + .block + .block + .block + .block .btn {
  background-color: #a272a4;
}
.block + .block + .block + .block + .block + .block .btn {
  background-color: #ec6590;
}
.block + .block + .block + .block + .block + .block + .block .btn {
  background-color: #00adee;
}
.block + .block + .block + .block + .block + .block + .block + .block .btn {
  background-color: #221f1f;
}
.block + .block + .block + .block + .block + .block + .block + .block + .block .btn {
  background-color: #a272a4;
}
.block + .block + .block + .block + .block + .block + .block + .block + .block + .block .btn {
  background-color: #ec6590;
}
.block + .block + .block + .block + .block + .block + .block + .block + .block + .block + .block .btn {
  background-color: #00adee;
}
.block + .block + .block + .block + .block + .block + .block + .block + .block + .block + .block + .block .btn {
  background-color: #221f1f;
}
.block blockquote {
  margin: 22px 0 0 0;
}
.block blockquote cite {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  font-style: normal;
}
.block blockquote p {
  font-family: "Merriweather", serif;
  font-weight: 700;
}
.row-blocks-outer {
  margin-top: 0;
}
.block p:first-child {
  margin-top: 0;
}
.block-text blockquote {
  background-image: url('../img/elements/border-link.png');
  background-repeat: repeat-x;
  background-position: top left;
}
.block-text blockquote p {
  padding-top: 22px;
}
.block-text blockquote + p {
  background-image: url('../img/elements/border-link.png');
  background-repeat: repeat-x;
  background-position: top left;
  padding-top: 22px;
}
.block-text p a {
  font-weight: 500;
  background-image: url('../img/elements/border-purple.png');
  background-repeat: repeat-x;
  background-position: bottom left;
}
.block-features-wrapper {
  *zoom: 1;
}
.block-features-wrapper:before,
.block-features-wrapper:after {
  content: " ";
  display: table;
}
.block-features-wrapper:after {
  clear: both;
}
.block-feature .block-inner {
  display: none !important;
  visibility: hidden;
}
.block-feature .block-inner p {
  margin-top: 0;
}
.block-feature .block-inner p a {
  background-image: url('../img/elements/border-purple.png');
  background-repeat: repeat-x;
  background-position: bottom left;
}
.block-feature .block-inner a {
  display: inline;
}
.row-blocks {
  width: 101.73611111111111%;
  /* 293 / 288 */
  margin-left: -1.73611111%;
  /* 5 / 288 */
}
.row-blocks .block-feature {
  float: left;
  width: 48.122866894197955%;
  /* 141 / 293 */
  margin-left: 1.7064846416382253%;
  /* 5 / 293 */
}
.row-blocks h3 {
  margin-left: 5px;
  margin-bottom: 10px;
}
.row-blocks .block-single-wrapper h3 {
  margin-left: 0;
}
.row-blocks .content-primary .block-text h3 {
  margin-bottom: 0;
}
.block-image {
  margin-bottom: 5px;
}
.block-image .image-wrapper .info-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  text-align: center;
}
.block-image .image-wrapper .info-wrapper:before {
  content: '';
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
.block-image .image-wrapper .info-wrapper .btn {
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: auto;
  position: relative;
  bottom: auto;
  left: auto;
  margin-right: 0;
}
.block-feature-poster {
  background-color: #a272a4;
  color: white;
}
.block-feature-poster .block-inner {
  display: block !important;
  visibility: visible;
  padding: 48.5% 0;
  position: relative;
}
.block-feature-poster .block-inner p,
.block-feature-poster .block-inner ol,
.block-feature-poster .block-inner ul,
.block-feature-poster .block-inner dl,
.block-feature-poster .block-inner address,
.block-feature-poster .block-inner .date {
  display: none !important;
  visibility: hidden;
}
.block-feature-poster .block-inner .btn {
  position: absolute;
  bottom: 5px;
  left: 5px;
  background-color: #b790b9 !important;
}
.block-feature-poster .image-wrapper {
  padding: 48.5% 0;
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.block-feature-poster .image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
}
.block-feature-poster a {
  color: white;
}
.row-blocks .block-single-wrapper {
  width: 98.29351535836177%;
  /* 288 / 293 */
  margin-left: 1.7064846416382253%;
  /* 5 / 293 */
}
.block-feature-large {
  *zoom: 1;
}
.block-feature-large:before,
.block-feature-large:after {
  content: " ";
  display: table;
}
.block-feature-large:after {
  clear: both;
}
.block-feature-large .block-inner p {
  margin-top: 0;
}
.block-update h4 {
  margin-top: 0;
}
.block-update .block-inner p {
  margin-top: 7px;
}
.block-newsletter {
  background-color: #4e4c4c;
  color: white;
  background-image: url('/wp-content/themes/roundhouse/img/bg/bg-distress.png');
  background-position: 0 0;
}
.block-newsletter p.intro {
  color: white;
}
.block-newsletter .block-inner {
  *zoom: 1;
}
.block-newsletter .block-inner:before,
.block-newsletter .block-inner:after {
  content: " ";
  display: table;
}
.block-newsletter .block-inner:after {
  clear: both;
}
.block-newsletter a {
  color: white;
  background-image: url('../img/elements/border-black.png');
  background-repeat: repeat-x;
  background-position: bottom left;
}
.block-newsletter input {
  margin-top: 22px;
}
.block-newsletter-wrapper form {
  *zoom: 1;
}
.block-newsletter-wrapper form:before,
.block-newsletter-wrapper form:after {
  content: " ";
  display: table;
}
.block-newsletter-wrapper form:after {
  clear: both;
}
.block-newsletter-wrapper form input.btn {
  margin-top: 20px;
  background-color: #717070;
}
.block-wrapper .block-form-login .block-inner {
  *zoom: 1;
}
.block-wrapper .block-form-login .block-inner:before,
.block-wrapper .block-form-login .block-inner:after {
  content: " ";
  display: table;
}
.block-wrapper .block-form-login .block-inner:after {
  clear: both;
}
.block-wrapper .block-form-login .block-inner form {
  background-image: url('../img/elements/border-grey.png');
  background-repeat: repeat-x;
  background-position: top left;
  margin-top: 20px;
  padding-top: 5px;
}
.block-wrapper .block-form-login .block-inner form a.forgot {
  float: left;
  font-weight: 500;
  margin-top: 18px;
  padding-bottom: 3px;
  background-image: url('../img/elements/anchor-underline.png');
  background-repeat: repeat-x;
  background-position: bottom left;
}
.block-wrapper .block-form-login .block-inner form a.forgot:hover {
  color: #644066;
}
.block-wrapper .block-form-login .block-inner form input.btn {
  margin-top: 22px;
}
.row-blocks-posts {
  width: 105.20833333333333%;
  /* 303 / 288 */
  margin-left: -5.20833333%;
  /* 15 / 288 */
}
.block-posts-wrapper .block-post {
  width: 95.04950495049505%;
  /* 288 / 303 */
  margin-left: 4.9504950495049505%;
  /* 15 / 303 */
}
.block-post {
  position: relative;
}
.block-post h2 {
  font-style: normal;
  padding-right: 100px;
}
.block-post .image-wrapper {
  position: relative;
  z-index: 18;
}
.block-post .block-inner {
  position: relative;
  z-index: 19;
  *zoom: 1;
}
.block-post .block-inner:before,
.block-post .block-inner:after {
  content: " ";
  display: table;
}
.block-post .block-inner:after {
  clear: both;
}
.block-post .btn {
  position: absolute;
  z-index: 20;
  right: 15px;
  top: 15px;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  padding: 4px 6px;
  max-width: 100px;
}
.block-post .date,
.block-post .comments {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.block-post .date {
  margin-right: 10px;
}
.block-post .comments a {
  color: #5F5757;
  display: block;
  padding-bottom: 5px;
  background-image: url('../img/elements/border-pink.png');
  background-repeat: repeat-x;
  background-position: bottom left;
}
.block-feature.block-feature-login {
  background-color: #a272a4;
  width: 98.29351535836177%;
  margin-left: 1.7064846416382253%;
  position: relative;
}
.block-feature.block-feature-login .block-inner {
  display: block !important;
  visibility: visible;
  box-shadow: none;
}
.block-feature.block-feature-login .block-inner p {
  color: white;
  font-family: "Merriweather", serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2;
  font-weight: 300;
  padding-right: 40px;
}
.block-feature.block-feature-login .block-inner .register-ping {
  bottom: -68px;
  right: 15px;
}
.block-single-wrapper .block-form-register .block-inner {
  *zoom: 1;
}
.block-single-wrapper .block-form-register .block-inner:before,
.block-single-wrapper .block-form-register .block-inner:after {
  content: " ";
  display: table;
}
.block-single-wrapper .block-form-register .block-inner:after {
  clear: both;
}
.block-single-wrapper .block-form-register .block-inner p.intro {
  margin-bottom: -15px;
}
.block-single-wrapper .block-form-register .block-inner .form-wrapper {
  position: relative;
  background-image: url('../img/elements/border-grey.png');
  background-repeat: repeat-x;
  background-position: top left;
  margin-top: 20px;
  padding-top: 10px;
}
.block-single-wrapper .block-form-register .block-inner .form-wrapper .steps-wrapper {
  margin: 20px 0;
}
.block-single-wrapper .block-form-register .block-inner .form-wrapper .steps-wrapper .btn.step {
  background-color: #E6E6E7;
  margin-top: 5px;
  margin-right: 2px;
}
.block-single-wrapper .block-form-register .block-inner .form-wrapper .steps-wrapper .btn.step.active {
  background-color: #a272a4;
}
.block-single-wrapper .block-form-register .block-inner .form-wrapper form {
  *zoom: 1;
  position: relative;
}
.block-single-wrapper .block-form-register .block-inner .form-wrapper form:before,
.block-single-wrapper .block-form-register .block-inner .form-wrapper form:after {
  content: " ";
  display: table;
}
.block-single-wrapper .block-form-register .block-inner .form-wrapper form:after {
  clear: both;
}
.block-single-wrapper .block-form-register .block-inner .form-wrapper form .next-step-btn-wrappper {
  float: left;
  background-image: url('../img/elements/border-grey.png');
  background-repeat: repeat-x;
  background-position: top left;
  margin-top: 20px;
  padding-top: 30px;
  width: 100%;
}
.block-single-wrapper .block-form-register .block-inner .form-wrapper form .next-step-btn-wrappper .btn {
  float: left;
}
.block-single-wrapper .block-form-register .block-inner .form-wrapper form span ul {
  margin-top: 0;
  width: 105.8139534883721%;
  /* 273 / 258 */
  margin-left: -5.81395349%;
  /* 15 / 258 */
  position: relative;
  *zoom: 1;
}
.block-single-wrapper .block-form-register .block-inner .form-wrapper form span ul:before,
.block-single-wrapper .block-form-register .block-inner .form-wrapper form span ul:after {
  content: " ";
  display: table;
}
.block-single-wrapper .block-form-register .block-inner .form-wrapper form span ul:after {
  clear: both;
}
.block-single-wrapper .block-form-register .block-inner .form-wrapper form span ul li {
  width: 44.32234432234432%;
  /* 121 / 273 */
  margin-left: 5.4945054945054945%;
  /* 15 / 273 */
  float: left;
}
.block-single-wrapper .block-form-register .block-inner .form-wrapper form span.required {
  color: #ec6590;
  width: auto;
  float: none;
  margin: 0;
  display: inline;
}
.block-single-wrapper .block-form-register .block-inner .form-wrapper form span.required:before,
.block-single-wrapper .block-form-register .block-inner .form-wrapper form span.required:after {
  display: inline;
}
.block-stats-wrapper {
  display: none !important;
  visibility: hidden;
}
.block-page-title {
  background-color: transparent;
  margin-top: 0;
  margin-bottom: 10px;
}
.block-page-title .block-inner {
  padding: 0;
}
.block-map {
  height: 310px;
  margin-top: 25px;
}
.block-map #gmap {
  height: 100%;
  width: 100%;
}
.content-related .block-feature-poster .register-ping {
  display: none !important;
  visibility: hidden;
}
@media screen and (min-width: 480px) {
  .row-blocks {
    margin-top: 22px;
  }
  .row-blocks h3 {
    margin-bottom: 20px;
  }
  .row-blocks .content-primary .block-features-wrapper .block {
    margin-top: 0;
  }
  .row-blocks-outer {
    margin-top: 0;
  }
  .block-feature .block-inner {
    display: block !important;
    visibility: visible;
    box-shadow: inset 0 15px 8px -14px rgba(0, 0, 0, 0.3);
  }
  .block-stats-wrapper .block-feature .block-inner {
    box-shadow: none;
  }
  .block {
    margin-top: 0;
  }
  .block .image-wrapper .btn {
    bottom: 15px;
    left: 15px;
    margin-right: 15px;
  }
  .block .image-wrapper img {
    border-radius: 2px 2px 0 0;
  }
  .block p.intro {
    font-family: "Merriweather", serif;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.27;
    font-weight: 300;
  }
  .block blockquote p {
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .block-page-title {
    margin-top: 0;
  }
  .block-feature-poster .block-inner {
    padding: 70.2% 0;
    box-shadow: none;
  }
  .block-feature-poster .block-inner p {
    display: block !important;
    visibility: visible;
    position: absolute;
    top: 15px;
    left: 15px;
    margin-right: 15px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.22;
    font-family: "Merriweather", serif;
    letter-spacing: -0.03em;
  }
  .block-feature-poster .block-inner .btn {
    bottom: 15px;
    left: 15px;
    margin-right: 15px;
  }
  .block-feature-poster .image-wrapper {
    padding: 0 0;
    overflow: visible;
  }
  .block-feature-poster .image-wrapper img {
    position: relative;
    top: auto;
    left: auto;
  }
  .block-update + .block-update {
    margin-top: 5px;
  }
  .block-update .block-inner p {
    margin-top: 7px;
  }
  .block-single-wrapper .block-form-register .block-inner .form-wrapper form span ul {
    width: 103.73134328358209%;
    /* 417 / 402 */
    margin-left: -3.73134328%;
    /* 15 / 402 */
  }
  .block-single-wrapper .block-form-register .block-inner .form-wrapper form span ul li {
    width: 46.28297362110312%;
    /* 193 / 417 */
    margin-left: 3.597122302158273%;
    /* 15 / 417 */
  }
  .block-feature.block-feature-login .block-inner p {
    padding-right: 90px;
  }
  .block-feature.block-feature-login .block-inner .register-ping {
    bottom: -40px;
  }
  .content-related .block-feature-poster .register-ping {
    display: block !important;
    visibility: visible;
    right: 15px;
    bottom: -50px;
  }
}
@media screen and (min-width: 600px) {
  .row-blocks-posts {
    width: 102.77777777777777%;
    /* 555 / 540 */
    margin-left: -2.77777778%;
    /* 15 / 540 */
  }
  .block-posts-wrapper {
    *zoom: 1;
  }
  .block-posts-wrapper:before,
  .block-posts-wrapper:after {
    content: " ";
    display: table;
  }
  .block-posts-wrapper:after {
    clear: both;
  }
  .block-posts-wrapper .block-post {
    width: 49.3%;
    /* 360 / 751 */
    margin-left: 0.7%;
    float: left;
  }
  .block-posts-wrapper .block-post-single {
    width: 97.2972972972973%;
    /* 540 / 555 */
  }
  .block-posts-wrapper .block-post-single .image-wrapper {
    width: 50%;
    float: left;
  }
  .block-posts-wrapper .block-post-single .block-inner {
    width: auto;
    overflow: hidden;
  }
}
@media screen and (min-width: 866px) and (max-width: 1023px) {
  .hero-container .hero-supporting .block-change {
    width: 30%;
    float: right;
    margin-bottom: -160px;
    margin-right: -5%;
  }
}
@media screen and (min-width: 768px) {
  .row-blocks {
    width: 100.72358900144718%;
    /* 696 / 691 */
    margin-left: -0.723589%;
    /* 5 / 691 */
  }
  .row-blocks .block-feature {
    width: 24.281609195402297%;
    /* 169 / 696 */
    margin-left: 0.7183908045977011%;
    /* 5 / 696 */
  }
  .row-blocks .block-single-wrapper {
    width: 99.2816091954023%;
    /* 691 / 696 */
    margin-left: 0.7183908045977011%;
    /* 5 / 696 */
    *zoom: 1;
  }
  .row-blocks .block-single-wrapper:before,
  .row-blocks .block-single-wrapper:after {
    content: " ";
    display: table;
  }
  .row-blocks .block-single-wrapper:after {
    clear: both;
  }
  .row-blocks .block-feature-large.block-contact .block-inner {
    width: 100%;
  }
  .row-blocks .content-primary {
    width: 74.2816091954023%;
    /* 517 / 696 */
    margin-left: 0.7183908045977011%;
    /* 5 / 696 */
    float: left;
  }
  .row-blocks .content-primary .block:first-child {
    margin-top: 0;
  }
  .row-blocks .content-primary .block-map {
    height: 400px;
  }
  .row-blocks .content-primary .block-map:first-child {
    margin-top: 25px;
  }
  .row-blocks .content-primary-no-aside {
    width: 99.2816091954023%;
    /* 691 / 696 */
    margin-left: 0.7183908045977011%;
    /* 5 / 696 */
  }
  .row-blocks .content-primary-no-aside .block-text.force-single-col .block-inner {
    -moz-column-count: 1;
    -moz-column-gap: 15px;
    -webkit-column-count: 1;
    -webkit-column-gap: 15px;
    -ms-column-count: 1;
    -ms-column-gap: 15px;
    -o-column-count: 1;
    -o-column-gap: 15px;
    column-count: 1;
    column-gap: 15px;
  }
  .row-blocks .content-primary-no-aside .block-text .block-inner {
    -moz-column-count: 2;
    -moz-column-gap: 15px;
    -webkit-column-count: 2;
    -webkit-column-gap: 15px;
    -ms-column-count: 2;
    -ms-column-gap: 15px;
    -o-column-count: 2;
    -o-column-gap: 15px;
    column-count: 2;
    column-gap: 15px;
    -moz-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
  }
  .row-blocks .content-primary-no-secondary {
    width: 99.2816091954023%;
    /* 691 / 696 */
    margin-left: 0.7183908045977011%;
    /* 5 / 696 */
    float: left;
  }
  .row-blocks .content-primary-no-secondary .block-text .block-inner {
    -moz-column-count: 2;
    -moz-column-gap: 15px;
    -webkit-column-count: 2;
    -webkit-column-gap: 15px;
    -ms-column-count: 2;
    -ms-column-gap: 15px;
    -o-column-count: 2;
    -o-column-gap: 15px;
    column-count: 2;
    column-gap: 15px;
  }
  .row-blocks .content-primary-no-aside-no-secondary {
    width: 99.2816091954023%;
    /* 691 / 696 */
    margin-left: 0.7183908045977011%;
    /* 5 / 696 */
  }
  .row-blocks .content-related {
    width: 24.281609195402297%;
    /* 169 / 696 */
    float: left;
    margin-left: 0.7183908045977011%;
    /* 5 / 696 */
  }
  .row-blocks .content-related .block {
    margin-top: 5px;
  }
  .row-blocks .content-related .block:first-child {
    margin-top: 0;
  }
  .row-blocks .content-related .block-feature {
    width: 100%;
    margin-left: 0;
    float: none;
  }
  .row-blocks .block-updates-wrapper,
  .row-blocks .block-newsletter-wrapper {
    width: 49.2816091954023%;
    /* 343 / 696 */
    float: left;
  }
  .block-feature .block-inner {
    display: none !important;
    visibility: hidden;
  }
  .block .image-wrapper img {
    border-radius: 2px;
    border-radius: 10px;
  }
  .block p.intro {
    font-size: 26px;
    font-size: 2.6rem;
    letter-spacing: -0.04em;
  }
  .block-feature-poster .block-inner {
    display: block !important;
    visibility: visible;
    padding: 48.5% 0;
    position: relative;
  }
  .block-feature-poster .block-inner p,
  .block-feature-poster .block-inner ol,
  .block-feature-poster .block-inner ul,
  .block-feature-poster .block-inner dl,
  .block-feature-poster .block-inner address,
  .block-feature-poster .block-inner .date {
    display: none !important;
    visibility: hidden;
  }
  .block-feature-poster .block-inner .btn {
    bottom: 15px;
    left: 15px;
    margin-right: 15px;
  }
  .block-feature-poster .image-wrapper {
    padding: 48.5% 0;
    overflow: hidden;
  }
  .block-feature-poster .image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .block-feature-large-wrapper.form {
    width: 49.46004319654428%;
    margin-left: 0.5399568034557235%;
    float: left;
  }
  .row-blocks .block-feature.block-feature-login {
    width: 49.46004319654428%;
    margin-left: 0.5399568034557235%;
    float: left;
    margin-top: 0;
  }
  .row-blocks .block-feature.block-feature-login .block-inner p {
    font-size: 29px;
    font-size: 2.9rem;
    padding-right: 60px;
  }
  .block-single-wrapper .block-form-register .block-inner .form-wrapper form {
    width: 102.26928895612708%;
    /* 676 / 661 */
    margin-left: -2.26928896%;
    /* 15 / 661 */
  }
  .block-single-wrapper .block-form-register .block-inner .form-wrapper form span {
    width: 47.781065088757394%;
    /* 323 / 676 */
    float: left;
    margin-left: 2.2189349112426036%;
    /* 15 / 676 */
    max-width: 367px;
  }
  .block-single-wrapper .block-form-register .block-inner .form-wrapper form span ul {
    width: 104.64396284829722%;
    /* 338 / 323 */
    margin-left: -4.64396285%;
    /* 15 / 323 */
  }
  .block-single-wrapper .block-form-register .block-inner .form-wrapper form span ul li {
    width: 45.562130177514796%;
    /* 154 / 338 */
    margin-left: 4.437869822485207%;
    /* 15 / 338 */
  }
  .block-single-wrapper .block-form-register .block-inner .form-wrapper form .next-step-btn-wrappper {
    margin-left: 2.2189349112426036%;
    /* 15 / 676 */
    width: 97.7810650887574%;
    /* 661 / 676 */
    margin-top: 50px;
  }
  .block .image-wrapper.image-wrapper-mask {
    position: relative;
    padding: 20% 0;
    overflow: hidden;
  }
  .block .image-wrapper.image-wrapper-mask img {
    position: absolute;
    top: -40%;
    left: 0;
  }
  .row-blocks-posts {
    width: 102.17076700434153%;
    /* 706 / 691 */
    margin-left: -2.170767%;
    /* 15 / 691 */
  }
  .block-posts-wrapper .block-post {
    width: 49.3%;
    /* 360 / 751 */
    margin-left: 0.7%;
  }
  .block-posts-wrapper .block-post-single {
    width: 97.87535410764873%;
    /* 691 / 706 */
  }
  .block-posts-wrapper .block-post-single .image-wrapper {
    width: 50%;
    float: left;
  }
  .block-posts-wrapper .block-post-single .block-inner {
    width: auto;
    overflow: hidden;
  }
  .content-related .block-feature-poster .register-ping {
    display: none !important;
    visibility: hidden;
  }
}
@media screen and (min-width: 1024px) {
  .row-blocks {
    width: 100.54288816503801%;
    /* 926 / 921 */
    margin-left: -0.54288817%;
    /* 5 / 921 */
  }
  .row-blocks .block-feature {
    width: 24.406047516198704%;
    /* 226 / 926 */
    margin-left: 0.5399568034557235%;
    /* 5 / 926 */
  }
  .row-blocks .block-feature a:hover .image-wrapper:after {
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
  }
  .row-blocks .block-feature a .image-wrapper {
    position: relative;
  }
  .row-blocks .block-feature a .image-wrapper img {
    z-index: 60;
  }
  .row-blocks .block-feature a .image-wrapper span {
    z-index: 63;
  }
  .row-blocks .block-feature a .image-wrapper:after {
    content: "";
    position: absolute;
    transition: opacity 0.2s ease-in-out;
    top: 0;
    left: 0;
    z-index: 62;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #a272a4;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    border-radius: 2px 2px 0 0;
  }
  .row-blocks .block-feature + .block-feature a .image-wrapper:after {
    background-color: #ec6590;
  }
  .row-blocks .block-feature + .block-feature + .block-feature a .image-wrapper:after {
    background-color: #00adee;
  }
  .row-blocks .block-feature + .block-feature + .block-feature + .block-feature a .image-wrapper:after {
    background-color: #221f1f;
  }
  .row-blocks .block-feature .block-inner p a:hover {
    color: #a272a4;
  }
  .row-blocks .block-single-wrapper {
    width: 99.46004319654428%;
    /* 921 / 926 */
    margin-left: 0.5399568034557235%;
    /* 5 / 926 */
  }
  .row-blocks .content-secondary,
  .row-blocks .content-related {
    width: 21%;
    /* 301 / 1225 */
    margin-right: 3%;
    /* 5 / 1225 */
  }
  .row-blocks .content-primary {
    width: 49.46004319654428%;
    /* 458 / 926 */
    margin-left: 0.5399568034557235%;
    /* 5 / 926 */
    float: left;
  }
  .row-blocks .content-primary .block-map {
    height: 490px;
  }
  .row-blocks .content-primary .block-map:first-child {
    margin-top: 0;
  }
  .row-blocks .content-primary-no-aside {
    width: 74.51403887688986%;
    /* 690 / 926 */
    margin-left: 0.5399568034557235%;
    /* 5 / 926 */
  }
  .row-blocks .content-primary-no-aside .block-features-wrapper .block {
    width: 32.51798561151079%;
    /* 226 / 695 */
    margin-left: 0.7194244604316548%;
    /* 5 / 695 */
  }
  .row-blocks .content-primary-no-secondary {
    width: 74.51403887688986%;
    /* 690 / 926 */
    margin-left: 0.5399568034557235%;
    /* 5 / 926 */
    float: left;
  }
  .row-blocks .content-primary-no-secondary .block-features-wrapper .block {
    width: 32.51798561151079%;
    /* 226 / 695 */
    margin-left: 0.7194244604316548%;
    /* 5 / 695 */
  }
  .row-blocks .content-primary-no-aside-no-secondary {
    width: 99.46004319654428%;
    /* 921 / 926 */
    margin-left: 0.5399568034557235%;
    /* 5 / 926 */
  }
  .row-blocks .block-feature-large-wrapper {
    width: 49.46004319654428%;
    /* 458 / 926 */
    margin-left: 0.5399568034557235%;
    /* 5 / 926 */
    float: left;
  }
  .row-blocks .block-feature-large a:hover .image-wrapper:after {
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
  }
  .row-blocks .block-feature-large a .image-wrapper {
    position: relative;
  }
  .row-blocks .block-feature-large a .image-wrapper img {
    z-index: 60;
  }
  .row-blocks .block-feature-large a .image-wrapper span {
    z-index: 63;
  }
  .row-blocks .block-feature-large a .image-wrapper:after {
    content: "";
    position: absolute;
    transition: opacity 0.2s ease-in-out;
    top: 0;
    left: 0;
    z-index: 62;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #a272a4;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    border-radius: 2px 2px 0 0;
  }
  .row-blocks .block-feature-large .image-wrapper {
    width: 100%;
    float: none;
  }
  .row-blocks .block-feature-large .block-inner {
    padding: 15px;
    width: auto;
    float: none;
  }
  .row-blocks .block-updates-wrapper,
  .row-blocks .block-newsletter-wrapper {
    width: 24.406047516198704%;
    /* 226 / 926 */
    margin-left: 0.5399568034557235%;
    /* 5 / 926 */
  }
  .block-feature .block-inner {
    display: block !important;
    visibility: visible;
  }
  .block .image-wrapper img {
    border-radius: 2px 2px 0 0;
  }
  .block .image-wrapper .btn {
    top: 15px;
    bottom: auto;
  }
  .block-stats-wrapper {
    display: block !important;
    visibility: visible;
  }
  .block-stats-wrapper .block .block-inner p {
    margin-top: 22px;
  }
  .block-stats-wrapper .block .stat {
    color: #a272a4;
  }
  .block-stats-wrapper .block + .block .stat {
    color: #ec6590;
  }
  .block-stats-wrapper .block + .block + .block .stat {
    color: #00adee;
  }
  .block-stats-wrapper .block + .block + .block + .block .stat {
    color: #221f1f;
  }
  .block-feature-poster .block-inner {
    padding: 15px;
  }
  .block-feature-poster .block-inner p {
    display: block !important;
    visibility: visible;
    position: relative;
    top: auto;
    left: auto;
    margin-right: auto;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.1;
  }
  .block-feature-poster .block-inner .btn {
    position: relative;
    bottom: auto;
    left: auto;
    margin-right: auto;
    margin-top: 22px;
  }
  .block-feature-poster .block-inner .btn:hover {
    background-color: #644066 !important;
    transition: all 0.2s ease-in-out;
  }
  .block-feature-poster .image-wrapper {
    padding: 0 0;
    overflow: visible;
  }
  .block-feature-poster .image-wrapper img {
    position: relative;
    top: auto;
    left: auto;
  }
  .block-page-title {
    background-color: white;
    margin-bottom: 5px;
  }
  .block-page-title .block-inner {
    padding: 15px;
  }
  .block-page-title .block-inner h2 {
    font-size: 35px;
    font-size: 3.5rem;
  }
  .block-wrapper .block-form-login .block-inner form {
    padding-top: 20px;
  }
  .block-wrapper .block-form-login .block-inner form span {
    display: block;
    width: 100%;
    padding: 13px 0;
  }
  .block-wrapper .block-form-login .block-inner form span p {
    width: 30%;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
  }
  .block-wrapper .block-form-login .block-inner form span input {
    width: 60%;
    float: right;
  }
  .block-wrapper .block-form-login .block-inner form span input.btn {
    width: auto;
    margin-top: 0;
  }
  .block .image-wrapper.image-wrapper-mask {
    position: relative;
    padding: 0;
    overflow: visible;
  }
  .block .image-wrapper.image-wrapper-mask img {
    position: relative;
    top: auto;
    left: auto;
  }
  .row-blocks .block-feature.block-feature-login .block-inner p {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 1.05;
    padding-right: 90px;
  }
  .row-blocks .block-feature.block-feature-login .block-inner .register-ping {
    bottom: -70px;
  }
  .content-primary-index {
    float: left;
    width: 79.91313789359393%;
    /* 736 / 921 */
  }
  .content-related-index {
    float: right;
    width: 18.458197611292075%;
    /* 170 / 921 */
  }
  .row-blocks-posts {
    width: 102.03804347826086%;
    /* 751 / 736 */
    margin-left: -2.03804348%;
    /* 15 / 736 */
  }
  .block-posts-wrapper .block-post {
    width: 49.3%;
    /* 360 / 751 */
    margin-left: 0.7%;
  }
  .block-posts-wrapper .block-post-single {
    width: 98.00266311584554%;
    /* 736 / 751 */
  }
  .block-posts-wrapper .block-post-single .image-wrapper {
    width: 50%;
    float: left;
  }
  .block-posts-wrapper .block-post-single .block-inner {
    width: auto;
    overflow: hidden;
  }
  .content-related .block-feature-poster .register-ping {
    display: block !important;
    visibility: visible;
    bottom: -80px;
  }
  .block-update h4 {
    transition: all 0.2s ease-in-out;
  }
  .block-update a:hover h4 {
    color: #a272a4;
  }
  .block-newsletter-wrapper form input.btn:hover {
    background-color: #000000;
  }
  .block-image a:hover .image-wrapper:after {
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
  }
  .block-image a .image-wrapper {
    position: relative;
  }
  .block-image a .image-wrapper img {
    z-index: 60;
  }
  .block-image a .image-wrapper span {
    z-index: 63;
  }
  .block-image a .image-wrapper:after {
    content: "";
    position: absolute;
    transition: opacity 0.2s ease-in-out;
    top: 0;
    left: 0;
    z-index: 62;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #a272a4;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    border-radius: 2px 2px 0 0;
  }
  .block-image + .block-image .image-wrapper:after {
    background-color: #ec6590;
  }
  .block-image + .block-image + .block-image .image-wrapper:after {
    background-color: #00adee;
  }
  .block-image + .block-image + .block-image + .block-image .image-wrapper:after {
    background-color: #221f1f;
  }
  .block-image + .block-image + .block-image + .block-image + .block-image .image-wrapper:after {
    background-color: #a272a4;
  }
  .block-image + .block-image + .block-image + .block-image + .block-image + .block-image .image-wrapper:after {
    background-color: #ec6590;
  }
  .block-image + .block-image + .block-image + .block-image + .block-image + .block-image + .block-image .image-wrapper:after {
    background-color: #00adee;
  }
  .block-image + .block-image + .block-image + .block-image + .block-image + .block-image + .block-image + .block-image .image-wrapper:after {
    background-color: #221f1f;
  }
  .block-text p a:hover {
    color: #644066;
  }
}
@media screen and (min-width: 1284px) {
  .block p.intro {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.1;
    font-weight: 300;
    color: #644066;
  }
  .block .block-inner {
    padding: 25px;
  }
  .block blockquote p {
    font-size: 19px;
    font-size: 1.9rem;
  }
  .block-newsletter p.intro {
    color: white;
  }
  .row-blocks .block-feature-large-wrapper .block-inner {
    padding: 25px;
  }
  .block-feature-poster .block-inner p {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: -0.04em;
  }
  .block-page-title .block-inner h2 {
    font-size: 44px;
    font-size: 4.4rem;
  }
  .block-single-wrapper .block-form-register .block-inner .form-wrapper form span p,
  .block-single-wrapper .block-form-register .block-inner .form-wrapper form span p:first-child {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .block-single-wrapper .block-form-register .block-inner .form-wrapper form input {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .block-single-wrapper .block-form-register .block-inner .form-wrapper form input.btn {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 300;
  }
  .block-single-wrapper .block-form-register .block-inner .form-wrapper form .has-pretty-child p {
    margin-top: 12px;
    margin-bottom: 0;
  }
  .row-blocks .block-feature.block-feature-login .block-inner p {
    width: 90%;
    font-size: 39px;
    font-size: 3.9rem;
    line-height: 1.05;
  }
}
@media screen and (min-width: 1364px) {
  .row-blocks {
    width: 100.40983606557377%;
    /* 1225 / 1220 */
    margin-left: -0.40983607%;
    /* 5 / 1220 */
  }
  .row-blocks .block-feature {
    width: 24.571428571428573%;
    /* 301 / 1225 */
    margin-left: 0.40816326530612246%;
    /* 5 / 1225 */
  }
  .row-blocks .block-single-wrapper {
    width: 99.59183673469387%;
    /* 1220 / 1225 */
    margin-left: 0.40816326530612246%;
    /* 5 / 1225 */
  }
  .row-blocks .content-secondary,
  .row-blocks .content-related {
    width: 21%;
    /* 301 / 1225 */
    margin-right: 3%;
  }
  .row-blocks .content-primary {
    width: 49.46004319654428%;
    /* 458 / 926 */
    margin-left: 0.40816326530612246%;
    /* 5 / 1225 */
    margin-bottom: 20px;
  }
  .row-blocks .content-primary .block-text .block-inner {
    -moz-column-count: 2;
    -moz-column-gap: 25px;
    -webkit-column-count: 2;
    -webkit-column-gap: 25px;
    -ms-column-count: 2;
    -ms-column-gap: 25px;
    -o-column-count: 2;
    -o-column-gap: 25px;
    column-count: 2;
    column-gap: 25px;
    *zoom: 1;
  }
  .row-blocks .content-primary .block-text .block-inner:before,
  .row-blocks .content-primary .block-text .block-inner:after {
    content: " ";
    display: table;
  }
  .row-blocks .content-primary .block-text .block-inner:after {
    clear: both;
  }
  .row-blocks .content-primary .block-text .block-inner p,
  .row-blocks .content-primary .block-text .block-inner ol,
  .row-blocks .content-primary .block-text .block-inner ul,
  .row-blocks .content-primary .block-text .block-inner dl,
  .row-blocks .content-primary .block-text .block-inner address,
  .row-blocks .content-primary .block-text .block-inner .date,
  .row-blocks .content-primary .block-text .block-inner h3 {
    margin-bottom: 22px;
    margin-top: 0;
  }
  .row-blocks .content-primary .block-text .block-inner .intro.full-width {
    column-span: all;
    -webkit-column-span: all;
    /* Safari and Chrome */
  }
  .row-blocks .content-primary-no-aside {
    width: 74.61224489795917%;
    /* 914 / 1225 */
    margin-left: 0.40816326530612246%;
    /* 5 / 1225 */
  }
  .row-blocks .content-primary-no-aside .block-text .block-inner {
    -moz-column-count: 2;
    -moz-column-gap: 25px;
    -webkit-column-count: 2;
    -webkit-column-gap: 25px;
    -ms-column-count: 2;
    -ms-column-gap: 25px;
    -o-column-count: 2;
    -o-column-gap: 25px;
    column-count: 2;
    column-gap: 25px;
  }
  .row-blocks .content-primary-no-aside .block-features-wrapper .block {
    width: 32.752992383025024%;
    /* 301 / 919 */
    margin-left: 0.544069640914037%;
    /* 5 / 919 */
  }
  .row-blocks .content-primary-no-secondary {
    width: 74.61224489795917%;
    /* 914 / 1225 */
    margin-left: 0.40816326530612246%;
    /* 5 / 1225 */
    float: left;
  }
  .row-blocks .content-primary-no-secondary .block-text .block-inner {
    -moz-column-count: 2;
    -moz-column-gap: 25px;
    -webkit-column-count: 2;
    -webkit-column-gap: 25px;
    -ms-column-count: 2;
    -ms-column-gap: 25px;
    -o-column-count: 2;
    -o-column-gap: 25px;
    column-count: 2;
    column-gap: 25px;
  }
  .row-blocks .content-primary-no-secondary .block-features-wrapper .block {
    width: 32.752992383025024%;
    /* 301 / 919 */
    margin-left: 0.544069640914037%;
    /* 5 / 919 */
  }
  .row-blocks .content-primary-no-aside-no-secondary {
    width: 99.59183673469387%;
    /* 1220 / 1225 */
    margin-left: 0.40816326530612246%;
    /* 5 / 1225 */
  }
  .row-blocks .block-feature-large-wrapper {
    width: 49.55102040816327%;
    /* 607 / 1225 */
    margin-left: 0.40816326530612246%;
    /* 5 / 1225 */
  }
  .row-blocks .block-updates-wrapper,
  .row-blocks .block-newsletter-wrapper {
    width: 24.571428571428573%;
    /* 301 / 1225 */
    margin-left: 0.40816326530612246%;
    /* 5 / 1225 */
  }
  .block .image-wrapper .btn {
    top: 25px;
    left: 25px;
    margin-right: 25px;
  }
  .block-single-wrapper .block-form-register .block-inner .form-wrapper form span ul {
    width: 104.08719346049047%;
    /* 382 / 367 */
    margin-left: -4.08719346%;
    /* 15 / 367 */
  }
  .block-single-wrapper .block-form-register .block-inner .form-wrapper form span ul li {
    width: 46.07329842931937%;
    /* 176 / 382 */
    margin-left: 3.926701570680628%;
    /* 15 / 382 */
  }
  .row-blocks .block-feature.block-feature-login .block-inner .register-ping {
    bottom: -90px;
  }
  .content-primary-index {
    width: 80.32786885245902%;
    /* 980 / 1220 */
  }
  .content-related-index {
    width: 18.442622950819672%;
    /* 225 / 1220 */
  }
  .row-blocks-posts {
    width: 101.53061224489797%;
    /* 995 / 980 */
    margin-left: -1.53061224%;
    /* 15 / 980 */
  }
  .block-posts-wrapper .block-post {
    width: 49.3%;
    /* 360 / 751 */
    margin-left: 0.7%;
  }
  .block-posts-wrapper .block-post-single {
    width: 98.49246231155779%;
    /* 980 / 995 */
  }
  .block-posts-wrapper .block-post-single .image-wrapper {
    width: 50%;
    float: left;
  }
  .block-posts-wrapper .block-post-single .block-inner {
    width: auto;
    overflow: hidden;
  }
  .content-related .block-feature-poster .register-ping {
    bottom: -100px;
  }
}
.builder-left {
  float: left;
  width: 25%;
  margin-right: 4%;
  position: relative;
  height: 552px;
}
.builder-right {
  float: left;
  width: 71%;
  margin: 0;
  position: relative;
  height: 552px;
}
.break-down {
  width: 70%;
  margin: 0 auto;
  vertical-align: middle;
}
.break-down ul {
  font-style: italic;
  font-family: 'Merriweather', serif;
  font-weight: 600;
  font-size: 19px;
  font-size: 1.9rem;
  display: block;
  padding: 0;
  color: #644066;
  margin: 50% 0;
}
.break-down ul li {
  list-style-image: url(../img/elements/purple-bullet-square.gif);
  list-style-position: inside;
  margin: 0 0 20px 0;
  padding: 0 0 20px 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  background: url(../img/elements/border-purple.png) bottom left repeat-x;
}
.break-down ul li:last-child {
  list-style-image: url(../img/elements/pink-bullet-square.gif);
  border-bottom: none;
  background: none;
}
.break-down ul li span {
  display: block;
  font-size: 42px;
  font-size: 4.2rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  font-style: normal;
  padding-left: 20px;
  letter-spacing: -3px;
}
.break-down p {
  font-family: 'Merriweather', serif;
  font-style: italic;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.8rem;
  color: #644066;
}
.break-down p span {
  font-weight: 900;
}
.break-down-calculate {
  width: 50%;
}
.break-down-calculate ul {
  margin-left: 25px !important;
  margin-top: 0;
  margin-bottom: 0;
  list-style: 0;
}
.break-down-calculate ul li {
  list-style-image: none;
  margin-left: 0;
  padding-left: 0;
  line-height: 1;
  background: none;
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
  clear: both;
}
.break-down-calculate ul li span {
  padding-left: 0;
}
.break-down-calculate ul li:last-child {
  list-style-image: none;
}
.break-down-calculate ul .calculate-child {
  margin-top: 15px;
}
.break-down-calculate ul .calculate-child:before {
  content: "+";
  position: absolute;
  right: 0;
  top: -7px;
  font-size: 24px;
  font-size: 2.4rem;
  font-style: normal;
}
.break-down-calculate ul li:last-child,
.break-down-calculate ul .calculate-grandtotal {
  margin-top: 20px;
  padding-top: 20px;
  background: url(../img/elements/border-purple.png) top left repeat-x;
}
.break-down-calculate ul .calculate-remaining {
  color: #a272a4;
}
.builder-dial {
  position: absolute;
  top: -50px;
  left: 0;
}
table.skill-builder-info,
table.details {
  text-align: left;
  margin-bottom: 30px;
}
table.skill-builder-info:first-of-type,
table.details:first-of-type {
  margin-top: 15px;
}
table.skill-builder-info thead th,
table.details thead th {
  padding: 15px;
}
table.skill-builder-info thead th:last-child,
table.details thead th:last-child {
  text-align: right;
}
table.skill-builder-info tbody tr,
table.details tbody tr {
  background: #ffffff;
  padding: 15px;
  border-bottom: 5px solid #f4f0ea;
}
table.skill-builder-info tbody tr:nth-child(even),
table.details tbody tr:nth-child(even) {
  background-color: #F9F8F4;
}
table.skill-builder-info tbody tr td,
table.details tbody tr td {
  padding: 15px;
}
table.skill-builder-info tbody tr td:last-child,
table.details tbody tr td:last-child {
  text-align: right;
}
table.skill-builder-info a,
table.details a {
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-image: url("../../img/elements/border-link.png");
  background-repeat: repeat-x;
  background-position: bottom left;
}
#space-wrapper {
  margin-left: 1.00753768844221%;
  display: block;
  *zoom: 1;
}
#space-wrapper:before,
#space-wrapper:after {
  content: " ";
  display: table;
}
#space-wrapper:after {
  clear: both;
}
.block-post-deal {
  width: 32.83333333333333%;
  margin-left: 0.5%;
  float: left;
  position: relative;
  min-height: 315px;
}
.block-post-deal h2 {
  font-family: "Merriweather", serif;
  font-style: normal;
  font-weight: 300;
  color: #a272a4;
  font-size: 25px;
  font-size: 2.5rem;
  margin: 0;
  padding: 0;
}
.block-post-deal p {
  font-family: "Merriweather", serif;
  font-weight: 300;
  font-size: 25px;
  font-size: 2.5rem;
  color: #837979;
  margin: 0;
  line-height: 1.19;
}
.block-post-deal img {
  display: block;
}
.block-post-deal .deal-btn {
  font-family: "Merriweather", serif;
  font-weight: 300;
  background-color: #a272a4;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.19;
  border-radius: 2px;
  border-radius: 10px;
  display: inline-block;
  padding: 6px 9px;
  transition: background-color 0.08s ease-in-out;
  position: absolute;
  top: 21px;
  left: 28px;
}
.block-post-deal .deal-btn:hover {
  background: #644066;
}
.block-post-deal a {
  color: #ffffff;
}
.block-post-deal .manufacturer {
  color: #a272a4;
  margin-bottom: 0.5em;
}
.half-block {
  width: 47%;
  float: left;
  margin-right: 3%;
}
.last {
  margin-right: 0;
}
.alignRight {
  padding: 30px 0 0 0;
  text-align: right;
}
@media only screen and (max-width: 700px) {
  .block-post-deal {
    width: 49%;
    margin-left: 1%;
  }
}
@media only screen and (max-width: 480px) {
  .block-post-deal {
    width: 100%;
    margin-left: 0;
    float: none;
    min-height: 250px;
  }
}
html,
button,
input,
select,
textarea {
  color: black;
  -webkit-font-smoothing: antialiased;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::selection {
  background: #B3D4FC;
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCCCCC;
  margin: 1em 0;
  padding: 0;
}
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle;
}
body,
select,
input,
textarea {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.57;
  font-weight: 300;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a,
span,
ul {
  -webkit-font-smoothing: antialiased;
}
p,
ol,
ul,
dl,
address,
.date {
  margin-top: 22px;
  margin-bottom: 0;
}
p.intro {
  font-family: "Merriweather", serif;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.27;
  font-weight: 300;
  max-width: 620px;
}
p.intro-med,
.med-txt {
  font-family: "Merriweather", serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.4;
  font-weight: 300;
  max-width: 620px;
  color: #a272a4;
  margin-bottom: 20px;
}
p.blue {
  color: #00adee;
}
div.embed-responsive {
  padding: 0 0 30px 0;
  min-height: 300px;
  height: auto;
  width: 100%;
  display: block;
  /* Safari */
  transition: width 1s;
}
div.embed-responsive iframe {
  width: 100%;
  height: 500px;
  display: block;
  border: 0;
  background: transparent;
}
div.embed-responsive:hover iframe,
div.embed-responsive:focus iframe {
  min-height: 489px;
  width: 100%;
}
strong {
  font-weight: 700;
}
h1 {
  font-family: 'Merriweather', serif;
  color: #837979;
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1.4;
  margin-top: -10px;
  margin-bottom: 0;
  font-weight: 300;
  letter-spacing: -0.03em;
}
h1 span {
  font-size: 24px;
  font-size: 2.4rem;
  color: #a272a4;
  display: block;
  padding: 20px 0 20px 0;
}
h2 {
  font-family: 'Merriweather', serif;
  font-style: italic;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  margin-top: 30px;
  margin-bottom: 0;
  font-weight: 300;
  letter-spacing: -0.03em;
}
.block h2 {
  margin-top: 0;
}
.content-wrapper-wide h2 {
  margin-top: 30px;
}
h3 {
  font-family: 'Merriweather', serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.18;
  color: #1F1F1F;
  margin-top: 22px;
  margin-bottom: 0;
}
h4 {
  font-family: 'Merriweather', serif;
  font-style: italic;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.19;
  color: #644066;
  margin-top: 22px;
  margin-bottom: 0;
}
p {
  color: #000000;
  line-height: 1.4;
  margin-bottom: 20px;
}
ul {
  color: #000000;
}
.large-txt {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2;
}
a {
  text-decoration: none;
  color: black;
  font-weight: 300;
}
ul {
  padding-left: 0;
  list-style: none;
}
ul.contact-list {
  width: 100%;
  position: relative;
  *zoom: 1;
  margin-bottom: 35px;
}
ul.contact-list:before,
ul.contact-list:after {
  content: " ";
  display: table;
}
ul.contact-list:after {
  clear: both;
}
ul.contact-list li {
  *zoom: 1;
  width: 100%;
  position: relative;
  display: block;
  padding: 15px 0;
  background-image: url('../../img/elements/border-purple.png');
  background-repeat: repeat-x;
  background-position: bottom left;
}
ul.contact-list li:before,
ul.contact-list li:after {
  content: " ";
  display: table;
}
ul.contact-list li:after {
  clear: both;
}
ul.contact-list li .name {
  font-family: "Roboto", sans-serif;
  float: left;
  width: 47%;
}
ul.contact-list li .tel {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  float: right;
  text-align: right;
  width: 47%;
}
ul.breadcrumbs {
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
}
ul.breadcrumbs li {
  display: inline;
  margin: 0;
  padding: 0 20px 0 5px;
  background: url('../../img/elements/nav-separator-1.png') no-repeat right;
  color: #000000;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}
ul.breadcrumbs li a {
  background: url('../../img/elements/border-pink.png') bottom repeat-x;
}
ul.breadcrumbs li a:hover {
  color: #644066;
  text-decoration: none;
}
ul.breadcrumbs li:first-child {
  padding-right: 0;
  font-weight: bold;
  background: none;
}
ul.breadcrumbs li:last-child {
  background: none;
  font-weight: bold;
}
ul.breadcrumbs li:last-child a {
  text-decoration: none;
  color: #000000;
  background: none;
  font-weight: bold;
}
ul.inline--buttons {
  display: block;
  *zoom: 1;
  margin: 0 0 40px 0;
  padding: 0;
}
ul.inline--buttons:before,
ul.inline--buttons:after {
  content: " ";
  display: table;
}
ul.inline--buttons:after {
  clear: both;
}
ul.inline--buttons li {
  display: inline;
  float: left;
  padding: 6px 0;
  margin-right: 1.5%;
}
ul.inline--buttons li a {
  padding: 6px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-radius: 5px;
  background: #644066;
  color: #ffffff;
  font-size: 17px;
  font-size: 1.7rem;
  font-style: italic;
  font-family: 'Merriweather', serif;
  font-weight: 900;
  transition: 0.2s ease;
}
ul.inline--buttons li a:hover {
  background: #ec6590;
}
ul.inline--buttons li a.active {
  background: #ec6590;
}
ul.inline--buttons li.active a {
  background: #ec6590;
}
ul.basic--block--list {
  display: block;
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  *zoom: 1;
}
ul.basic--block--list:before,
ul.basic--block--list:after {
  content: " ";
  display: table;
}
ul.basic--block--list:after {
  clear: both;
}
ul.basic--block--list li {
  display: block;
  margin: 0 0 10px 0;
  line-height: 1.6;
}
ul.basic--block--list li a {
  color: #a272a4;
}
ul.basic--block--list li.required:after {
  content: " *";
  color: red;
}
ul.basic--inline--list {
  display: block;
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  *zoom: 1;
}
ul.basic--inline--list:before,
ul.basic--inline--list:after {
  content: " ";
  display: table;
}
ul.basic--inline--list:after {
  clear: both;
}
ul.basic--inline--list li {
  display: inline;
  float: left;
  margin: 0 4% 0 0;
  line-height: 1.6;
}
ul.basic--inline--list li a {
  color: #a272a4;
}
span.tick--success {
  width: 50px;
  height: 50px;
  padding: 10px;
  font-size: 50px;
  font-family: 'Merriweather', serif;
  line-height: 52px;
  border: 1.5px solid #82EB68;
  color: #82EB68;
  border-radius: 99.9%;
  text-align: center;
}
.date,
.comments {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: #5F5757;
}
.stat {
  font-family: "Merriweather", serif;
  font-style: italic;
  letter-spacing: -0.06em;
  font-size: 60px;
  font-size: 6rem;
  line-height: 0.9;
  color: #644066;
  display: block;
}
.contact-wrapper {
  *zoom: 1;
}
.contact-wrapper:before,
.contact-wrapper:after {
  content: " ";
  display: table;
}
.contact-wrapper:after {
  clear: both;
}
.contact-wrapper .address {
  margin-bottom: 20px;
}
.contact-wrapper .email a {
  font-weight: 700;
}
.row-blocks .content-primary .block-text .block-inner .blockquote-wrapper {
  background-image: url('../../img/elements/quote-border.png');
  background-repeat: repeat-x;
  background-position: bottom left;
  display: block;
  margin: 20px 0;
  padding: 0 0 20px 0;
  max-width: 435px;
}
.row-blocks .content-primary .block-text .block-inner .blockquote-wrapper blockquote {
  margin: 0;
  padding: 22px 0 1px 25px;
  background-image: url('../../img/elements/quote-border.png');
  background-repeat: repeat-x;
  background-position: top left;
}
.row-blocks .content-primary .block-text .block-inner .blockquote-wrapper blockquote:before {
  content: " ";
  background-image: url('../../img/elements/quote-open.png');
  background-repeat: no-repeat;
  background-position: top left;
  display: block;
  margin: 0 0 0 -25px;
  height: 19px;
  width: 18px;
}
.row-blocks .content-primary .block-text .block-inner .blockquote-wrapper blockquote p {
  background-image: url('../../img/elements/quote-close.png');
  background-repeat: no-repeat;
  background-position: bottom right;
  display: block;
  padding: 0 15px 0 0;
  font-family: "Merriweather", serif;
  font-style: italic;
  letter-spacing: -0.06em;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2;
  color: #000000;
  margin: -20px 0 0 0;
}
@media screen and (min-width: 480px) {
  p.intro {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.16;
  }
}
@media screen and (min-width: 480px) {
  ul.contact-list {
    width: 57%;
    float: left;
  }
  .contact-wrapper {
    margin-top: 32px;
    width: 35%;
    float: right;
  }
}
@media screen and (min-width: 600px) {
  p.intro {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.03;
  }
  .hero-container .hero-info p.intro {
    font-size: 35px;
    font-size: 3.5rem;
    font-style: italic;
    line-height: 1;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 768px) {
  .hero-container .hero-info p.intro {
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 1180px) {
  p.intro {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.05;
    max-width: 840px;
  }
}
@media screen and (min-width: 1284px) {
  body,
  select,
  input,
  textarea {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.38;
  }
  h3 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.22;
  }
  h4 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.22;
  }
  p.intro {
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 1.06;
  }
  .stat {
    font-size: 90px;
    font-size: 9rem;
  }
  .hero-container .hero-info p.intro {
    font-size: 48px;
    font-size: 4.8rem;
    letter-spacing: -0.04em;
  }
  ul.contact-list {
    width: 48%;
  }
  .contact-wrapper {
    margin-top: 32px;
    width: 29%;
    float: left;
    padding-left: 46px;
  }
}
.button {
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  text-align: center;
  color: #ffffff;
  font-style: italic;
  font-family: 'Merriweather', serif;
  font-weight: 600;
  transition: 0.2s ease;
}
.button:hover {
  background: #000000;
}
.button--small {
  padding: 10px;
}
.upload--button {
  color: #ffffff;
  display: block;
  background: #644066;
  border: none;
  padding: 10px;
  border-radius: 5px;
  font-style: italic;
  font-family: 'Merriweather', serif;
  font-weight: 600;
  transition: 0.2s ease;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-align: center;
}
.upload--button:hover {
  background: #a272a4;
}
.btn-rounded {
  border: 1px solid;
  border-radius: 5px;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 10px 22px;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  font-family: "Roboto", sans-serif;
  transition: background-color 200ms ease;
}
.btn-rounded--black {
  color: #ffffff;
  background-color: #000000;
  border-color: #ffffff;
  border: 1px solid;
  border-radius: 5px;
}
.btn-rounded--black:hover,
.btn-rounded--black:focus {
  color: #000000;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-rounded--white {
  color: #000000;
  background-color: #ffffff;
  border-color: #ffffff;
  border: 1px solid;
  border-radius: 5px;
}
.btn-rounded--white:hover,
.btn-rounded--white:focus {
  color: #ffffff;
  background-color: #000000;
  border-color: #ffffff;
}
.btn-rounded--voodoo {
  color: #ffffff;
  background-color: #644066;
}
.btn-rounded--voodoo:hover,
.btn-rounded--voodoo:focus {
  background-color: #a272a4;
}
.btn-rounded--trendy-pink {
  color: #ffffff;
  background-color: #a272a4;
}
.btn-rounded--trendy-pink:hover,
.btn-rounded--trendy-pink:focus {
  background-color: #644066;
}
.btn-rounded--deep-blush {
  color: #ffffff;
  background-color: #ec6590;
}
.btn-rounded--deep-blush:hover,
.btn-rounded--deep-blush:focus {
  background-color: #d11a54;
}
.reg-btn {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
  padding: 6px 9px;
}
.login-btn {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
  padding: 6px 9px;
}
.error--txt {
  color: #DC2626 !important;
}
@media only screen and (max-width: 480px) {
  ul.inline--buttons {
    display: block;
  }
  ul.inline--buttons li {
    display: block;
    float: none;
    margin-right: 0;
    text-align: center;
  }
  ul.inline--buttons li a {
    display: block;
  }
}
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after,
.questionnaire .nested:before,
.questionnaire .nested:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after,
.questionnaire .nested:after {
  clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix,
.questionnaire ol li,
.questionnaire .nested {
  *zoom: 1;
}
.nowrap {
  white-space: nowrap;
}
.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  background: #FFFFFF;
  border: 1px solid #F0F0F0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
/*
 * Header
 * This contains a number of different headers for the user side of the site
 */
.header--banner {
  background-color: white;
  position: relative;
  *zoom: 1;
}
.header--banner:before,
.header--banner:after {
  content: " ";
  display: table;
}
.header--banner:after {
  clear: both;
}
@media screen and (min-width: 480px) {
  .header--banner {
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 1024px) {
  .header--banner {
    z-index: 51;
  }
}
@media screen and (min-width: 1364px) {
  .header--banner {
    width: 100%;
    margin-right: 0;
    background-color: transparent;
    background-image: url('../img/bg/header-container-bg.png');
    background-position: 0 0;
    background-repeat: repeat-y;
    background-size: 50%;
  }
}
.header--banner .content-inner {
  width: 90%;
  *zoom: 1;
}
.header--banner .content-inner:before,
.header--banner .content-inner:after {
  content: " ";
  display: table;
}
.header--banner .content-inner:after {
  clear: both;
}
@media screen and (min-width: 1024px) {
  .header--banner .content-inner {
    margin: 0 auto;
  }
}
@media screen and (min-width: 1364px) {
  .header--banner .content-inner {
    background-color: white;
  }
}
.header--banner .content-inner h1 {
  width: 141px;
  max-width: 326px;
  margin: 10px 0 10px 0;
  float: left;
}
@media screen and (min-width: 480px) {
  .header--banner .content-inner h1 {
    width: 164px;
  }
}
@media screen and (min-width: 768px) {
  .header--banner .content-inner h1 {
    width: 180px;
  }
}
@media screen and (min-width: 1024px) {
  .header--banner .content-inner h1 {
    margin: 20px 0;
  }
}
@media screen and (min-width: 1109px) {
  .header--banner .content-inner h1 {
    width: 214px;
  }
}
@media screen and (min-width: 768px) {
  .logged-out .header--banner .content-inner h1 {
    width: 169px;
  }
}
@media screen and (min-width: 1109px) {
  .logged-out .header--banner .content-inner h1 {
    width: 226px;
  }
}
@media screen and (min-width: 1284px) {
  .logged-out .header--banner .content-inner h1 {
    width: 326px !important;
  }
}
.header--banner .content-inner h1 a {
  display: block;
}
.header--banner .content-inner h1 img {
  display: block;
  width: 100%;
}
.header--banner .content-inner ul.misc-links-container {
  float: right;
  text-align: right;
  margin-top: 13px;
}
@media screen and (min-width: 480px) {
  .header--banner .content-inner ul.misc-links-container {
    *zoom: 1;
  }
  .header--banner .content-inner ul.misc-links-container:before,
  .header--banner .content-inner ul.misc-links-container:after {
    content: " ";
    display: table;
  }
  .header--banner .content-inner ul.misc-links-container:after {
    clear: both;
  }
}
@media screen and (min-width: 1024px) {
  .header--banner .content-inner ul.misc-links-container {
    position: static;
  }
}
.header--banner .content-inner ul.misc-links-container li {
  list-style: none;
  line-height: 100%;
  margin-top: 5px;
}
@media screen and (min-width: 480px) {
  .header--banner .content-inner ul.misc-links-container li {
    float: left;
    margin-top: 0;
    margin-left: 5px;
    margin-right: 50px;
  }
}
@media screen and (min-width: 1024px) {
  .header--banner .content-inner ul.misc-links-container li {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .header--banner .content-inner ul.misc-links-container li a:hover {
    background-color: #a272a4;
    transition: all 0.2s ease-in-out;
  }
}
@media screen and (min-width: 768px) {
  .header--banner .content-inner ul.misc-links-container li a.btn {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2;
    padding: 6px 9px;
  }
}
@media screen and (min-width: 1024px) {
  .header--banner .content-inner ul.misc-links-container li:first-child:last-child {
    margin-right: 0;
  }
}
.header--banner .content-inner ul.misc-links-container li:first-child {
  margin-top: 0;
}
@media screen and (min-width: 480px) {
  .header--banner .content-inner ul.misc-links-container li:first-child {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (min-width: 480px) {
  .header--banner .content-inner ul.misc-links-container li:first-child:last-child {
    margin-right: 50px;
  }
}
.header--banner .content-inner ul.misc-links-container li:first-child .btn {
  background-color: #ec6590;
}
@media screen and (min-width: 1024px) {
  .header--banner .content-inner ul.misc-links-container li:first-child .btn:hover {
    background-color: #a272a4;
    transition: all 0.2s ease-in-out;
  }
}
.header--banner .content-inner ul.misc-links-container p {
  margin: 4px 8px 0 0;
}
@media screen and (min-width: 768px) {
  .header--banner .content-inner ul.misc-links-container p {
    margin-top: 10px;
  }
}
.header--banner .content-inner ul.misc-links-container p a:hover {
  background-color: transparent !important;
}
.header--intro {
  position: relative;
  margin: 0 0 70px 0;
}
.header--intro h1 {
  color: #000000;
  margin: 0 0 40px 0;
}
@media screen and (min-width: 768px) {
  .header--intro h1 {
    margin: 0 0 37px 0;
  }
}
.header--intro h1 span {
  margin: 0;
  padding: 10px 0 0 0;
}
.header--intro p {
  margin: 0 0 20px 0;
}
.header--intro p:last-of-type {
  margin-bottom: 0;
}
.header--intro .btn {
  cursor: pointer;
}
.header--intro .btn--add-child {
  margin-top: 40px;
  padding: 16px 20px;
}
@media screen and (min-width: 768px) {
  .header--intro .btn--add-child {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
  }
}
.header--add-children,
.header--bank-details {
  position: relative;
  margin: 0 0 70px 0;
}
@media screen and (min-width: 1000px) {
  .header--add-children,
  .header--bank-details {
    width: calc(100% - 340px);
  }
}
.header--add-children h1,
.header--bank-details h1 {
  color: #000000;
  margin: 0 0 40px 0;
}
@media screen and (min-width: 1000px) {
  .header--add-children h1,
  .header--bank-details h1 {
    margin: 23px 0 37px 0;
  }
}
.header--add-children h1 span,
.header--bank-details h1 span {
  margin: 0;
  padding: 10px 0 0 0;
}
.header--add-children p,
.header--bank-details p {
  margin: 0 0 20px 0;
}
.header--add-children p.intro,
.header--bank-details p.intro {
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  line-height: 24px;
  color: #838383;
}
.header--add-children p:last-of-type,
.header--bank-details p:last-of-type {
  margin-bottom: 0;
}
.header--add-children .btn,
.header--bank-details .btn {
  cursor: pointer;
}
.header--add-children .btn--add-child,
.header--bank-details .btn--add-child {
  margin-top: 40px;
  padding: 16px 20px;
}
@media screen and (min-width: 768px) {
  .header--add-children .btn--add-child,
  .header--bank-details .btn--add-child {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
  }
}
.header--bank-details {
  margin-bottom: 0;
}
@media screen and (min-width: 1364px) {
  .lt-ie9 header#banner {
    background-position: -1180px 0;
  }
}
.notifiy-bar {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 15px;
  background: #ec6590;
  color: #ffffff;
}
.notifiy-bar:hover {
  background: #644066;
  transition: all 0.2s ease-in-out;
}
.notifiy-bar p {
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.notifiy-bar a {
  color: #ffffff;
  font-weight: bold;
}
.trust-share--banner {
  background-color: #9d70a1;
  padding: 20px 0 40px 0;
}
.trust-share--banner .content-inner .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: start;
      justify-content: start;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
}
@media screen and (min-width: 768px) {
  .trust-share--banner .content-inner .row {
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-flow: row;
        flex-flow: row;
  }
}
.trust-share--banner .content-inner .row div {
  margin-bottom: 20px;
}
.trust-share--banner .content-inner .row div:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .trust-share--banner .content-inner .row div {
    margin-right: 40px;
    margin-bottom: 0;
  }
  .trust-share--banner .content-inner .row div:last-of-type {
    margin-right: 0;
  }
}
.trust-share--logo {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.trust-share--logo img {
  max-width: 260px;
}
.trust-share--content {
  -ms-flex-positive: 2;
      flex-grow: 2;
  max-width: 700px;
}
.trust-share--content .h2,
.trust-share--content .h3,
.trust-share--content .h5 {
  color: #ffffff;
}
.trust-share--content .text-right {
  text-align: right!important;
}
.trust-share--content mt-3 {
  color: #ffffff;
  margin-top: 20px;
}
.trust-share--content h3,
.trust-share--content h2 {
  color: #ffffff;
}
.trust-share--content p {
  color: #ffffff;
}
.trust-share--content a {
  font-weight: normal;
  padding: 10px 80px;
}
.trust-share--content .btn:hover {
  background-color: #0099d1;
}
.trust-share--deadline {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.trust-share--deadline img {
  max-width: 200px;
}
.trust-share--deadline p span {
  color: #9d70a1;
  background-color: white;
  display: inline-block;
  padding: 3px;
  font-family: 'Merriweather', serif;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.18;
  font-weight: bold;
}
.trust-share--deadline .h2,
.trust-share--deadline .h3 {
  color: #ffffff;
}
.h2 {
  font-size: 2.5rem;
}
.h3 {
  font-size: 1.9rem;
}
.bold {
  font-weight: bold;
}
.underline {
  text-decoration: underline;
}
.trust-share--logo .banner-image {
  width: 200px;
}
.trust-share--content .banner-title {
  font-size: 3.5rem;
}
.trust-share--content .banner-title-3 {
  font-size: 2.5rem;
}
.white {
  color: white;
}
.bg-light-2 {
  background-color: #644066;
}
.padding {
  padding: 10px;
}
.rounded {
  border-radius: 10px;
}
.h2 {
  font-size: 2.5rem;
}
.h3 {
  font-size: 1.9rem;
}
.bold {
  font-weight: bold;
}
.trust-share--content .mt-3 {
  color: #ffffff;
  margin-top: 20px;
}
.trust-share--content .text-right {
  text-align: right!important;
}
.descendants-data-banner {
  background-color: #2a2b79;
  padding: 20px 0 40px 0;
}
.descendants-data-banner__button-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
}
.descendants-data-banner__form {
  height: 50px;
  box-sizing: border-box;
}
.descendants-data-banner .btn-rounded--white {
  border: 1px solid transparent;
}
.descendants-data-banner .btn-rounded--white:hover {
  background-color: #2a2b79;
  border: 1px solid #ffffff;
}
.descendants-data-banner__btn {
  min-height: 50px;
  height: 50px;
  box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .descendants-data-banner__btn:first-of-type {
    margin-bottom: 20px;
  }
}
.descendants-data-banner__btn--register {
  padding: 16px 34px;
  margin-right: 34px;
  border: 0;
  font-size: 16px;
  font-weight: bold!important;
}
@media screen and (min-width: 768px) {
  .descendants-data-banner__btn--register {
    margin-right: 67px;
  }
}
.descendants-data-banner__content-inner .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: start;
      justify-content: start;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
}
@media screen and (min-width: 768px) {
  .descendants-data-banner__content-inner .row {
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-flow: row;
        flex-flow: row;
  }
}
.descendants-data-banner__content-inner .row div {
  margin-bottom: 20px;
}
.descendants-data-banner__content-inner .row div:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .descendants-data-banner__content-inner .row div {
    margin-right: 20px;
    margin-bottom: 0;
  }
  .descendants-data-banner__content-inner .row div:last-of-type {
    margin-right: 0;
  }
}
.descendants-data-banner--logo {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.descendants-data-banner--logo img {
  max-width: 260px;
}
.descendants-data-banner__content {
  -ms-flex-positive: 2;
      flex-grow: 2;
  max-width: 700px;
}
.descendants-data-banner__content h2 {
  color: #ffffff;
  font-style: normal;
  font-size: 40px;
}
.descendants-data-banner__content p {
  color: #ffffff;
  font-size: 19px;
}
.descendants-data-banner__content form {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  padding: 0;
  border: none;
  height: auto;
  width: auto;
}
.descendants-data-banner__content form input {
  font-weight: bold!important;
  font-style: normal!important;
  padding: 16px 34px!important;
  border-radius: 5px!important;
  border: 1px solid #ffffff !important;
  width: auto!important;
  height: auto!important;
  margin: 0 auto!important;
  font-size: 16px!important;
  line-height: 16px!important;
  font-family: "Roboto", sans-serif !important;
  transition: background-color 200ms ease !important;
  color: #ffffff !important;
  background-color: #2a2b79 !important;
}
.descendants-data-banner__content form input:hover,
.descendants-data-banner__content form input:focus {
  color: #000000 !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}
.descendants-data-banner__deadline {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.descendants-data-banner__deadline-info-box {
  display: inline-block;
  background-color: #ffffff;
  padding: 29px 26px;
}
.descendants-data-banner__deadline-info-box p {
  margin-top: 0;
}
.descendants-data-banner__deadline-info-box ul {
  list-style: inside;
}
aside.application-process {
  z-index: 1;
  min-width: 200px;
  margin-top: 35px;
  padding: 20px 0 20px 5px;
}
@media screen and (min-width: 1000px) {
  aside.application-process {
    position: absolute;
    right: 0;
    top: 3px;
    padding: 0;
    margin-top: 20px;
  }
}
aside.application-process h2 {
  margin: 0 0 22px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  color: #000000;
  letter-spacing: 0;
  text-transform: uppercase;
}
aside.application-process ul {
  margin: 0 0 0 10.5px;
  padding: 0 0 0 37px;
  border-left: 1px solid #000000;
}
aside.application-process ul li {
  position: relative;
  margin-bottom: 21px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 19.9px;
  font-weight: normal;
  letter-spacing: 0;
  color: #000000;
}
aside.application-process ul li a {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 19.9px;
  font-weight: normal;
  letter-spacing: 0;
}
aside.application-process ul li:first-of-type.active aside.application-process ul li:first-of-type:after {
  position: absolute;
  left: -44px;
  top: 4.5px;
  width: 11px;
  height: 11px;
  content: '';
  border-radius: 99.9%;
  background-color: #644066;
}
aside.application-process ul li:last-of-type {
  margin: 0;
}
aside.application-process ul li:last-of-type.active aside.application-process ul li:last-of-type:after {
  position: absolute;
  left: -44px;
  top: 4.5px;
  width: 11px;
  height: 11px;
  content: '';
  border-radius: 99.9%;
  background-color: #644066;
}
aside.application-process ul li.active {
  font-weight: bold;
}
aside.application-process ul li.active a {
  font-weight: bold;
}
aside.application-process ul li.active:after {
  position: absolute;
  left: -44px;
  top: 50%;
  width: 11px;
  height: 11px;
  content: '';
  border-radius: 99.9%;
  background-color: #644066;
  transform: translateY(-50%);
}
aside.application-process ul li:before {
  position: absolute;
  left: -47px;
  top: 50%;
  width: 17px;
  height: 17px;
  content: '';
  border: 1px solid #000000;
  border-radius: 99.9%;
  background-color: white;
  transform: translateY(-50%);
}
#nav-primary-toggle {
  width: 100%;
  display: block;
  background-color: #221f1f;
  color: white;
  font-family: "Merriweather", serif;
  font-style: italic;
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  *zoom: 1;
  float: left;
  padding: 7px 0;
  cursor: pointer;
  overflow: hidden;
}
#nav-primary-toggle:before,
#nav-primary-toggle:after {
  content: " ";
  display: table;
}
#nav-primary-toggle:after {
  clear: both;
}
#nav-primary-toggle span {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-right: 5%;
  float: right;
}
#nav-primary-toggle span:before {
  content: "";
  display: block;
  float: left;
  width: 8px;
  height: 8px;
  background-image: url("../img/spm-global.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-right: 7px;
  margin-top: 8px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  #nav-primary-toggle span:before {
    background-image: url("../img/spm-global@2x.png");
    background-size: 512px 512px;
  }
}
.menu-primary-menu-container {
  background-color: #221f1f;
  padding: 0 5% 35px;
  display: none;
  visibility: hidden;
  width: 90%;
  float: left;
  *zoom: 1;
}
.menu-primary-menu-container:before,
.menu-primary-menu-container:after {
  content: " ";
  display: table;
}
.menu-primary-menu-container:after {
  clear: both;
}
.menu-primary-menu-container ul {
  font-family: "Merriweather", serif;
  font-style: italic;
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 0;
}
.menu-primary-menu-container ul li {
  background-image: url("../img/elements/border-white.png");
  background-repeat: repeat-x;
  background-position: top left;
}
.menu-primary-menu-container ul li:first-child {
  background-image: none;
}
.menu-primary-menu-container ul li:first-child.has-children {
  padding-left: 0 !important;
}
.menu-primary-menu-container ul li a {
  padding: 5px 0;
}
.menu-primary-menu-container ul li a.parent-active {
  color: #ec6590;
}
.menu-primary-menu-container ul li a.child-active {
  color: #ec6590;
}
.menu-primary-menu-container ul ul {
  display: none !important;
  visibility: hidden;
  font-style: normal;
  font-size: 12px;
  font-size: 1.2rem;
  margin-left: 15px;
  margin-bottom: 10px;
  margin-top: 2px;
}
.menu-primary-menu-container ul ul li {
  background-image: none;
}
.menu-primary-menu-container ul ul.open {
  display: block !important;
  visibility: visible;
}
.menu-primary-menu-container ul a {
  color: white;
  display: block;
}
/*.lt-ie9 {
	.menu-primary-menu-container ul {
		font-family: Merriweather-LightItalic;
		font-style: normal;
	}
}*/
.open .menu-primary-menu-container {
  display: block;
  visibility: visible;
}
.open #nav-primary-toggle span:before {
  background-image: url("../img/spm-global.png");
  background-repeat: no-repeat;
  background-position: -8px 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .open #nav-primary-toggle span:before {
    background-image: url("../img/spm-global@2x.png");
    background-size: 512px 512px;
  }
}
#menu-secondary-menu {
  display: none;
  visibility: hidden;
  background-color: #644066;
  color: white;
  margin-top: 0;
  padding: 5px 0;
  border-radius: 0 2px 2px 2px;
}
#menu-secondary-menu li {
  padding: 0 7px;
}
#menu-secondary-menu li h2 {
  margin: 15px 0 12px 0;
}
#menu-secondary-menu li a {
  color: white;
  display: block;
  padding: 12px 0;
  background-image: url("../img/elements/border-white.png");
  background-position: top left;
  background-repeat: repeat-x;
}
#menu-secondary-menu li a.child-active {
  color: #ffffff;
  font-weight: 600;
}
#menu-secondary-menu li:first-child a {
  background-image: none;
}
#menu-secondary-menu li ul {
  margin-top: 0;
  margin-bottom: 10px;
}
#menu-secondary-menu li ul li {
  padding: 0 0;
}
#menu-secondary-menu li ul li a {
  background-image: none;
  padding: 5px 0;
}
#nav-secondary-toggle {
  width: 100%;
  padding: 10px;
  margin: 0 0 20px 0;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  #nav-secondary-toggle {
    width: 50%;
  }
}
#nav-secondary-toggle span {
  display: block;
}
#nav-secondary-toggle span:before {
  content: "";
  display: block;
  float: right;
  width: 8px;
  height: 8px;
  background-image: url("../img/spm-global.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-left: 7px;
  margin-top: 6px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  #nav-secondary-toggle span:before {
    background-image: url("../img/spm-global@2x.png");
    background-size: 512px 512px;
  }
}
.open #nav-secondary-toggle {
  margin-bottom: 1px;
  border-radius: 2px 2px 0 0;
}
.open #nav-secondary-toggle span:before {
  content: "";
  background-image: url("../img/spm-global.png");
  background-repeat: no-repeat;
  background-position: -8px 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .open #nav-secondary-toggle span:before {
    background-image: url("../img/spm-global@2x.png");
    background-size: 512px 512px;
  }
}
.open #menu-secondary-menu {
  display: block;
  visibility: visible;
}
.related-list-wrapper {
  background-color: #644066;
  padding: 15px;
  border-radius: 2px;
  border-radius: 10px;
  font-family: "Merriweather", serif;
  font-style: italic;
  font-weight: 700;
}
.related-list-wrapper li {
  color: white;
}
.related-list-wrapper a {
  font-weight: 700;
  color: #e6d8e7;
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-image: url("../img/elements/border-pink.png");
  background-repeat: repeat-x;
  background-position: bottom left;
}
.related-list-wrapper li {
  margin-top: 5px;
}
.related-list-wrapper li:first-child {
  margin-top: 0;
}
@media screen and (min-width: 480px) {
  #nav-primary-toggle {
    width: 33px;
    height: 25px;
    float: none;
    position: absolute;
    top: 13px;
    right: 0;
    padding: 0;
    border-radius: 2px;
    border-radius: 10px;
    background-image: url("../img/spm-global.png");
    background-repeat: no-repeat;
    background-position: -73px -1px;
  }
  #nav-primary-toggle span {
    text-indent: 100%;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
    display: block;
    margin-right: 0;
    float: none;
  }
  #nav-primary-toggle span:before {
    display: none !important;
    visibility: hidden;
  }
  .menu-primary-menu-container {
    padding-bottom: 10px;
    padding-top: 10px;
  }
  .menu-primary-menu-container #menu-primary-menu {
    width: 102.31481481481481%;
    /* 442 / 432 */
    margin-left: -2.26244344%;
    /* 10 / 442 */
    *zoom: 1;
  }
  .menu-primary-menu-container #menu-primary-menu:before,
  .menu-primary-menu-container #menu-primary-menu:after {
    content: " ";
    display: table;
  }
  .menu-primary-menu-container #menu-primary-menu:after {
    clear: both;
  }
}
@media screen and (min-width: 480px) and only screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 480px) and only screen and (min-resolution: 192dpi) {
  #nav-primary-toggle {
    background-image: url("../img/spm-global@2x.png");
    background-size: 512px 512px;
  }
}
@media screen and (min-width: 600px) {
  .related-list-wrapper {
    *zoom: 1;
  }
  .related-list-wrapper:before,
  .related-list-wrapper:after {
    content: " ";
    display: table;
  }
  .related-list-wrapper:after {
    clear: both;
  }
  .related-list-wrapper li {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 15px;
    float: left;
  }
  .related-list-wrapper li:first-child {
    margin-top: 5px;
  }
}
@media screen and (min-width: 768px) {
  #nav-primary-toggle {
    height: 36px;
    width: 36px;
    background-image: url("../img/spm-global.png");
    background-repeat: no-repeat;
    background-position: -26px 0;
  }
  .menu-primary-menu-container ul {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.27;
    letter-spacing: -0.03em;
  }
  .menu-primary-menu-container ul li a {
    padding: 8px 0;
  }
  .menu-primary-menu-container ul ul {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .open #menu-secondary-menu {
    max-width: 49.2816091954023%;
    /* 343 / 696 */
  }
}
@media screen and (min-width: 768px) and only screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 768px) and only screen and (min-resolution: 192dpi) {
  #nav-primary-toggle {
    background-image: url("../img/spm-global@2x.png");
    background-size: 512px 512px;
  }
}
@media screen and (min-width: 1024px) {
  #nav-primary-toggle,
  #nav-secondary-toggle {
    display: none !important;
    visibility: hidden;
  }
  .menu-primary-menu-container {
    display: block !important;
    visibility: visible;
    background-color: transparent;
    padding: 0;
    float: right;
    width: auto;
    margin-top: 2px;
    clear: right;
  }
  .menu-primary-menu-container ul {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
  }
  .menu-primary-menu-container ul a {
    color: #000000;
    transition: all 0.2s ease-in-out;
  }
  .menu-primary-menu-container ul a:hover {
    color: #a272a4;
  }
  .menu-primary-menu-container ul .current-menu-item a {
    color: #644066;
  }
  .menu-primary-menu-container #menu-primary-menu {
    width: auto;
    margin-left: 0;
    position: relative;
  }
  .menu-primary-menu-container #menu-primary-menu li {
    width: auto;
    margin-left: 0;
    line-height: 1;
    padding: 11px 0 11px 28px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 13px -10px;
    float: left;
    position: relative;
  }
  .logged-out .menu-primary-menu-container #menu-primary-menu li {
    padding-left: 35px;
  }
  .menu-primary-menu-container #menu-primary-menu li a {
    position: relative;
  }
  .menu-primary-menu-container #menu-primary-menu li > a {
    z-index: 1;
  }
  .menu-primary-menu-container #menu-primary-menu li.active {
    z-index: 2;
    position: relative;
  }
  .menu-primary-menu-container #menu-primary-menu li.home {
    padding-left: 0;
    text-indent: 100%;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
    width: 24px;
    height: 22px;
    margin-right: -4px;
  }
  .menu-primary-menu-container #menu-primary-menu li.home a {
    background-image: url("../img/spm-global.png");
    background-repeat: no-repeat;
    background-position: 0 -216px;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
  }
  .menu-primary-menu-container #menu-primary-menu li.home a:hover {
    background-image: url("../img/spm-global.png");
    background-repeat: no-repeat;
    background-position: 0 -238px;
  }
  .menu-primary-menu-container #menu-primary-menu li.has-children {
    position: relative;
  }
  .menu-primary-menu-container #menu-primary-menu li.has-children a {
    padding-right: 25px;
    background-image: url("../img/btns/btn-arrow-black-down.png");
    background-repeat: no-repeat;
    background-position: right 16px;
  }
  .menu-primary-menu-container #menu-primary-menu li.has-children a.parent-active {
    color: #ec6590;
  }
  .menu-primary-menu-container #menu-primary-menu li.has-children a:hover {
    background-image: url("../img/btns/btn-arrow-purple-down.png");
    background-repeat: no-repeat;
    background-position: right 16px;
  }
  .menu-primary-menu-container #menu-primary-menu li:first-of-type .sub-menu {
    left: -29px;
  }
  .menu-primary-menu-container #menu-primary-menu li:last-of-type .sub-menu {
    left: unset!important;
    right: -23px !important;
  }
  .menu-primary-menu-container #menu-primary-menu .sub-menu {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 50px 0 20px;
    box-shadow: 1px 7px 11px -2px rgba(0, 0, 0, 0.2);
    width: 100%;
    min-width: 295px;
    margin-left: 9px;
    font-size: 17px;
    font-size: 1.7rem;
    font-style: italic;
    background-color: #ffffff;
  }
  .menu-primary-menu-container #menu-primary-menu .sub-menu li {
    float: none;
    padding: 0 20px;
    z-index: 80;
    position: relative;
    background-image: none;
  }
  .menu-primary-menu-container #menu-primary-menu .sub-menu li a {
    color: #644066;
    transition: all 0.2s ease-in-out;
    background-image: url("../img/elements/border-purple.png");
    background-position: top left;
    background-repeat: repeat-x;
    padding: 8px 25px 8px 0;
    line-height: 21px;
  }
  .menu-primary-menu-container #menu-primary-menu .sub-menu li a.child-active {
    color: #ec6590;
  }
  .menu-primary-menu-container #menu-primary-menu .sub-menu li a:hover {
    color: #a272a4;
    background-image: url("../img/elements/border-purple.png");
    background-position: top left;
    background-repeat: repeat-x;
  }
  .menu-primary-menu-container #menu-primary-menu li + li {
    background-image: url("../img/elements/nav-separator-1.png");
  }
  .menu-primary-menu-container #menu-primary-menu li + li + li {
    background-image: url("../img/elements/nav-separator-2.png");
  }
  .menu-primary-menu-container #menu-primary-menu li + li + li + li {
    background-image: url("../img/elements/nav-separator-3.png");
  }
  .menu-primary-menu-container #menu-primary-menu li + li + li + li + li {
    background-image: url("../img/elements/nav-separator-4.png");
  }
  .menu-primary-menu-container #menu-primary-menu li + li + li + li + li + li {
    background-image: url("../img/elements/nav-separator-1.png");
  }
  .menu-primary-menu-container #menu-primary-menu li + li + li + li + li + li + li {
    background-image: url("../img/elements/nav-separator-2.png");
  }
  .menu-primary-menu-container #menu-primary-menu li + li + li + li + li + li + li + li {
    background-image: url("../img/elements/nav-separator-3.png");
  }
  .menu-primary-menu-container #menu-primary-menu li + li + li + li + li + li + li + li + li {
    background-image: url("../img/elements/nav-separator-4.png");
  }
  .open #menu-secondary-menu {
    max-width: 100%;
  }
  #menu-secondary-menu {
    display: block !important;
    visibility: visible;
    border-radius: 2px;
    border-radius: 10px;
    font-family: "Merriweather", serif;
    font-style: italic;
  }
  #menu-secondary-menu li {
    padding: 0 15px;
  }
  #menu-secondary-menu li a {
    font-weight: 700;
    color: #e6d8e7;
    transition: all 0.2s ease-in-out;
  }
  #menu-secondary-menu li a:hover {
    color: white;
  }
  #menu-secondary-menu li ul {
    font-size: 12px;
    font-size: 1.2rem;
    font-style: normal;
  }
  #menu-secondary-menu li ul li a {
    font-weight: 300;
  }
  .related-list-wrapper {
    *zoom: 1;
  }
  .related-list-wrapper:before,
  .related-list-wrapper:after {
    content: " ";
    display: table;
  }
  .related-list-wrapper:after {
    clear: both;
  }
  .related-list-wrapper li {
    margin-top: 10px;
    margin-bottom: 0;
    margin-right: 0;
    float: none;
  }
  .related-list-wrapper li:first-child {
    margin-top: 0;
  }
  .related-list-wrapper li a:hover {
    color: white;
    transition: all 0.2s ease-in-out;
  }
  .lt-ie9 .menu-primary-menu-container {
    width: 685px;
  }
}
@media screen and (min-width: 1024px) and only screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1024px) and only screen and (min-resolution: 192dpi) {
  .menu-primary-menu-container #menu-primary-menu li.home a {
    background-image: url("../img/spm-global@2x.png");
    background-size: 512px 512px;
  }
}
@media screen and (min-width: 1024px) and only screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1024px) and only screen and (min-resolution: 192dpi) {
  .menu-primary-menu-container #menu-primary-menu li.home a:hover {
    background-image: url("../img/spm-global@2x.png");
    background-size: 512px 512px;
  }
}
@media screen and (min-width: 1082px) {
  .menu-primary-menu-container {
    margin-top: 25px;
  }
  .logged-in .menu-primary-menu-container {
    margin-top: 11px;
  }
}
@media screen and (min-width: 1200px) {
  .menu-primary-menu-container ul {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1284px) {
  .menu-primary-menu-container {
    margin-top: 22px;
  }
  #menu-secondary-menu {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.22;
    padding: 15px 0;
  }
  #menu-secondary-menu li {
    padding: 0 24px;
  }
  #menu-secondary-menu li ul {
    font-size: 14px;
    font-size: 1.4rem;
    margin: -3px 0 10px 0;
  }
  .related-list-wrapper {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.22;
  }
  .related-list-wrapper li {
    margin-top: 10px;
  }
  .lt-ie9 .menu-primary-menu-container {
    width: 840px;
  }
}
@media screen and (min-width: 1351px) {
  .logged-out .menu-primary-menu-container {
    margin-top: 62px;
  }
  .logged-out .menu-primary-menu-container #menu-primary-menu .sub-menu {
    padding-top: 70px;
    width: 278px;
    margin-left: 19px;
    font-size: 17px;
    font-size: 1.7rem;
  }
  .logged-out .menu-primary-menu-container #menu-primary-menu .sub-menu a {
    padding: 10px 0;
  }
  .logged-out .menu-primary-menu-container #menu-primary-menu .sub-menu li:first-child a {
    margin: 0;
  }
  .misc-links-container .btn {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 1364px) {
  .logged-out .menu-primary-menu-container {
    margin-top: 62px;
  }
  .menu-primary-menu-container ul {
    font-size: 17px;
    font-size: 1.7rem;
  }
  .logged-out .menu-primary-menu-container ul {
    font-size: 17px;
    font-size: 1.7rem;
  }
  .logged-out .menu-primary-menu-container #menu-primary-menu li:first-child a {
    margin: 2px 0;
  }
  .misc-links-container p {
    margin: 8px 20px 0 0;
    display: inline-block;
  }
  .misc-links-container p a {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 1400px) {
  .menu-primary-menu-container #menu-primary-menu li.has-children:last-of-type ul.sub-menu {
    right: -7px;
    left: initial;
  }
}
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/
.carousel {
  margin: 0;
  padding: 0;
}
.carousel .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flex-pauseplay span {
  text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}
.carousel {
  *zoom: 1;
  position: relative;
}
.carousel:before,
.carousel:after {
  content: " ";
  display: table;
}
.carousel:after {
  clear: both;
}
.carousel .slides {
  margin-top: 0;
  padding-left: 0;
  margin-left: 0;
  *zoom: 1;
}
.carousel .slides:before,
.carousel .slides:after {
  content: " ";
  display: table;
}
.carousel .slides:after {
  clear: both;
}
.carousel .slides li {
  position: relative;
}
.carousel .slides li a {
  display: block;
  position: relative;
}
.carousel .slides li img {
  display: block;
  width: 100%;
}
.carousel .slides .slide-info-wrapper {
  position: relative;
}
.carousel .slides .newlook .slide-info:before {
  display: none;
}
.carousel .slides .slide-info {
  width: 62.5%;
  /* 200 / 320 */
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
}
.carousel .slides .slide-info:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 14%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transform: skew(-11deg, 0);
}
.carousel .slides .slide-info .slide-info-inner {
  position: relative;
  padding: 30px 7.5%;
  /* 15 / 200 */
  width: 76%;
  /* 152 / 200 */
}
.carousel .slides .slide-info blockquote {
  padding: 0;
  margin: 0;
  font-style: normal;
}
.carousel .slides .slide-info blockquote footer {
  margin-top: 10px;
}
.carousel .slides .slide-info blockquote footer cite {
  font-style: normal;
  display: block;
  color: white;
  font-size: 12px;
  font-size: 1.2rem;
}
.carousel .slides .slide-info p {
  color: white;
  font-family: "Merriweather", serif;
  font-style: normal;
  font-weight: 700;
  margin-top: 0;
}
.carousel .slides .btn-cta {
  background-color: #644066;
  color: white;
  display: block;
  position: relative;
  font-family: "Merriweather", serif;
  font-weight: 700;
  width: 90%;
  margin: -14px 0 0 5%;
  border-radius: 2px;
  border-radius: 10px;
}
.carousel .slides .btn-cta span {
  display: block;
  padding: 10px 5.208333333333334%;
}
.carousel .flex-direction-nav {
  display: none !important;
  visibility: hidden;
}
.carousel .flex-control-nav {
  *zoom: 1;
  margin-top: 10px;
  float: right;
  margin-right: 5%;
}
.carousel .flex-control-nav:before,
.carousel .flex-control-nav:after {
  content: " ";
  display: table;
}
.carousel .flex-control-nav:after {
  clear: both;
}
.carousel .flex-control-nav li {
  width: 20px;
  height: 20px;
  margin: 2px;
  float: left;
  text-indent: 100%;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}
.carousel .flex-control-nav li a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-image: url("../img/spm-global.png");
  background-repeat: no-repeat;
  background-position: -491px 0;
  transition: background-image 0.2s ease-in-out;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .carousel .flex-control-nav li a {
    background-image: url("../img/spm-global@2x.png");
    background-size: 512px 512px;
  }
}
.carousel .flex-control-nav li a.flex-active {
  background-image: url("../img/spm-global.png");
  background-repeat: no-repeat;
  background-position: -468px 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .carousel .flex-control-nav li a.flex-active {
    background-image: url("../img/spm-global@2x.png");
    background-size: 512px 512px;
  }
}
.content-primary .carousel {
  position: relative;
}
.content-primary .carousel .flex-control-nav {
  float: none;
  position: absolute;
  bottom: 5px;
  margin-right: 0;
  text-align: center;
  width: 100%;
}
.content-primary .carousel .flex-control-nav li {
  float: none;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.content-primary .carousel .slides li img {
  border-radius: 2px;
  border-radius: 10px;
}
.content-primary .carousel-content {
  margin-top: 5px;
}
.content-primary .carousel-content .flex-control-nav {
  position: relative;
  bottom: 0;
}
.content-primary .carousel-content .slides .slide-info-wrapper .image-wrapper {
  display: none !important;
  visibility: hidden;
}
.content-primary .carousel-content .slides .slide-info-wrapper .text-wrapper {
  background-color: #a272a4;
  color: white;
  font-family: "Merriweather", serif;
  font-weight: 700;
  position: relative;
  border-radius: 2px;
  border-radius: 10px;
}
.content-primary .carousel-content .slides .slide-info-wrapper .text-wrapper .text-wrapper-inner {
  padding: 15px;
}
.content-primary .carousel-content .slides .slide-info-wrapper .text-wrapper blockquote {
  margin: 0;
}
.content-primary .carousel-content .slides .slide-info-wrapper .text-wrapper blockquote cite {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  font-style: normal;
}
.content-primary .carousel-content .slides .slide-info-wrapper .text-wrapper p {
  margin-top: 0;
}
.lt-ie8 .carousel {
  margin-top: -1px;
}
.lt-ie9 .carousel .slides .slide-info {
  background-color: #000000;
}
@media screen and (min-width: 480px) {
  .carousel .slides .slide-info {
    width: 100%;
    background: linear-gradient(99deg, #000000 10%, rgba(0, 0, 0, 0) 48%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1);
  }
  .carousel .slides .slide-info:before {
    display: none !important;
    visibility: hidden;
  }
  .carousel .slides .slide-info p {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .carousel .slides .slide-info blockquote footer cite {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .carousel .slides .slide-info .slide-info-inner {
    padding-left: 5%;
    width: 41.66666666666667%;
    /* 180 / 432 */
  }
  .carousel .slides .newlook .slide-info {
    background: none transparent;
  }
  .carousel .slides .btn-cta {
    margin: 0;
    position: absolute;
    left: 5%;
    bottom: 20px;
    width: 257px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
  }
  .lt-ie9 .carousel .slides .slide-info {
    background-color: transparent;
  }
  .content-primary .carousel {
    margin-bottom: -17px;
  }
  .content-primary .carousel-content {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 600px) {
  .content-primary .carousel-content .slides .slide-info-wrapper .image-wrapper {
    display: block !important;
    visibility: visible;
    width: 49.44444444444444%;
    /* 267 / 540 */
    margin-right: 0.9259259259259258%;
    /* 5 / 540 */
    float: left;
  }
  .content-primary .carousel-content .slides .slide-info-wrapper .text-wrapper {
    width: 49.44444444444444%;
    /* 267 / 540 */
    float: left;
    padding: 22.75% 0;
  }
  .content-primary .carousel-content .slides .slide-info-wrapper .text-wrapper .text-wrapper-inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 0 15px;
  }
  .content-primary .carousel-content .slides .slide-info-wrapper .text-wrapper .text-wrapper-inner:before {
    content: '';
    display: inline-block;
    zoom: 1;
    *display: inline;
    height: 100%;
    vertical-align: middle;
  }
  .content-primary .carousel-content .slides .slide-info-wrapper .text-wrapper .text-wrapper-inner blockquote {
    vertical-align: middle;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 97%;
  }
  .lt-ie9 .content-primary .carousel-content .slides .slide-info-wrapper .text-wrapper .text-wrapper-inner {
    padding: 15px;
  }
}
@media screen and (min-width: 640px) {
  .carousel .slides .slide-info p {
    font-style: italic;
    font-weight: 300;
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 1;
  }
  .carousel .slides .slide-info .slide-info-inner {
    padding-top: 70px;
    margin-left: 10px;
  }
  .carousel .flex-direction-nav {
    display: block !important;
    visibility: visible;
  }
  .carousel .flex-direction-nav li a {
    display: block;
    position: absolute;
    width: 22px;
    height: 40px;
    text-indent: 100%;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
    top: 50%;
    margin-top: -20px;
  }
  .carousel .flex-direction-nav li a.flex-prev {
    left: 10px;
    background-image: url("../img/spm-global.png");
    background-repeat: no-repeat;
    background-position: 0 -160px;
  }
  .carousel .flex-direction-nav li a.flex-next {
    right: 10px;
    background-image: url("../img/spm-global.png");
    background-repeat: no-repeat;
    background-position: -34px -160px;
  }
  .content-primary .carousel .slides .slide-info .slide-info-inner {
    margin-left: 0;
  }
  .content-primary .carousel-content .flex-direction-nav {
    display: none !important;
    visibility: hidden;
  }
}
@media screen and (min-width: 640px) and only screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 640px) and only screen and (min-resolution: 192dpi) {
  .carousel .flex-direction-nav li a.flex-prev {
    background-image: url("../img/spm-global@2x.png");
    background-size: 512px 512px;
  }
}
@media screen and (min-width: 640px) and only screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 640px) and only screen and (min-resolution: 192dpi) {
  .carousel .flex-direction-nav li a.flex-next {
    background-image: url("../img/spm-global@2x.png");
    background-size: 512px 512px;
  }
}
@media screen and (min-width: 768px) {
  .content-primary .carousel-content .slides .slide-info-wrapper .image-wrapper {
    width: 49.63820549927641%;
    /* 343 / 691 */
    margin-right: 0.723589001447178%;
    /* 5 / 691 */
  }
  .content-primary .carousel-content .slides .slide-info-wrapper .text-wrapper {
    width: 49.63820549927641%;
    /* 343 / 691 */
  }
  .content-primary .carousel-content .slides .slide-info-wrapper .text-wrapper p {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.1;
    font-style: italic;
    font-weight: 300;
  }
}
@media screen and (min-width: 880px) {
  .carousel .slides .newlook .slide-info-wrapper img {
    top: -40px;
  }
}
@media screen and (min-width: 910px) {
  .carousel .slides .newlook .slide-info-wrapper img {
    top: -60px;
  }
}
@media screen and (min-width: 1010px) {
  .carousel .slides .newlook .slide-info-wrapper img {
    top: -80px;
  }
}
@media screen and (min-width: 910px) {
  .carousel .slides .newlook .slide-info-wrapper img {
    top: -80px;
  }
}
@media screen and (min-width: 1024px) {
  .carousel .flex-control-nav li a:hover {
    background-image: url("../img/spm-global.png");
    background-repeat: no-repeat;
    background-position: -468px 0;
  }
}
@media screen and (min-width: 1024px) and only screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1024px) and only screen and (min-resolution: 192dpi) {
  .carousel .flex-control-nav li a:hover {
    background-image: url("../img/spm-global@2x.png");
    background-size: 512px 512px;
  }
}
@media screen and (min-width: 1170px) {
  .carousel .slides .slide-info p {
    font-size: 40px;
    font-size: 4rem;
    line-height: 1;
  }
}
@media screen and (min-width: 1220px) {
  .carousel .slides .slide-info p {
    font-size: 43px;
    font-size: 4.3rem;
    line-height: 1;
  }
}
@media screen and (min-width: 1284px) {
  .carousel .flex-control-nav {
    margin-right: 0;
    position: absolute;
    bottom: 25px;
    right: 25px;
  }
  .content-primary .carousel .flex-control-nav {
    right: auto;
  }
  .content-primary .carousel-content .slides .slide-info-wrapper .text-wrapper {
    width: 49.65357967667436%;
    /* 430 / 866 */
  }
  .content-primary .carousel-content .slides .slide-info-wrapper .text-wrapper .text-wrapper-inner {
    padding: 0 25px;
  }
  .content-primary .carousel-content .slides .slide-info-wrapper .text-wrapper p {
    font-size: 30px;
    font-size: 3rem;
  }
  .content-primary .carousel-content .slides .slide-info-wrapper .image-wrapper {
    width: 49.65357967667436%;
    /* 430 / 866 */
    margin-right: 0.5773672055427251%;
    /* 5 / 866 */
  }
  .lt-ie9 .content-primary .carousel-content .slides .slide-info-wrapper .text-wrapper .text-wrapper-inner {
    padding: 25px;
  }
}
@media screen and (min-width: 1364px) {
  .hero-container {
    width: 1280px;
    margin: 0 auto;
  }
  .carousel .slides .slide-info p {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 1;
  }
  .carousel .slides .slide-info blockquote footer cite {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Merriweather", serif;
    font-weight: 700;
  }
  .carousel .slides .slide-info .slide-info-inner {
    padding-left: 0;
    padding-right: 0;
    left: 0;
  }
  .carousel .flex-direction-nav li a {
    width: 31px;
    height: 59px;
    margin-top: -30px;
  }
  .carousel .flex-direction-nav li a.flex-prev {
    left: 20px;
    background-image: url("../img/spm-global.png");
    background-repeat: no-repeat;
    background-position: 0 -64px;
  }
  .carousel .flex-direction-nav li a.flex-next {
    right: 20px;
    background-image: url("../img/spm-global.png");
    background-repeat: no-repeat;
    background-position: -44px -64px;
  }
  .lt-ie9 .flex-direction-nav {
    margin-bottom: -42px;
  }
  .content-primary .carousel .flex-control-nav {
    bottom: 25px;
  }
  .content-primary .carousel .slides .slide-info .slide-info-inner {
    padding-left: 7%;
    padding-right: 7%;
  }
  .content-primary .carousel-content .flex-control-nav {
    bottom: 0;
  }
  .lt-ie9 .row-hero-container {
    background-position: -1180px 0;
  }
  .lt-ie8 .carousel {
    margin-top: 0;
  }
}
@media screen and (min-width: 1364px) and only screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1364px) and only screen and (min-resolution: 192dpi) {
  .carousel .flex-direction-nav li a.flex-prev {
    background-image: url("../img/spm-global@2x.png");
    background-size: 512px 512px;
  }
}
@media screen and (min-width: 1364px) and only screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1364px) and only screen and (min-resolution: 192dpi) {
  .carousel .flex-direction-nav li a.flex-next {
    background-image: url("../img/spm-global@2x.png");
    background-size: 512px 512px;
  }
}
#footer {
  background: #f4f0ea;
  padding: 50px 0;
  margin-top: 50px;
}
#footer .content-inner {
  background-image: url('../img/elements/border-grey.png');
  background-repeat: repeat-x;
  background-position: top left;
}
#footer #menu-footer-menu li {
  font-weight: 500;
}
#footer #menu-footer-menu li a {
  font-weight: 500;
}
#footer #menu-footer-menu li .child-active {
  color: #ec6590;
}
#footer #menu-footer-menu ul {
  display: none !important;
  visibility: hidden;
}
#footer #menu-footer-menu ul.sub-menu li a {
  background-image: url('../img/elements/border-link.png');
  background-repeat: repeat-x;
  background-position: bottom left;
}
#footer h3 {
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 22px;
  margin-bottom: 15px;
  font-family: "Roboto", sans-serif;
}
#footer h3 a {
  font-weight: 500;
}
#footer .footer-misc-container .footer-contact p {
  display: none !important;
  visibility: hidden;
}
#footer .footer-misc-container .footer-contact a {
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-image: url("../../img/elements/border-link.png");
  background-repeat: repeat-x;
  background-position: bottom left;
}
#footer .footer-misc-container .footer-misc li {
  display: inline;
  margin-right: 1em;
}
#footer .footer-misc-container .footer-misc a {
  background-image: url('../img/elements/border-link.png');
  background-repeat: repeat-x;
  background-position: bottom left;
}
#footer .footer-misc-container .footer-social .lnk-social a {
  padding-left: 25px;
  display: block;
  background-repeat: no-repeat;
  background-position: 0 3px;
  cursor: pointer;
}
#footer .footer-misc-container .footer-social .lnk-social a span {
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-image: url("../../img/elements/border-link.png");
  background-repeat: repeat-x;
  background-position: bottom left;
}
#footer .footer-misc-container .footer-social .lnk-facebook a {
  background-image: url('../img/btns/btn-facebook.png');
}
#footer .footer-misc-container .footer-social .lnk-instagram a {
  background-image: url('../img/btns/btn-instagram.png');
}
#footer .footer-misc-container .footer-social .lnk-twitter a {
  background-image: url('../img/btns/btn-twitter.png');
}
#footer .footer-misc-container .footer-social .lnk-google a {
  background-image: url('../img/btns/btn-google.png');
}
#footer .footer-misc-container .footer-social .lnk-linkedin a {
  background-image: url('../img/btns/btn-linkedin.png');
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #footer .footer-misc-container .footer-social .lnk-social a {
    background-size: 16px;
  }
  #footer .footer-misc-container .footer-social .lnk-facebook a {
    background-image: url('../img/btns/btn-facebook@2x.png');
  }
  #footer .footer-misc-container .footer-social .lnk-instagram a {
    background-image: url('../img/btns/btn-instagram@2x.png');
  }
  #footer .footer-misc-container .footer-social .lnk-twitter a {
    background-image: url('../img/btns/btn-twitter@2x.png');
  }
  #footer .footer-misc-container .footer-social .lnk-google a {
    background-image: url('../img/btns/btn-google@2x.png');
  }
  #footer .footer-misc-container .footer-social .lnk-linkedin a {
    background-image: url('../img/btns/btn-linkedin@2x.png');
  }
}
@media screen and (min-width: 480px) {
  #footer .row {
    width: 101.15740740740742%;
    /* 437 / 432 */
    margin-left: -1.15740741%;
    /* 5 / 432 */
  }
  #footer .footer-misc-container {
    float: none;
    width: 98.8558352402746%;
    /* 432 / 437 */
    margin-left: 1.1441647597254003%;
    /* 5 / 437 */
  }
  #footer .footer-misc-container .footer-social ul {
    *zoom: 1;
    width: 100%;
  }
  #footer .footer-misc-container .footer-social ul:before,
  #footer .footer-misc-container .footer-social ul:after {
    content: " ";
    display: table;
  }
  #footer .footer-misc-container .footer-social ul:after {
    clear: both;
  }
  #footer .footer-misc-container .footer-social ul li {
    float: left;
    margin-right: 20px;
  }
}
@media screen and (min-width: 768px) {
  #footer .row {
    width: 100%;
    margin-left: 0;
  }
  #footer #menu-footer-menu {
    width: 100.72358900144718%;
    /* 696 / 691 */
    margin-left: -0.723589%;
    /* 5 / 691 */
    float: none;
    *zoom: 1;
  }
  #footer #menu-footer-menu:before,
  #footer #menu-footer-menu:after {
    content: " ";
    display: table;
  }
  #footer #menu-footer-menu:after {
    clear: both;
  }
  #footer #menu-footer-menu li {
    float: left;
    width: 24.281609195402297%;
    /* 169 / 696 */
    margin-left: 0.7183908045977011%;
    /* 5 / 696 */
  }
  #footer #menu-footer-menu li ul {
    display: block !important;
    visibility: visible;
    margin-top: 10px;
  }
  #footer #menu-footer-menu li ul li {
    float: none;
    width: 100%;
    /* 169 / 696 */
    margin-left: 0;
    /* 5 / 696 */
    margin-top: 5px;
  }
  #footer #menu-footer-menu li ul li a {
    font-weight: 300;
  }
  #footer .footer-misc-container {
    width: 100.72358900144718%;
    /* 696 / 691 */
    margin-left: -0.723589%;
    /* 5 / 691 */
    float: none;
    *zoom: 1;
    margin-top: 22px;
  }
  #footer .footer-misc-container:before,
  #footer .footer-misc-container:after {
    content: " ";
    display: table;
  }
  #footer .footer-misc-container:after {
    clear: both;
  }
  #footer .footer-misc-container h3 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.57;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    margin-bottom: -10px;
  }
  #footer .footer-misc-container h3 a {
    background-image: none;
  }
  #footer .footer-misc-container .footer-contact p {
    display: block !important;
    visibility: visible;
    max-width: 337px;
  }
  #footer .footer-misc-container .footer-contact,
  #footer .footer-misc-container .footer-social {
    width: 99.2816091954023%;
    /* 691 / 696 */
    margin-left: 0.7183908045977011%;
    /* 5 / 696 */
    float: none;
  }
  #footer .footer-misc-container .footer-contact h3 a,
  #footer .footer-misc-container .footer-social h3 a {
    background-image: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 1024px) {
  #footer #menu-footer-menu {
    width: 100.54288816503801%;
    /* 926 / 921 */
    margin-left: -0.54288817%;
    /* 5 / 921 */
  }
  #footer #menu-footer-menu li {
    width: 24.406047516198704%;
    /* 226 / 926 */
    margin-left: 0.5399568034557235%;
    /* 5 / 926 */
  }
  #footer .footer-misc-container {
    width: 100.54288816503801%;
    /* 926 / 921 */
    margin-left: -0.54288817%;
    /* 5 / 921 */
    *zoom: 1;
  }
  #footer .footer-misc-container:before,
  #footer .footer-misc-container:after {
    content: " ";
    display: table;
  }
  #footer .footer-misc-container:after {
    clear: both;
  }
  #footer .footer-misc-container .footer-contact,
  #footer .footer-misc-container .footer-social {
    margin-left: 0.5399568034557235%;
    /* 5 / 926 */
  }
  #footer .footer-misc-container .footer-social {
    float: left;
    width: 49.46004319654428%;
    /* 458 / 926 */
    margin-left: 0.5399568034557235%;
    /* 5 / 926 */
  }
  #footer .footer-misc-container .footer-misc {
    float: right;
    width: 49.46004319654428%;
    /* 458 / 926 */
    margin-left: 0.5399568034557235%;
    /* 5 / 926 */
    *zoom: 1;
  }
  #footer .footer-misc-container .footer-misc:before,
  #footer .footer-misc-container .footer-misc:after {
    content: " ";
    display: table;
  }
  #footer .footer-misc-container .footer-misc:after {
    clear: both;
  }
  #footer .footer-misc-container .footer-misc ul {
    float: right;
    margin-top: 56px;
  }
  #footer .footer-misc-container .footer-misc li {
    margin-right: 0;
    margin-left: 1em;
  }
}
@media screen and (min-width: 1280px) {
  #footer .footer-misc-container h3 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.38;
  }
}
@media screen and (min-width: 1364px) {
  #footer #menu-footer-menu {
    width: 100.40983606557377%;
    /* 1225 / 1220 */
    margin-left: -0.40983607%;
    /* 5 / 1220 */
  }
  #footer #menu-footer-menu li {
    width: 18.571428571428573%;
    /* 301 / 1225 */
    margin-left: 1.40816326530612246%;
    /* 5 / 1225 */
  }
  #footer .footer-misc-container {
    width: 100.40983606557377%;
    /* 1225 / 1220 */
    margin-left: -0.40983607%;
    /* 5 / 1220 */
  }
  #footer .footer-misc-container .footer-contact,
  #footer .footer-misc-container .footer-social {
    margin-left: 0.40816326530612246%;
    /* 5 / 1225 */
  }
  #footer .footer-misc-container .footer-social {
    width: 49.46004319654428%;
    /* 458 / 926 */
    margin-left: 0.5399568034557235%;
    /* 5 / 926 */
  }
  #footer .footer-misc-container .footer-misc {
    width: 49.46004319654428%;
    /* 458 / 926 */
    margin-left: 0.5399568034557235%;
    /* 5 / 926 */
  }
  #footer .footer-misc-container .footer-contact {
    *zoom: 1;
  }
  #footer .footer-misc-container .footer-contact:before,
  #footer .footer-misc-container .footer-contact:after {
    content: " ";
    display: table;
  }
  #footer .footer-misc-container .footer-contact:after {
    clear: both;
  }
  #footer .footer-misc-container .footer-contact p {
    float: left;
    width: 55.51894563426688%;
    /* 337 / 607 */
  }
  #footer .footer-misc-container .footer-contact ul {
    float: right;
    width: 31.30148270181219%;
    /* 190 / 607 */
  }
}
@media screen and (max-width: 768px) {
  #footer h3 {
    display: none;
  }
}
form {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
}
form p {
  margin: 0 0 30px 0;
  padding: 0;
  display: block;
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
}
form p span {
  font-size: 16px;
  font-size: 1.6rem;
}
.hover-info-content {
  position: absolute;
  width: 280px;
  background: #f4f0ea;
  padding: 5px;
  height: auto;
  border-radius: 6px;
  box-sizing: border-box;
  box-shadow: 0 9px 25px -14px #000000;
  top: 28px;
}
@media screen and (max-width: 768px) {
  .hover-info-content {
    position: relative;
    display: block !important;
    width: 100%;
    box-shadow: none;
    border: 1px solid #f4f0ea;
    border-radius: 6px;
    margin: 5px 0;
    top: unset;
  }
}
.hover-info-content p {
  margin: 0;
}
label {
  display: block;
  margin-bottom: 5px;
}
label,
label a {
  font-weight: 700;
  color: #000000;
}
label span {
  color: #DC2626;
  display: inline-block;
  padding: 0 5px;
}
label span.hover-info {
  background: #b7b7ba;
  color: #ffffff;
  border-radius: 99.9%;
  width: 22px;
  height: 22px;
  text-align: center;
  padding: 0;
}
label.required:after {
  display: none;
  color: #DC2626;
  padding: 0 5px;
  content: "*";
}
label a {
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-image: url("../../img/elements/border-link.png");
  background-repeat: repeat-x;
  background-position: bottom left;
}
label .label-icon {
  display: inline-block;
}
label .label-icon img {
  margin-top: -4px;
}
ul label {
  font-weight: 300;
}
input[type="text"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="color"],
input[type="email"],
input[type="password"],
input[type="month"] {
  margin-bottom: 20px;
  -webkit-appearance: none;
  border: none;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 10px;
  background: #e6e6e7;
  width: 100%;
}
input[type="text"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="color"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="month"]:focus {
  outline: none;
}
input:disabled,
select:disabled,
textarea:disabled {
  background: #f6f6f6;
  color: #999999 !important;
}
input:disabled[type="submit"]:hover,
select:disabled[type="submit"]:hover,
textarea:disabled[type="submit"]:hover {
  background: #f6f6f6;
}
span {
  *zoom: 1;
  display: block;
}
span:before,
span:after {
  content: " ";
  display: table;
}
span:after {
  clear: both;
}
span p {
  margin-top: 15px;
  margin-bottom: 5px;
  *zoom: 1;
}
span p:before,
span p:after {
  content: " ";
  display: table;
}
span p:after {
  clear: both;
}
span p:first-child {
  margin-top: 15px;
}
select {
  background: #e6e6e7 url(../img/elements/drop-arrow-tri.png) no-repeat center right 20px;
  border: none;
  width: 100%;
  display: block;
  margin-bottom: 15px;
  -webkit-appearance: none;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-radius: 0px;
  padding: 10px 40px 10px 10px;
}
input[type="date"] {
  background: #e6e6e7;
  border: none;
  width: 100%;
  display: block;
  margin-bottom: 20px;
  -webkit-appearance: none;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-radius: 0px;
  padding: 9px 40px 9px 10px;
}
input[type="date"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
}
input[type="time"] {
  margin-bottom: 20px;
  -webkit-appearance: none;
  border: none;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 10px;
  background: #e6e6e7;
  width: 100%;
}
input[type="time"]:focus {
  outline: none;
}
textarea {
  margin-bottom: 20px;
  -webkit-appearance: none;
  min-height: 300px;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 10px;
  background: #e6e6e7;
  width: 100%;
  border: none;
}
textarea:focus {
  outline: none;
}
input[type="submit"]:not(.btn-rounded),
input[type="reset"],
.btn-form {
  float: right;
  border: none;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-radius: 5px;
  margin: 20px 0;
  font-size: 22px;
  font-size: 2.2rem;
  font-style: italic;
  font-family: "Merriweather", serif;
  font-weight: 600;
  transition: 0.2s ease;
}
input[type="submit"]:not(.btn-rounded):hover,
input[type="reset"]:hover,
.btn-form:hover {
  background: #a272a4;
}
:-moz-ui-invalid {
  box-shadow: none;
}
input[type="checkbox"] {
  visibility: hidden;
}
.eaga-checkbox {
  width: 25px;
  margin: 0 0 30px 0;
  position: relative;
}
.eaga-checkbox label {
  cursor: pointer;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  left: 0;
  background: #eeeeee;
  border: 1px solid #dddddd;
}
.eaga-checkbox label span {
  left: 35px;
  position: absolute;
  width: 316px;
  color: #000000;
}
.eaga-checkbox label span .label-icon {
  display: inline-block;
}
.eaga-checkbox label span .label-icon img {
  margin-left: -4px;
}
.eaga-checkbox label:after {
  opacity: 0;
  content: "";
  position: absolute;
  width: 14px;
  height: 8px;
  background: transparent;
  top: 5px;
  left: 5px;
  border: 3px solid #333333;
  border-top: none;
  border-right: none;
  padding: 0;
  transform: rotate(-45deg);
}
/**
 * Create the hover event of the tick
 */
.eaga-checkbox label:hover::after {
  opacity: 0.4;
}
/**
 * Create the checkbox state for the tick
 */
.eaga-checkbox input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
.custom-radio {
  display: none;
}
ul.custom-select {
  display: block;
  *zoom: 1;
}
ul.custom-select:before,
ul.custom-select:after {
  content: " ";
  display: table;
}
ul.custom-select:after {
  clear: both;
}
ul.custom-select li {
  display: inline;
  margin-right: 4%;
  float: left;
}
ul.custom-select li label {
  padding: 10px;
  border-radius: 5px;
  font-style: italic;
  font-family: "Merriweather", serif;
  font-weight: 600;
  transition: 0.2s ease;
}
ul.custom-select li label:hover {
  background: #000000;
  cursor: pointer;
}
.radioBox {
  display: none;
  *zoom: 1;
  padding: 20px 0;
  margin: 20px 0 0 0;
  border-top: 1px solid #b7b7ba;
}
.radioBox:before,
.radioBox:after {
  content: " ";
  display: table;
}
.radioBox:after {
  clear: both;
}
.radioBox p {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 20px 0;
}
.radioBox p span {
  width: 30%;
  margin-right: 3%;
}
input[type="radio"] {
  display: none;
}
input[type="radio"] + label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -1px 4px 0 0;
  padding: 0;
  vertical-align: middle;
  background: url(../img/elements/rounded-radio.png) left top no-repeat;
  cursor: pointer;
}
input[type="radio"]:checked + label span {
  background: url(../img/elements/rounded-radio.png) -19px top no-repeat;
}
.custom-file-input {
  border: none;
  padding-left: 180px;
  position: relative;
  min-height: 42px;
  padding-top: 10px;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
  width: 0;
}
.custom-file-input::before {
  content: "Select a file to upload";
  color: #ffffff;
  display: inline-block;
  background: #00adee;
  border: none;
  padding: 10px;
  border-radius: 5px;
  font-style: italic;
  font-family: "Merriweather", serif;
  font-weight: 600;
  transition: 0.2s ease;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
}
.custom-file-input::before:hover {
  background: #a272a4;
}
.custom-file-input:hover::before {
  border-color: #000000;
}
.custom-file-input:active {
  outline: 0;
  border: none;
}
.custom-file-input:active::before {
  background: #00adee;
}
.third-field {
  margin-right: 2%;
  float: left;
  display: inline;
  width: 32% !important;
}
@media screen and (max-width: 768px) {
  .third-field {
    width: 100% !important;
    margin-right: 0;
  }
}
.third-field.last {
  margin-right: 0;
}
.half-field {
  position: relative;
  margin-right: 2%;
  float: left;
  display: inline;
  width: 48% !important;
}
.half-field.last {
  margin-right: 0;
}
.table-upload {
  margin-top: 30px;
}
.table-upload th {
  text-align: left;
}
.table-upload td,
.table-upload th {
  padding-right: 20px;
}
.uploads {
  margin-top: 30px;
}
.uploads .btn,
.block .uploads .btn {
  display: inline-block;
  background-color: #644066 !important;
}
.uploads .btn:hover,
.block .uploads .btn:hover,
.uploads .btn:focus,
.block .uploads .btn:focus {
  background-color: #a272a4 !important;
}
.checkbox input[type="checkbox"] {
  visibility: visible;
}
.radio {
  line-height: 30px;
  text-align: right;
  color: #ffffff;
  background-color: #644066;
  padding: 20px;
  display: block;
  border-radius: 10px;
}
.radio p {
  margin: 0 0 10px 0;
  pdding: 0;
  color: #ffffff;
}
.radio label {
  clear: both;
  width: auto;
  text-align: right;
  margin-right: 10px;
  line-height: 30px;
  color: #ffffff;
  display: inline-block;
  margin-left: 30px;
}
.radio input[type="radio"] {
  visibility: visible;
  display: inline-block;
  margin-top: 7px;
}
.files {
  margin-bottom: 30px;
}
.upload {
  background-image: url("../img/elements/border-purple.png");
  background-repeat: repeat-x;
  background-position: top left;
  margin-top: 10px;
  padding-top: 10px;
}
.upload:first-child {
  background-image: none;
  margin-top: 0;
  padding-top: 0;
}
.hh-search-title {
  text-align: center;
  margin: auto;
}
.hh-search-panel form h2,
.hh-search-panel form h3 {
  margin-bottom: 10px;
  display: inline-block;
}
.hh-search-panel form .refine-button {
  display: -ms-flexbox;
  display: flex;
  margin: 10px auto;
}
.hh-search-panel form .refine-button h3 {
  margin: auto 5px auto 0;
}
.hh-search-panel form .refine-button button[data-toggle-selector] {
  display: inline-block;
  background-color: #644066;
  color: #ffffff;
  border-radius: 50%;
  border: none;
  height: 29px;
  width: 29px;
  padding: 2px 0 0;
}
.hh-search-panel form .refine-button button[data-toggle-selector] .btn-icon {
  height: 24px;
  width: 24px;
  font-weight: 900;
}
.hh-search-panel form label output {
  margin-left: 10px;
  display: inline-block;
}
.hh-search-panel form input[type='date'],
.hh-search-panel form input[name='arriving_at'] {
  height: 45px;
  border-radius: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.hh-search-panel form label[for='arriving_at'] ~ .input-group {
  margin-bottom: 15px;
}
.hh-search-panel form #refine {
  display: none;
}
.hh-search-panel form .btn-rounded.secondary {
  padding: 7px 19px;
}
.hh-search-panel form select,
.hh-search-panel form .eaga-checkbox > label {
  border-radius: 4px;
}
#hh-calendars {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
#hh-calendars .unavailable {
  background-color: #428bca;
  padding: 10px 0;
  position: relative;
  overflow: hidden;
}
#hh-calendars .available {
  background-color: #ffffff;
  padding: 10px 0;
  position: relative;
  overflow: hidden;
}
#hh-calendars .available.start-day {
  background-color: #428bca;
}
#hh-calendars .available.start-day:before {
  content: "";
  border-left: 61px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 42px solid #ffffff;
  height: 0;
  width: 0;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}
#hh-calendars .available.start-day.end-day {
  background-color: #ffffff;
}
#hh-calendars .unavailable.end-day:after,
#hh-calendars .available.end-day.start-day:after {
  content: "";
  border-left: 0 solid transparent;
  border-right: 60px solid transparent;
  border-top: 41px solid #ffffff;
  height: 0;
  width: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#hh-calendars .unavailable.end-day.selected:after {
  border-top: 41px solid #ec6590;
}
#hh-calendars .unavailable.end-day.selected,
#hh-calendars .unavailable.start-day.selected {
  background-color: #428bca;
}
#hh-calendars .available.end-day.start-day.selected {
  background-color: #ffffff;
}
#hh-calendars .available.end-day-selected.selected:after {
  border-top: 41px solid #ec6590;
}
#hh-calendars .available.start-day-selected.selected:before {
  border-bottom: 42px solid #ec6590;
}
#hh-calendars .hover {
  background-color: #f88bae;
  padding: 10px 0;
  cursor: pointer;
}
#hh-calendars .unavailable.hover {
  background-color: #428bca;
}
#hh-calendars .available.day-start.hover {
  background-color: #f88bae;
}
#hh-calendars .hover.start-day-hover:before {
  border-bottom: 43px solid #f88bae;
}
#hh-calendars .hover.end-day-hover:after {
  border-top: 41px solid #f88bae;
}
#hh-calendars .available.hover.end-day-hover:after {
  border-top: 43px solid #f88bae;
}
#hh-calendars .selected {
  background-color: #ec6590;
  padding: 10px 0;
  color: #000000;
}
#hh-calendars .notreleased {
  background-color: grey;
  padding: 10px 0;
}
#hh-calendars .hover.start-day-selected.start-day-hover:before {
  border-bottom: 42px solid #ec6590;
}
#hh-calendars .hover.end-day-selected.end-day-hover:after {
  border-top: 41px solid #ec6590;
}
#hh-calendars td > div > span {
  z-index: 2;
  position: relative;
}
.month {
  width: 48%;
  padding: 10px;
  margin: 10px 0;
  border: solid 1px grey;
  border-radius: 6px;
  display: none;
}
.month.visible {
  display: block;
}
.month h4 {
  display: block;
  color: #000000;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 900;
  padding-top: 5px;
  padding-bottom: 15px;
  border-bottom: solid 1px grey;
  margin: 0 auto 15px;
}
.month h4 span {
  font-weight: 300;
  color: #939498;
  text-align: left;
  display: inline-block;
  padding-left: 5px;
}
#hh-calendars {
  *zoom: 1;
  position: relative;
}
#hh-calendars:before,
#hh-calendars:after {
  content: " ";
  display: table;
}
#hh-calendars:after {
  clear: both;
}
#hh-calendars table {
  width: 100%;
  table-layout: fixed;
}
#hh-calendars table th {
  text-align: left;
  display: block;
}
#hh-calendars table tr:first-child {
  display: none;
}
#hh-calendars table td {
  padding: 0;
  text-align: center;
}
ul.calendar-pagination {
  display: block;
  text-align: right;
  position: absolute;
  top: 1.33em;
  right: 0;
  width: 100%;
  margin-top: 0;
  outline: none;
}
ul.calendar-pagination li {
  text-indent: 100%;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
  display: inline-block;
  width: 17px;
  height: 30px;
  margin-left: 2%;
}
ul.calendar-pagination li.prev {
  background: url(../img/elements/month-switcher.png) left top no-repeat;
}
ul.calendar-pagination li.next {
  background: url(../img/elements/month-switcher.png) -17px top no-repeat;
}
ul.calendar-pagination li:hover {
  cursor: pointer;
}
ul.cal-key {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 30px;
}
ul.cal-key li {
  margin: 0 3% 20px 0;
  line-height: 1.9;
}
ul.cal-key li span {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  display: inline-block;
}
ul.cal-key li.booked span {
  background: #428bca;
}
ul.cal-key li.available span {
  border: solid 1px grey;
  background: #ffffff;
}
ul.cal-key li.selected span {
  background: #ec6590;
}
ul.cal-key li.notreleased span {
  background: grey;
}
#calendar-submit {
  margin-top: 20px;
}
#calendar-selected-dates {
  font-size: 16px;
  font-size: 1.6rem;
  float: left;
  width: 60%;
  margin: 20px 2em 0 0;
  font-family: "Roboto", sans-serif;
}
#calendar-selected-dates strong {
  white-space: nowrap;
}
.login-panel {
  max-width: 450px;
  min-width: 320px;
  margin: 0 auto;
  padding-bottom: 20px;
  padding-top: 40px;
}
.login-panel .element-wrap {
  max-width: 320px;
  min-width: 300px;
  margin: 0 auto;
}
.login-panel .element-wrap form label {
  font-size: 1.6rem;
}
.login-panel .element-wrap form .eaga-checkbox label {
  left: 125px;
}
.login-panel .element-wrap form .eaga-checkbox label span {
  left: -129px;
  top: 0;
}
.login-panel .element-wrap form .submit .submit-btn {
  width: 100%;
  background-color: #00adee;
  font-family: "Roboto", sans-serif;
  font-size: 1.4rem;
  line-height: 1.57;
  float: none;
  font-style: normal;
}
.reset-wrap {
  background-color: #837978;
  min-width: 320px;
  margin: 0 auto;
  margin-top: -21px;
  color: white;
  display: block;
}
.reset-wrap .element-wrap {
  max-width: 320px;
  min-width: 300px;
  margin: 0 auto;
  display: block;
  padding-bottom: 15px;
}
.reset-wrap .element-wrap p {
  color: white;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 1.8rem;
  line-height: 1.57;
  padding-top: 15px;
  font-weight: 400;
}
.reset-wrap .element-wrap .submit {
  width: 100%;
}
.reset-wrap .element-wrap .submit a {
  width: 100%;
  display: block;
  background-color: #e6e6e8;
  color: #00adee;
  font-family: "Roboto", sans-serif;
  font-size: 1.4rem;
  line-height: 1.57;
  font-weight: 600;
  float: none;
  font-style: normal;
  border: none;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-radius: 5px;
  margin: 20px 0;
  transition: 0.2s ease;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .month {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  ul.cal-key {
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    -ms-flex-pack: center;
        justify-content: center;
    width: 55%;
    margin-left: auto;
    margin-right: auto;
  }
  .third-field {
    margin-right: 0;
    float: none;
    display: block;
    width: 100% !important;
  }
  .half-field {
    margin-right: 0;
    float: none;
    display: block;
    width: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .calendar-pagination {
    margin-right: 6%;
  }
}
fieldset {
  border: 0;
  border-top: 1px #aaaaaa solid;
}
fieldset > h2 {
  margin: 0;
  line-height: 30px;
  font-size: 22px;
  height: 110px;
  padding: 10px 0 10px 50px;
  font-style: normal;
  font-family: "Roboto", sans-serif;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 800px) {
  fieldset > h2 {
    line-height: 110px;
    font-size: 3rem;
    padding: 0 0 0 50px;
  }
}
fieldset > h2:before {
  background-color: #00adee;
  height: 20px;
  width: 20px;
  display: block;
  position: absolute;
  top: 44px;
  left: 0;
  content: "";
  transition: 0.25s;
}
@media screen and (min-width: 800px) {
  fieldset > h2:before {
    top: 45px;
    left: 0;
  }
}
fieldset > h2:hover:before {
  box-shadow: 2px 2px 0 #78c4e1;
}
fieldset > h2 strong {
  display: block;
  font-size: 1em;
}
@media screen and (min-width: 800px) {
  fieldset > h2 strong {
    display: inline;
  }
}
fieldset > h2 strong:before,
fieldset > h2 strong:after {
  height: 2px;
  width: 10px;
  background-color: #ffffff;
  display: block;
  position: absolute;
  top: 53px;
  left: 5px;
  content: "";
  transition: 0.25s;
}
@media screen and (min-width: 800px) {
  fieldset > h2 strong:before,
  fieldset > h2 strong:after {
    top: 53px;
  }
}
fieldset > h2 strong:before {
  transform: rotate(90deg);
}
fieldset > h2 span {
  position: absolute;
  left: 50px;
  top: 75px;
  text-transform: uppercase;
  padding: 0 0 0 17px;
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
}
@media screen and (min-width: 800px) {
  fieldset > h2 span {
    right: 0;
    top: 45px;
    left: auto;
  }
}
fieldset > h2 span:before,
fieldset > h2 span:after {
  content: "";
  width: 3px;
  height: 12px;
  background-color: #727272;
  position: absolute;
  top: 5px;
  left: 0;
}
fieldset > h2 span:before {
  transform: rotate(-45deg);
}
fieldset > h2 span:after {
  transform: rotate(45deg);
}
fieldset > h2 span.completed {
  color: #00adee;
  padding: 0 0 0 20px;
}
fieldset > h2 span.completed:before {
  display: none;
}
fieldset > h2 span.completed:after {
  border-right: 3px #00adee solid;
  border-bottom: 3px #00adee solid;
  background: transparent;
  height: 10px;
  width: 5px;
  top: 2px;
}
fieldset > h2 span.not-completed {
  color: #221f1f;
}
fieldset.active .section-fields {
  display: block;
}
fieldset.active h2 strong:before {
  transform: rotate(180deg);
}
fieldset .section-fields {
  display: none;
  padding: 0 0 0 0;
}
@media screen and (min-width: 800px) {
  fieldset .section-fields {
    padding: 0 0 0 50px;
  }
}
fieldset .section-fields .bank-details__paragraph {
  font-size: 16px;
  line-height: 20px;
  max-width: 600px;
}
fieldset .section-fields .bank-details__paragraph a {
  background-image: none;
  text-decoration: underline;
}
fieldset .section-fields .bank-details__input {
  width: 100%;
}
fieldset .section-fields .bank-details__input--large {
  max-width: 350px;
}
fieldset .section-fields .bank-details__input--medium {
  max-width: 250px;
}
fieldset .section-fields .bank-details__input--small {
  max-width: 170px;
}
fieldset .section-fields .bank-details__checkbox {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 35px;
}
fieldset .section-fields .bank-details__checkbox input[type=checkbox] {
  visibility: visible;
  width: 48px;
  height: 48px;
  border-radius: 0;
  border: 1px solid #000000;
}
fieldset .section-fields .bank-details__checkbox label {
  box-sizing: border-box;
  margin-left: 27px;
  font-weight: bold;
  max-width: 316px;
}
fieldset .section-fields .row {
  margin-bottom: 22px;
}
fieldset .section-fields .row.label {
  margin-bottom: 5px;
}
fieldset .section-fields .eaga-checkbox label {
  font-size: 14px;
  background-color: transparent;
  border-color: #727272;
  width: 48px;
  height: 48px;
}
fieldset .section-fields .eaga-checkbox label:after {
  border-width: 2px;
  width: 30px;
  height: 16px;
  top: 11px;
  left: 8px;
}
fieldset .section-fields .eaga-checkbox label span {
  top: 0;
  left: 68px;
  font-weight: 500;
}
fieldset .section-fields label {
  font-weight: 300;
  min-height: 1.39em;
}
fieldset .section-fields input[type="text"],
fieldset .section-fields input[type="date"],
fieldset .section-fields select,
fieldset .section-fields textarea {
  background-color: transparent;
  border: 1px #727272 solid;
  color: #000000;
  transition: 0.25s;
}
fieldset .section-fields input[type="text"]:focus,
fieldset .section-fields input[type="date"]:focus,
fieldset .section-fields select:focus,
fieldset .section-fields textarea:focus {
  border: 1px #221f1f solid;
  box-shadow: 3px 3px 0 #e9e9e9;
}
fieldset .section-fields input[type="text"]:disabled,
fieldset .section-fields input[type="date"]:disabled,
fieldset .section-fields select:disabled,
fieldset .section-fields textarea:disabled {
  opacity: 0.9;
  cursor: not-allowed;
  color: #727272;
  background-color: #eeeeee;
}
fieldset .section-fields input[type="text"]:disabled:hover,
fieldset .section-fields input[type="date"]:disabled:hover,
fieldset .section-fields select:disabled:hover,
fieldset .section-fields textarea:disabled:hover {
  background-color: #f4f4f4;
}
fieldset .section-fields input[type="text"] + p,
fieldset .section-fields input[type="date"] + p,
fieldset .section-fields select + p,
fieldset .section-fields textarea + p {
  display: block;
  position: relative;
  left: 0;
  top: auto;
  background-color: #00adee;
  color: #ffffff;
  padding: 0 10px;
  z-index: 9999;
  font-size: 16px;
  font-weight: 400;
  width: 95%;
  border-radius: 5px;
  height: 0;
  min-height: 0;
  transition: 0.25s;
  margin: 3px 0 0 0;
  overflow: hidden;
}
fieldset .section-fields input[type="text"]:focus + p,
fieldset .section-fields input[type="date"]:focus + p,
fieldset .section-fields select:focus + p,
fieldset .section-fields textarea:focus + p,
fieldset .section-fields input[type="text"]:active + p,
fieldset .section-fields input[type="date"]:active + p,
fieldset .section-fields select:active + p,
fieldset .section-fields textarea:active + p {
  padding: 10px;
  min-height: 10px;
  height: auto;
  overflow: visible;
}
fieldset .section-fields input[type="text"]:focus + p:before,
fieldset .section-fields input[type="date"]:focus + p:before,
fieldset .section-fields select:focus + p:before,
fieldset .section-fields textarea:focus + p:before,
fieldset .section-fields input[type="text"]:active + p:before,
fieldset .section-fields input[type="date"]:active + p:before,
fieldset .section-fields select:active + p:before,
fieldset .section-fields textarea:active + p:before {
  content: "";
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #00adee transparent;
  position: absolute;
  left: 30px;
  margin-left: -10px;
  top: -10px;
  display: inline-block;
}
fieldset .section-fields .input-buttons {
  margin: 0;
  position: relative;
  width: 48px;
  height: 40px;
  top: -10px;
  right: 0;
}
fieldset .section-fields .input-buttons .step-controls {
  position: absolute;
  left: 0;
  top: 10px;
}
fieldset .section-fields .input-buttons button {
  top: -20px;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
}
fieldset .section-fields .forth {
  margin: 0;
  width: auto;
}
@media screen and (min-width: 600px) {
  fieldset .section-fields .forth {
    margin: 0 5% 0 0;
    width: 45%;
    float: left;
  }
  fieldset .section-fields .forth:nth-child(2) {
    margin: 0 0 0 0;
  }
}
@media screen and (min-width: 860px) {
  fieldset .section-fields .forth {
    margin: 0 3% 0 0;
    width: 22%;
    float: left;
  }
  fieldset .section-fields .forth:nth-child(2) {
    margin: 0 3% 0 0;
  }
  fieldset .section-fields .forth:nth-child(4) {
    margin: 0 0 0 0;
  }
}
fieldset .section-fields .third {
  margin: 0;
  width: auto;
}
@media screen and (min-width: 600px) {
  fieldset .section-fields .third {
    margin: 0 5% 0 0;
    width: 30%;
    float: left;
  }
}
fieldset .section-fields .third:nth-child(3) {
  margin: 0 0 0 0;
}
fieldset .section-fields .third label {
  font-size: 18px;
  font-weight: bold;
}
fieldset .section-fields .half {
  margin: 0;
  width: auto;
}
@media screen and (min-width: 600px) {
  fieldset .section-fields .half {
    margin: 0 5% 0 0;
    width: 47.5%;
    float: left;
  }
}
fieldset .section-fields .half:nth-child(2) {
  margin: 0 0 0 0;
}
fieldset .section-fields .half button {
  margin: 26px 0 0 0;
}
fieldset .section-fields .third-field:nth-child(3n) {
  margin-right: 0;
}
fieldset .section-fields .checkbox-group .eaga-checkbox {
  width: 33%;
  float: left;
}
fieldset .section-fields .checkbox-group .eaga-checkbox label {
  font-size: 14px;
  background-color: transparent;
  border-color: #727272;
  width: 13px;
  height: 13px;
  font-weight: 300;
}
fieldset .section-fields .checkbox-group .eaga-checkbox label:after {
  width: 7px;
  height: 3px;
  border-width: 2px;
  top: 3px;
  left: 2px;
}
fieldset .section-fields .checkbox-group .eaga-checkbox label span {
  top: 0;
  left: 18px;
  font-weight: 500;
}
fieldset .section-fields .checkbox-group--large .eaga-checkbox {
  width: auto;
  float: none;
}
fieldset .section-fields .checkbox-group--large .eaga-checkbox label {
  width: 32px;
  height: 32px;
}
fieldset .section-fields .checkbox-group--large .eaga-checkbox label:after {
  width: 17px;
  height: 6px;
  border-width: 3px;
  top: 9px;
  left: 7px;
}
fieldset .section-fields .checkbox-group--large .eaga-checkbox label span {
  left: 46px;
  width: 683px;
  max-width: calc(100vw - 100px);
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
}
fieldset#section-3 .section-fields .row .half ul.basic--inline--list li:first-of-type {
  display: block;
  width: 100%;
  margin-bottom: 11px !important;
}
fieldset#section-3 .section-fields .row .half ul.basic--inline--list li label {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
}
fieldset#section-3 .section-fields .row .half ul.basic--inline--list li label span {
  background-color: #ffffff;
  border: 1px #000000 solid;
  border-radius: 99.9%;
}
fieldset#section-3 .section-fields .row .half ul.basic--inline--list li label span:not(checked) {
  background: none;
}
fieldset#section-3 .section-fields .row .half ul.basic--inline--list li input[type="radio"]:checked + label span:before {
  background: #000000;
  width: 17px;
  height: 17px;
  border-radius: 99.9%;
  margin: 1px 0 0 0.93px;
}
fieldset#section-4 h3 {
  margin: 0 0 25px 0;
  font-family: "Merriweather", serif;
  font-weight: bold;
  font-size: 18px;
  color: #000000;
  letter-spacing: 0;
  line-height: 22px;
}
fieldset#section-4 h4 {
  margin: 0 0 25px 0;
  font-family: "Merriweather", serif;
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 22px;
}
fieldset#section-4 p {
  margin: 0 0 25px 0;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 22px;
}
fieldset#section-4:not(.ft-he-gbr) {
  border-bottom: 1px #aaaaaa solid;
  margin-bottom: 50px;
}
fieldset#section-4 ul {
  margin-bottom: 25px;
}
fieldset#section-4 ul li {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 22px;
}
fieldset#section-4 ol {
  margin: 0 0 25px 0;
  padding: 0;
}
fieldset#section-4 ol li {
  list-style-position: inside;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 22px;
}
fieldset#section-4 ol li span {
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: normal;
}
fieldset#section-4 .grid {
  padding: 0;
}
fieldset#section-4 .grid > .row .eaga-checkbox label span {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
}
fieldset#section-4 .small-text {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
}
fieldset#section-4 .small-text h4 {
  margin: 0 0 25px 0;
  font-family: "Merriweather", serif;
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 22px;
}
fieldset#section-4 .small-text p {
  margin: 0 0 25px 0;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 22px;
}
fieldset#section-4 hr {
  width: 90%;
  margin: 0 auto 50px auto;
  border-color: #979797;
}
fieldset#section-4 .btn {
  margin-top: 0;
}
fieldset#section-5 h4 {
  margin: 0 0 10px 0;
}
fieldset#section-5 p {
  margin: 0 0 10px 0;
}
fieldset#section-5 ul {
  margin: 15px 0 15px 30px;
  padding: 0 0 0 30px;
}
fieldset#section-5 .row-part {
  padding: 30px;
  border-top: 1px #cccccc solid;
  margin-top: 30px;
}
fieldset#section-5 .row-part p,
fieldset#section-5 .row-part ul,
fieldset#section-5 .row-part li {
  font-size: 14px;
}
fieldset#section-6 {
  border-bottom: 1px #aaaaaa solid;
}
fieldset#section-6 .half {
  margin: 0 10px 0 0;
}
fieldset#section-6 .half .btn-print {
  margin-left: 5px;
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.4;
}
fieldset#section-6 .half .btn-print.active {
  cursor: pointer;
  pointer-events: auto;
  opacity: 1;
}
fieldset#section-6 .half .btn-print.highlight {
  background-color: #00adee;
  color: #ffffff;
}
.fake_input {
  color: #000000;
  font-size: 1.6rem;
  line-height: 1.38;
  font-weight: 700;
}
.fake_input:last-of-type {
  padding-right: 0;
  margin-right: 0;
}
.fake_input span {
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding: 9px 40px 9px 10px;
  margin: 5px 0 20px 0;
  background: #f6f6f6;
  color: #999999;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.38;
}
.highlight input {
  border: 1px solid #DC2626;
}
.highlight input.custom-file-input {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  margin-left: 0;
  border-top: 0;
  border-right: 0;
  border-left: 0;
}
.highlight label {
  color: #DC2626;
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url(../img/colorbox/overlay.png) repeat 0 0;
  opacity: 0.9;
}
#colorbox {
  outline: 0;
}
#cboxContent {
  border-radius: 2px;
  border-radius: 10px;
  background: #FFFFFF;
  overflow: hidden;
  padding: 20px;
}
.cboxIframe {
  background: #FFFFFF;
}
#cboxError {
  padding: 50px;
  border: 1px solid #CCCCCC;
}
#cboxLoadedContent {
  margin-bottom: 28px;
}
#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}
#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}
#cboxLoadingOverlay {
  background: url(../img/colorbox/loading_background.png) no-repeat center center;
}
#cboxLoadingGraphic {
  background: url(../img/colorbox/loading.gif) no-repeat center center;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}
#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092EF;
}
#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../img/colorbox/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxPrevious:hover {
  background-position: -75px -25px;
}
#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(../img/colorbox/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxNext:hover {
  background-position: -50px -25px;
}
#cboxClose {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: url(../img/colorbox/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxClose:hover {
  background-position: -25px -25px;
}
.pagination li a,
.pagination li a:hover,
.pagination li span,
.pagination li span:hover {
  color: #644066;
  font-weight: 700;
}
.pagination .active a,
.pagination .active a:hover,
.pagination .active span,
.pagination .active span:hover {
  color: #ffffff;
  font-weight: 700;
  background-color: #644066;
  border-color: #644066;
}
.alert,
.alert-message {
  display: block;
  padding: 24px 15px !important;
  font-weight: bold;
  color: #ffffff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  background-color: #00adee;
  position: relative;
  margin: 10px auto 10px auto;
  border-radius: 4px;
}
.alert:before,
.alert-message:before {
  content: "";
  display: none;
  float: left;
  background-image: url("../../img/elements/alerts-icon.png");
  width: 30px;
  height: 25px;
  margin-top: -2px;
}
.alert-heading,
.alert-message-heading,
.alert h4,
.alert-message h4 {
  color: #ffffff !important;
  font-size: 30px !important;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 25px;
  margin: 0 0 8px 0;
}
.alert p,
.alert-message p,
.alert li,
.alert-message li {
  width: auto;
  margin: 0;
  padding-left: 30px;
  font-family: "Roboto", sans-serif;
  color: #ffffff;
  font-weight: normal;
  line-height: 19px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
}
.alert hr,
.alert-message hr {
  width: 94%;
  margin: 1em auto;
  border-color: #ffffff;
  border-style: wave;
}
.alert ul,
.alert-message ul {
  margin: 0;
  padding: 0 0 0 30px;
}
.alert ul li,
.alert-message ul li {
  margin: 0;
  padding: 10px 0;
}
.alert a,
.alert-message a {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #ffffff;
}
.alert a.close,
.alert-message a.close {
  position: absolute;
  right: 10px;
  top: 3px;
  opacity: 1;
  font-size: 20px;
  font-size: 2rem;
  background: none;
  text-decoration: none;
  font-weight: bold;
}
.alert a.close:focus,
.alert-message a.close:focus {
  opacity: 0.4;
}
.alert a:hover,
.alert-message a:hover {
  opacity: 0.4;
}
.alert-primary,
.alert-message-primary,
.alert.primary,
.alert-message.primary {
  background-color: #a272a4;
}
.alert-primary:before,
.alert-message-primary:before,
.alert.primary:before,
.alert-message.primary:before {
  display: block !important;
  background-position: -8px -8px;
}
.alert-secondary,
.alert-message-secondary,
.alert.secondary,
.alert-message.secondary {
  background-color: #ec6590;
}
.alert-secondary:before,
.alert-message-secondary:before,
.alert.secondary:before,
.alert-message.secondary:before {
  display: block !important;
  background-position: -8px -8px;
}
.alert-success,
.alert-message-success,
.alert.success,
.alert-message.success {
  background-color: #82EB68;
}
.alert-success:before,
.alert-message-success:before,
.alert.success:before,
.alert-message.success:before {
  display: block !important;
  background-position: -48px -8px;
}
.alert-info,
.alert-message-info,
.alert.info,
.alert-message.info {
  background-color: #5bc0de;
}
.alert-info:before,
.alert-message-info:before,
.alert.info:before,
.alert-message.info:before {
  display: block !important;
  background-position: -8px -8px;
}
.alert-danger,
.alert-message-danger,
.alert-error,
.alert-message-error,
.alert.danger,
.alert-message.danger,
.alert.error,
.alert-message.error {
  background-color: #DC2626;
}
.alert-danger:before,
.alert-message-danger:before,
.alert-error:before,
.alert-message-error:before,
.alert.danger:before,
.alert-message.danger:before,
.alert.error:before,
.alert-message.error:before {
  display: block !important;
  background-position: -88px -8px;
}
.alert-warning,
.alert-message-warning,
.alert.warning,
.alert-message.warning {
  background-color: #FDC600;
}
.alert-warning:before,
.alert-message-warning:before,
.alert.warning:before,
.alert-message.warning:before {
  display: block !important;
  background-position: -88px -8px;
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
.alert-warning h4,
.alert-message-warning h4,
.alert.warning h4,
.alert-message.warning h4,
.alert-warning p,
.alert-message-warning p,
.alert.warning p,
.alert-message.warning p,
.alert-warning ul,
.alert-message-warning ul,
.alert.warning ul,
.alert-message.warning ul,
.alert-warning li,
.alert-message-warning li,
.alert.warning li,
.alert-message.warning li,
.alert-warning a,
.alert-message-warning a,
.alert.warning a,
.alert-message.warning a {
  color: #000000 !important;
}
.alert-warning hr,
.alert-message-warning hr,
.alert.warning hr,
.alert-message.warning hr {
  border-color: #000000 !important;
}
.alert-light,
.alert-message-light,
.alert.light,
.alert-message.light {
  background-color: #f4f4f4;
}
.alert-light:before,
.alert-message-light:before,
.alert.light:before,
.alert-message.light:before {
  display: block !important;
  background-position: -128px -8px;
  opacity: 0.5;
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
.alert-light h4,
.alert-message-light h4,
.alert.light h4,
.alert-message.light h4,
.alert-light p,
.alert-message-light p,
.alert.light p,
.alert-message.light p,
.alert-light ul,
.alert-message-light ul,
.alert.light ul,
.alert-message.light ul,
.alert-light li,
.alert-message-light li,
.alert.light li,
.alert-message.light li,
.alert-light a,
.alert-message-light a,
.alert.light a,
.alert-message.light a {
  color: #939498 !important;
}
.alert-light hr,
.alert-message-light hr,
.alert.light hr,
.alert-message.light hr {
  border-color: #939498 !important;
}
.alert-dark,
.alert-message-dark,
.alert.dark,
.alert-message.dark {
  background-color: #939498;
}
.alert-dark:before,
.alert-message-dark:before,
.alert.dark:before,
.alert-message.dark:before {
  display: block !important;
  background-position: -128px -8px;
}
.alert-badge {
  display: inline-block;
  box-sizing: border-box;
  padding: 6px 0;
  height: 45px;
  min-width: 100px;
  font-size: 17px;
  line-height: 33px;
  color: #000;
  font-weight: bold;
  margin: 10px 0;
  text-align: center;
}
.alert-badge--success {
  background-color: #82EB68;
  border: 1px #82EB68 solid;
}
.alert-badge--success .box-icon {
  background-position: -48px -8px;
}
.alert-badge--info {
  background-color: #5bc0de;
  border: 1px #5bc0de solid;
}
.alert-badge--info .box-icon {
  background-position: -8px -8px;
}
.alert-badge--warning {
  background-color: #FDC600;
  border: 1px #FDC600 solid;
}
.alert-badge--warning .box-icon {
  background-position: -88px -8px;
}
.alert-badge--danger {
  background-color: #DC2626;
  border: 1px #DC2626 solid;
}
.alert-badge--danger .box-icon {
  background-position: -88px -8px;
}
.alert-badge--error {
  background-color: #DC2626;
  border: 1px #DC2626 solid;
  color: #fff;
}
.alert-badge--error .box-icon {
  background-position: -128px -8px;
}
#visitor-book-header .btn-form {
  margin: 0 0 5px;
}
.hh-about-btn {
  margin-top: 40px;
  display: -ms-flexbox;
  display: flex;
}
.hh-about-btn span {
  margin-right: 10px;
  color: #644066;
}
.hh-listing {
  margin-bottom: 30px;
}
.hh-listing:nth-child(2) {
  margin-top: 30px;
}
.hh-listing > div:nth-child(2) {
  margin-bottom: 10px;
}
.hh-listing > div > div:nth-child(2),
.hh-listing > div > div:nth-child(3) {
  margin-bottom: 30px;
}
.hh-listing p {
  margin: 10px auto;
}
.hh-listing .col-md-3 {
  padding: 0;
}
.hh-listing > h2 {
  margin-bottom: 10px;
}
.hh-listing > h2 > a {
  margin-right: 15px;
}
.hh-listing .hh-features {
  margin-left: 10px;
}
.hh-location {
  margin-top: 5px;
}
.hh-features div {
  display: inline-block;
  margin-right: 10px;
}
.hh-features div img,
.hh-features div span {
  display: inline-block;
}
.hh-features div span {
  font-weight: 800;
}
.hh-booking-rule.alert {
  width: fit-content;
}
.hh-featured-image {
  border-radius: 8px;
  overflow: hidden;
}
.hh-booking-slots {
  margin: 20px 0;
}
.hh-booking-slots:first-child {
  margin-top: 10px;
}
.hh-booking-slots:first-child > h3 {
  margin-top: 0;
}
.hh-booking-slots p {
  margin: 5px 0;
}
.hh-booking-slot {
  margin: 10px 0;
}
.hh-booking-slot span {
  display: inline-block;
  margin-right: 10px;
}
.hh-property-wrapper > div {
  margin: 40px auto;
}
.hh-gallery .carousel .flex-viewport {
  border-radius: 8px;
}
.hh-property-navigation ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 0;
}
.hh-property-navigation li a {
  display: inline-block;
  margin: 5px auto;
  padding: 6px 20px;
  border-radius: 5px;
  background: #644066;
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'Merriweather', serif;
  font-weight: 900;
  word-break: keep-all;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.hh-property-navigation li.active a {
  background-color: #ec6590;
}
.hh-property-details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.hh-property-details #details {
  width: 100%;
}
.hh-property-details .comment {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #727272;
  border-radius: 4px;
}
.hh-property-details .comment p:first-child {
  margin-top: 0;
}
.hh-property-details .comment p:last-child {
  margin-bottom: 0;
}
.hh-property-details .comment .main-txt {
  font-size: 18px;
}
.hh-aside {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.hh-aside > div {
  margin-bottom: 20px;
}
.hh-aside > div > h4:first-child {
  margin-top: 0;
}
.hh-aside .hh-features > div {
  margin: 10px 10px 0 0;
}
.hh-aside .links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.hh-aside h4 .material-icons {
  vertical-align: middle;
  margin: 0 5px;
}
.hh-aside h4 .material-icons:before,
.hh-aside h4 .material-icons:after {
  display: none;
}
.hh-aside .hh-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.hh-aside .hh-info h4 {
  line-height: 2em;
}
.hh-detail {
  width: 100%;
  border: solid 1px #727272;
  border-radius: 4px;
  padding: 0 20px;
  margin-bottom: 10px;
}
.hh-detail > header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}
.hh-detail > header h3 {
  font-weight: 900;
  margin-bottom: 20px;
}
.hh-detail > header h3,
.hh-detail > header span {
  display: inline-block;
}
.hh-detail > header .hh-toggle-button {
  display: inline-block;
  background-color: #644066;
  color: #ffffff;
  border-radius: 50%;
  border: none;
  font-size: 1.5em;
  font-weight: 800;
  padding: 3px;
  cursor: pointer;
  transition: transform 400ms;
}
.hh-detail[data-state="open"] .hh-toggle-button {
  transform: rotate(45deg);
}
.hh-detail > div {
  /* margin: 20px; */
  margin-bottom: 20px;
}
.hh-detail > div > *:first-child {
  margin-top: 0;
}
#hh-calendar {
  margin-top: 20px;
}
#hh-calendar .pagination-btns {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
#hh-calendar #hh-calendars:before,
#hh-calendar #hh-calendars:after,
#hh-calendar .month:before,
#hh-calendar .month:after {
  content: none;
}
.add-comment-form form {
  margin-top: 10px;
}
.add-comment-form .notepad-area {
  display: block;
  outline: none;
  border: none;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 30px;
  margin: 0 auto;
  padding-top: 4px;
  resize: none;
  min-height: 200px;
  width: 100%;
  color: #644066;
  background-color: #ffffff;
  background-image: -webkit-linear-gradient(top, transparent, transparent 29px, #e7eff8 0);
  background-size: 100% 30px;
}
.btn.limited {
  background-color: #5bc0de;
}
.btn.bonus {
  background-color: #a272a4;
}
table.hh-booking-table tbody tr {
  border-bottom: none;
}
table.hh-booking-table tbody tr:nth-child(even) {
  background-color: transparent;
}
table.hh-booking-table tbody tr.hh-member-booking-buttons {
  border-bottom: 1px solid #ccc;
  background-color: transparent;
}
table.hh-booking-table tbody td {
  padding: 15px;
}
@media screen and (max-width: 769px) {
  .hh-listing h2 {
    font-size: 1.6em;
  }
  .hh-listing > div > div:nth-child(2),
  .hh-listing > div > div:nth-child(3) {
    padding-left: 0;
    padding-right: 0;
  }
  .hh-listing .hh-features {
    margin-left: 0;
  }
}
@media screen and (max-width: 990px) {
  .hh-booking-rule.alert {
    margin: 10px;
  }
}
@media screen and (min-width: 992px) {
  .hh-listings {
    padding-left: 60px;
  }
  .hh-property-navigation ul {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .hh-property-details {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
  .hh-property-details #details {
    width: 75%;
  }
  .hh-aside {
    width: 16.66666667%;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .hh-aside .hh-info {
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
  }
  .hh-aside .links {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
@media screen and (max-width: 480px) {
  .hh-listing > div {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 480px) {
  .hh-location {
    display: inline-block;
    margin-top: 0px;
  }
}
.route-annualreview,
.route-member\.annualreview {
  background-color: #ffffff;
}
.route-annualreview main,
.route-member\.annualreview main {
  *zoom: 1;
}
.route-annualreview main:before,
.route-member\.annualreview main:before,
.route-annualreview main:after,
.route-member\.annualreview main:after {
  content: " ";
  display: table;
}
.route-annualreview main:after,
.route-member\.annualreview main:after {
  clear: both;
}
.route-annualreview main h1,
.route-member\.annualreview main h1 {
  font-family: "museo-slab", serif;
  font-weight: 100;
  font-style: italic;
  text-align: left;
  margin: 0;
  padding: 20px 0 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .route-annualreview main h1,
  .route-member\.annualreview main h1 {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 55px;
    color: #ffffff;
    z-index: 1;
  }
}
@media screen and (min-width: 768px) {
  .route-annualreview main h1,
  .route-member\.annualreview main h1 {
    font-size: 140px;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #6b2d88;
  }
}
.route-annualreview .masthead,
.route-member\.annualreview .masthead {
  position: relative;
}
@media screen and (max-width: 767px) {
  .route-annualreview .masthead,
  .route-member\.annualreview .masthead {
    padding-top: 300px;
  }
  .route-annualreview .masthead:after,
  .route-member\.annualreview .masthead:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background-color: #00b6ff;
  }
}
@media screen and (min-width: 768px) {
  .route-annualreview .masthead,
  .route-member\.annualreview .masthead {
    min-height: 400px;
    background-color: #00b6ff;
  }
}
@media screen and (min-width: 1263px) {
  .route-annualreview .masthead,
  .route-member\.annualreview .masthead {
    background-position: bottom right;
  }
}
.route-annualreview .masthead .call-to-action-box,
.route-member\.annualreview .masthead .call-to-action-box {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: block;
  background-color: #eae9e1;
  border-bottom: 7px solid #b090c1;
  padding: 20px;
  margin: 45px 0;
}
@media screen and (min-width: 768px) {
  .route-annualreview .masthead .call-to-action-box,
  .route-member\.annualreview .masthead .call-to-action-box {
    width: 30.625%;
    margin-top: 72px;
    float: left;
    margin-right: 1.71875%;
  }
  .route-annualreview .masthead .call-to-action-box:last-child,
  .route-member\.annualreview .masthead .call-to-action-box:last-child {
    margin-right: 0;
  }
}
.route-annualreview .masthead .call-to-action-box h2,
.route-member\.annualreview .masthead .call-to-action-box h2 {
  border-radius: 2px;
  border-radius: 10px;
  font-size: 24px;
  line-height: 28px;
  font-style: normal;
  color: #ffffff;
  background-color: #b090c1;
  padding: 7px 12px;
}
.route-annualreview .masthead .call-to-action-box:first-child,
.route-member\.annualreview .masthead .call-to-action-box:first-child {
  border-bottom-color: #059bd7;
}
.route-annualreview .masthead .call-to-action-box:first-child h2,
.route-member\.annualreview .masthead .call-to-action-box:first-child h2 {
  background-color: #00b6ff;
}
.route-annualreview .masthead .call-to-action-box:last-child,
.route-member\.annualreview .masthead .call-to-action-box:last-child {
  border-bottom-color: #e874ab;
}
.route-annualreview .masthead .call-to-action-box:last-child h2,
.route-member\.annualreview .masthead .call-to-action-box:last-child h2 {
  background-color: #e874ab;
}
.route-annualreview .masthead .call-to-action-box iframe,
.route-member\.annualreview .masthead .call-to-action-box iframe {
  margin-top: 20px;
}
.route-annualreview #submit-question,
.route-member\.annualreview #submit-question {
  *zoom: 1;
  padding: 20px 0;
  background-color: #63676e;
}
.route-annualreview #submit-question:before,
.route-member\.annualreview #submit-question:before,
.route-annualreview #submit-question:after,
.route-member\.annualreview #submit-question:after {
  content: " ";
  display: table;
}
.route-annualreview #submit-question:after,
.route-member\.annualreview #submit-question:after {
  clear: both;
}
.route-annualreview #submit-question p,
.route-member\.annualreview #submit-question p {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .route-annualreview #submit-question p,
  .route-member\.annualreview #submit-question p {
    font-size: 22px;
  }
}
.route-annualreview #submit-question .intro,
.route-member\.annualreview #submit-question .intro {
  font-size: 18px;
  line-height: 1.27777778;
}
@media screen and (min-width: 768px) {
  .route-annualreview #submit-question .intro,
  .route-member\.annualreview #submit-question .intro {
    font-size: 24px;
  }
}
.route-annualreview #submit-question .edit-profile,
.route-member\.annualreview #submit-question .edit-profile {
  text-align: center;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .route-annualreview #submit-question .edit-profile,
  .route-member\.annualreview #submit-question .edit-profile {
    font-size: 18px;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .route-annualreview #submit-question .left,
  .route-member\.annualreview #submit-question .left,
  .route-annualreview #submit-question .right,
  .route-member\.annualreview #submit-question .right {
    float: left;
    width: 47.5%;
  }
}
.route-annualreview #submit-question .left,
.route-member\.annualreview #submit-question .left {
  margin-bottom: 42px;
}
@media screen and (min-width: 768px) {
  .route-annualreview #submit-question .left,
  .route-member\.annualreview #submit-question .left {
    margin-right: 5%;
  }
}
.route-annualreview #submit-question .signed-in,
.route-member\.annualreview #submit-question .signed-in {
  font-size: 21px;
  line-height: 1.28571429;
  color: #ffffff;
  font-family: "Merriweather", serif;
  font-style: italic;
}
@media screen and (min-width: 768px) {
  .route-annualreview #submit-question .signed-in,
  .route-member\.annualreview #submit-question .signed-in {
    font-size: 25px;
  }
}
.route-annualreview #submit-question .signed-in a,
.route-member\.annualreview #submit-question .signed-in a {
  font-size: 23px;
  color: #00b6ff;
  font-style: normal;
  font-family: "Roboto", sans-serif;
  background-image: none;
}
@media screen and (min-width: 768px) {
  .route-annualreview #submit-question .signed-in a,
  .route-member\.annualreview #submit-question .signed-in a {
    font-size: 27px;
    margin-left: 3px;
  }
}
.route-annualreview .btn,
.route-member\.annualreview .btn {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  background-color: #e874ab;
  background-image: none;
  font-size: 24px;
  line-height: 28px;
  font-style: normal;
  font-weight: 300;
  padding: 7px 12px;
  margin-left: 20px;
}
.route-annualreview form label,
.route-member\.annualreview form label {
  display: none;
}
.route-annualreview form textarea,
.route-member\.annualreview form textarea {
  font-family: "Merriweather", serif;
  background-color: #e874ab;
  border-radius: 10px;
  resize: none;
  padding: 20px;
  color: #ffffff;
  font-size: 24px;
  line-height: 31px;
  height: 240px;
  min-height: 0;
  margin-bottom: 0;
}
.route-annualreview form textarea::-webkit-input-placeholder,
.route-member\.annualreview form textarea::-webkit-input-placeholder {
  color: #FFFFFF;
}
.route-annualreview form textarea:-moz-placeholder,
.route-member\.annualreview form textarea:-moz-placeholder {
  color: #FFFFFF;
  opacity: 1;
}
.route-annualreview form textarea::-moz-placeholder,
.route-member\.annualreview form textarea::-moz-placeholder {
  color: #FFFFFF;
  opacity: 1;
}
.route-annualreview form textarea:-ms-input-placeholder,
.route-member\.annualreview form textarea:-ms-input-placeholder {
  color: #FFFFFF;
}
.route-annualreview form .textarea-wrapper,
.route-member\.annualreview form .textarea-wrapper {
  position: relative;
  margin-bottom: 5px;
}
.route-annualreview form .textarea-wrapper:after,
.route-member\.annualreview form .textarea-wrapper:after {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../../img/elements/speech-bubble-arrow.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 33px;
  height: 22px;
  bottom: -22px;
  left: 30px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .route-annualreview form .textarea-wrapper:after,
  .route-member\.annualreview form .textarea-wrapper:after {
    background-image: url("../img/elements / speech-bubble-arrow");
    background-size: 512px 512px;
  }
}
.route-annualreview form .btn,
.route-member\.annualreview form .btn {
  background-color: #00b6ff;
}
.route-annualreview.wf-loading main h1,
.route-member\.annualreview.wf-loading main h1 {
  visibility: hidden;
}
.route-annualreview.wf-active main h1,
.route-member\.annualreview.wf-active main h1,
.route-annualreview.wf-inactive main h1,
.route-member\.annualreview.wf-inactive main h1 {
  visibility: visible;
}
.forkOptions {
  position: relative;
  width: auto;
  margin-left: 0;
}
.forkOptions > div {
  background: #FFFFFF;
  margin: 20px 0;
  padding: 20px 30px;
  display: block;
  clear: both;
}
.forkOptions > div .btn {
  font-style: normal;
  width: 100%;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  line-height: 30px;
  border-radius: 5px;
  font-size: 14px;
  transition: .25s;
}
.forkOptions > div .btn:hover {
  background-color: #A272A4;
}
.forkOptions > div:nth-child(2) .btn {
  background-color: #0092EF;
}
.forkOptions > div:nth-child(2) .btn:hover {
  background-color: #4AAFF2;
}
.highlight-block {
  margin: 0 20px;
  padding: 20px;
  background-color: #F4F0EA;
  display: block;
}
.highlight-block em {
  line-height: 30px;
  display: block;
  color: #564756;
  text-transform: uppercase;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
}
.repeatBeneficiary .content-panel {
  padding: 20px;
}
.repeatBeneficiary .content-panel.post-16 {
  display: none;
}
.repeatBeneficiary .content-panel.post-16.active {
  display: block;
}
.repeatBeneficiary .content-panel p {
  margin-bottom: 0;
  padding: 10px 0;
}
.conditional {
  display: none;
}
.conditional.active {
  display: block;
}
.central-wrapper {
  position: relative;
}
.central-wrapper .tip-parent:hover + span.tip {
  display: inline-block;
  background-color: #00adee;
  color: #ffffff;
}
.central-wrapper span.tip {
  position: absolute;
  display: none;
  padding: 10px;
  border-radius: 5px;
  left: 5%;
  transform: translateY(30px);
  z-index: 10;
  max-width: 90%;
  font-weight: bold;
}
.central-wrapper .message {
  margin: 20px 0;
  display: block;
  padding: 10px;
  border-radius: 5px;
  z-index: 10;
  background-color: #00adee;
  color: #ffffff;
}
.central-wrapper .message h4,
.central-wrapper .message p {
  color: #ffffff;
  margin: 0 0 10px 0;
}
.central-wrapper .eaga-checkbox label span {
  top: 0;
}
@media screen and (min-width: 768px) {
  .forkOptions {
    min-height: 300px;
  }
  .forkOptions > div {
    margin: 20px 30px;
    padding: 20px 15px;
    width: calc(50% - 125px);
    display: block;
    min-height: 180px;
    clear: none;
    float: left;
  }
  .forkOptions > div .btn {
    font-size: 11px;
    width: auto;
    margin: 0 auto;
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .forkOptions {
    width: 150%;
    margin-left: -25%;
  }
  .forkOptions > div {
    background: #FFFFFF;
    margin: 20px 60px;
    padding: 20px 60px;
  }
  .forkOptions > div .btn {
    font-size: 14px;
    width: auto;
    margin: 0 auto;
    display: block;
  }
}
.my-registered-children .header--intro {
  max-width: 905px;
}
.my-registered-children .apply-buttons button {
  margin-top: 5px;
}
.my-registered-children .content-primary {
  width: 100%;
}
.my-registered-children .file-upload__input {
  padding: 10px 0;
}
.my-registered-children .button--edit-address {
  background-color: none;
  position: absolute;
  right: 0;
  top: -30px;
  color: #a272a4;
  border-bottom: 1px #a272a4 solid;
  border-radius: 0px;
  line-height: 16px;
  font-size: 14px;
  padding: 0;
}
.my-registered-children .button--edit-address:hover {
  background: none;
  color: #008abd;
  border-bottom: 1px #008abd solid;
}
.my-registered-children .list-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
@media screen and (min-width: 768px) {
  .my-registered-children .list-cards {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: stretch;
        align-items: stretch;
  }
}
.my-registered-children .list-cards__name h3 {
  font-size: 23px;
  font-weight: normal;
}
.my-registered-children .list-cards__label {
  font-weight: bold!important;
}
.my-registered-children .list-cards__label ~ dd {
  word-break: break-word;
}
.my-registered-children .list-cards__pending-wrapper {
  display: -ms-flexbox;
  display: flex;
}
.my-registered-children .list-cards__status {
  position: relative;
}
.my-registered-children .list-cards__status p.small-text {
  display: inline-block;
  position: absolute;
  font-size: 13px;
  width: 53%;
  padding: 0 0 0 5px;
  margin: 0 0 0 0;
  top: 50%;
  transform: translateY(-50%);
}
.my-registered-children .list-cards__pending-text {
  box-sizing: border-box;
  width: calc(100% - 100px);
  padding-left: 20px;
  margin: 4px 0 10px;
}
.my-registered-children .list-cards li {
  width: 100%;
  margin: 0 auto 50px 0;
  padding: 35px 40px;
  box-sizing: border-box;
  min-height: 209px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .my-registered-children .list-cards li {
    width: 48%;
    margin: 0 2% 40px 0;
  }
  .my-registered-children .list-cards li:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1280px) {
  .my-registered-children .list-cards li {
    width: 30%;
    margin: 0 3% 40px 0;
  }
  .my-registered-children .list-cards li:nth-child(even) {
    margin-right: 3%;
  }
  .my-registered-children .list-cards li:nth-child(3n+3) {
    margin-right: 0;
  }
}
.my-registered-children .list-cards li dl dt {
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 31px;
  letter-spacing: -0.15px;
}
.my-registered-children .list-cards li dl dt:after {
  content: ':';
}
.my-registered-children .list-cards li dl dd {
  margin: 0 0 10px 0;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 17px;
  line-height: 26px;
  position: relative;
}
.my-registered-children .list-cards li dl dd .cert-info {
  font-size: 13px;
  line-height: 17px;
  padding: 11px;
  margin: 5px 0;
  background: #f4f4f4;
  color: #727272;
}
.my-registered-children .list-cards--child li,
.my-registered-children .list-cards--address li,
.my-registered-children .list-cards--school li,
.my-registered-children .list-cards--child-small li {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.06), -2px -2px 10px rgba(0, 0, 0, 0.06);
  transition: transform 100ms ease-in-out;
}
.my-registered-children .list-cards--child li h4,
.my-registered-children .list-cards--address li h4,
.my-registered-children .list-cards--school li h4,
.my-registered-children .list-cards--child-small li h4 {
  margin-top: 0;
}
.my-registered-children .list-cards--child li a.btn,
.my-registered-children .list-cards--address li a.btn,
.my-registered-children .list-cards--school li a.btn,
.my-registered-children .list-cards--child-small li a.btn {
  margin-bottom: 10px;
}
.my-registered-children .list-cards--child li a.btn:first-of-type,
.my-registered-children .list-cards--address li a.btn:first-of-type,
.my-registered-children .list-cards--school li a.btn:first-of-type,
.my-registered-children .list-cards--child-small li a.btn:first-of-type {
  margin-top: 12px;
}
.my-registered-children .list-cards--child li a.btn:last-of-type,
.my-registered-children .list-cards--address li a.btn:last-of-type,
.my-registered-children .list-cards--school li a.btn:last-of-type,
.my-registered-children .list-cards--child-small li a.btn:last-of-type {
  margin-bottom: 0;
}
.my-registered-children .list-cards--child .list-cards__add,
.my-registered-children .list-cards--address .list-cards__add,
.my-registered-children .list-cards--school .list-cards__add,
.my-registered-children .list-cards--child-small .list-cards__add,
.my-registered-children .list-cards--child .list-cards__add-details,
.my-registered-children .list-cards--address .list-cards__add-details,
.my-registered-children .list-cards--school .list-cards__add-details,
.my-registered-children .list-cards--child-small .list-cards__add-details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  padding: 0;
  cursor: pointer;
}
.my-registered-children .list-cards--child .list-cards__add:hover,
.my-registered-children .list-cards--address .list-cards__add:hover,
.my-registered-children .list-cards--school .list-cards__add:hover,
.my-registered-children .list-cards--child-small .list-cards__add:hover,
.my-registered-children .list-cards--child .list-cards__add-details:hover,
.my-registered-children .list-cards--address .list-cards__add-details:hover,
.my-registered-children .list-cards--school .list-cards__add-details:hover,
.my-registered-children .list-cards--child-small .list-cards__add-details:hover {
  background-color: #644066;
}
.my-registered-children .list-cards--child .list-cards__add:hover a h4,
.my-registered-children .list-cards--address .list-cards__add:hover a h4,
.my-registered-children .list-cards--school .list-cards__add:hover a h4,
.my-registered-children .list-cards--child-small .list-cards__add:hover a h4,
.my-registered-children .list-cards--child .list-cards__add-details:hover a h4,
.my-registered-children .list-cards--address .list-cards__add-details:hover a h4,
.my-registered-children .list-cards--school .list-cards__add-details:hover a h4,
.my-registered-children .list-cards--child-small .list-cards__add-details:hover a h4 {
  color: #f4f0ea;
}
.my-registered-children .list-cards--child .list-cards__add:hover a span,
.my-registered-children .list-cards--address .list-cards__add:hover a span,
.my-registered-children .list-cards--school .list-cards__add:hover a span,
.my-registered-children .list-cards--child-small .list-cards__add:hover a span,
.my-registered-children .list-cards--child .list-cards__add-details:hover a span,
.my-registered-children .list-cards--address .list-cards__add-details:hover a span,
.my-registered-children .list-cards--school .list-cards__add-details:hover a span,
.my-registered-children .list-cards--child-small .list-cards__add-details:hover a span {
  border-color: #f4f0ea;
}
.my-registered-children .list-cards--child .list-cards__add:hover a span:after,
.my-registered-children .list-cards--address .list-cards__add:hover a span:after,
.my-registered-children .list-cards--school .list-cards__add:hover a span:after,
.my-registered-children .list-cards--child-small .list-cards__add:hover a span:after,
.my-registered-children .list-cards--child .list-cards__add-details:hover a span:after,
.my-registered-children .list-cards--address .list-cards__add-details:hover a span:after,
.my-registered-children .list-cards--school .list-cards__add-details:hover a span:after,
.my-registered-children .list-cards--child-small .list-cards__add-details:hover a span:after,
.my-registered-children .list-cards--child .list-cards__add:hover a span:before,
.my-registered-children .list-cards--address .list-cards__add:hover a span:before,
.my-registered-children .list-cards--school .list-cards__add:hover a span:before,
.my-registered-children .list-cards--child-small .list-cards__add:hover a span:before,
.my-registered-children .list-cards--child .list-cards__add-details:hover a span:before,
.my-registered-children .list-cards--address .list-cards__add-details:hover a span:before,
.my-registered-children .list-cards--school .list-cards__add-details:hover a span:before,
.my-registered-children .list-cards--child-small .list-cards__add-details:hover a span:before {
  background-color: #f4f0ea;
}
.my-registered-children .list-cards--child .list-cards__add a,
.my-registered-children .list-cards--address .list-cards__add a,
.my-registered-children .list-cards--school .list-cards__add a,
.my-registered-children .list-cards--child-small .list-cards__add a,
.my-registered-children .list-cards--child .list-cards__add-details a,
.my-registered-children .list-cards--address .list-cards__add-details a,
.my-registered-children .list-cards--school .list-cards__add-details a,
.my-registered-children .list-cards--child-small .list-cards__add-details a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: center;
      align-self: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  box-sizing: border-box;
  padding: 35px 40px;
  width: 100%;
  height: 100%;
}
.my-registered-children .list-cards--child .list-cards__add a h4,
.my-registered-children .list-cards--address .list-cards__add a h4,
.my-registered-children .list-cards--school .list-cards__add a h4,
.my-registered-children .list-cards--child-small .list-cards__add a h4,
.my-registered-children .list-cards--child .list-cards__add-details a h4,
.my-registered-children .list-cards--address .list-cards__add-details a h4,
.my-registered-children .list-cards--school .list-cards__add-details a h4,
.my-registered-children .list-cards--child-small .list-cards__add-details a h4 {
  display: block;
  width: 100%;
  max-width: 70%;
  text-align: center;
  margin: 5px 0 0 0;
  color: #644066;
  font-family: "Roboto", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.my-registered-children .list-cards--child .list-cards__add a span,
.my-registered-children .list-cards--address .list-cards__add a span,
.my-registered-children .list-cards--school .list-cards__add a span,
.my-registered-children .list-cards--child-small .list-cards__add a span,
.my-registered-children .list-cards--child .list-cards__add-details a span,
.my-registered-children .list-cards--address .list-cards__add-details a span,
.my-registered-children .list-cards--school .list-cards__add-details a span,
.my-registered-children .list-cards--child-small .list-cards__add-details a span {
  width: 32px;
  height: 32px;
  font-size: 28px;
  font-family: "Merriweather", serif;
  line-height: 32px;
  border: 1.5px solid #644066;
  color: #644066;
  border-radius: 99.9%;
  text-align: center;
  position: relative;
}
.my-registered-children .list-cards--child .list-cards__add a span:after,
.my-registered-children .list-cards--address .list-cards__add a span:after,
.my-registered-children .list-cards--school .list-cards__add a span:after,
.my-registered-children .list-cards--child-small .list-cards__add a span:after,
.my-registered-children .list-cards--child .list-cards__add-details a span:after,
.my-registered-children .list-cards--address .list-cards__add-details a span:after,
.my-registered-children .list-cards--school .list-cards__add-details a span:after,
.my-registered-children .list-cards--child-small .list-cards__add-details a span:after {
  content: "";
  width: 10px;
  height: 2px;
  display: block;
  position: absolute;
  background: #644066;
  top: 15px;
  left: 11px;
}
.my-registered-children .list-cards--child .list-cards__add a span:before,
.my-registered-children .list-cards--address .list-cards__add a span:before,
.my-registered-children .list-cards--school .list-cards__add a span:before,
.my-registered-children .list-cards--child-small .list-cards__add a span:before,
.my-registered-children .list-cards--child .list-cards__add-details a span:before,
.my-registered-children .list-cards--address .list-cards__add-details a span:before,
.my-registered-children .list-cards--school .list-cards__add-details a span:before,
.my-registered-children .list-cards--child-small .list-cards__add-details a span:before {
  content: "";
  width: 2px;
  height: 10px;
  display: block;
  position: absolute;
  background: #644066;
  top: 11px;
  left: 15px;
}
.my-registered-children .list-cards--child .list-cards__add-details--saved-address,
.my-registered-children .list-cards--address .list-cards__add-details--saved-address,
.my-registered-children .list-cards--school .list-cards__add-details--saved-address,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-address,
.my-registered-children .list-cards--child .list-cards__add-details--saved-school,
.my-registered-children .list-cards--address .list-cards__add-details--saved-school,
.my-registered-children .list-cards--school .list-cards__add-details--saved-school,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-school {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  padding: 0;
}
.my-registered-children .list-cards--child .list-cards__add-details--saved-address.active h4,
.my-registered-children .list-cards--address .list-cards__add-details--saved-address.active h4,
.my-registered-children .list-cards--school .list-cards__add-details--saved-address.active h4,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-address.active h4,
.my-registered-children .list-cards--child .list-cards__add-details--saved-school.active h4,
.my-registered-children .list-cards--address .list-cards__add-details--saved-school.active h4,
.my-registered-children .list-cards--school .list-cards__add-details--saved-school.active h4,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-school.active h4 {
  background-color: #644066;
  color: #ffffff;
}
.my-registered-children .list-cards--child .list-cards__add-details--saved-address.active p,
.my-registered-children .list-cards--address .list-cards__add-details--saved-address.active p,
.my-registered-children .list-cards--school .list-cards__add-details--saved-address.active p,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-address.active p,
.my-registered-children .list-cards--child .list-cards__add-details--saved-school.active p,
.my-registered-children .list-cards--address .list-cards__add-details--saved-school.active p,
.my-registered-children .list-cards--school .list-cards__add-details--saved-school.active p,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-school.active p {
  color: #ffffff;
}
.my-registered-children .list-cards--child .list-cards__add-details--saved-address.active a,
.my-registered-children .list-cards--address .list-cards__add-details--saved-address.active a,
.my-registered-children .list-cards--school .list-cards__add-details--saved-address.active a,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-address.active a,
.my-registered-children .list-cards--child .list-cards__add-details--saved-school.active a,
.my-registered-children .list-cards--address .list-cards__add-details--saved-school.active a,
.my-registered-children .list-cards--school .list-cards__add-details--saved-school.active a,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-school.active a {
  background-color: #644066;
  color: #ffffff;
  border-color: #ffffff;
}
.my-registered-children .list-cards--child .list-cards__add-details--saved-address.active a b,
.my-registered-children .list-cards--address .list-cards__add-details--saved-address.active a b,
.my-registered-children .list-cards--school .list-cards__add-details--saved-address.active a b,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-address.active a b,
.my-registered-children .list-cards--child .list-cards__add-details--saved-school.active a b,
.my-registered-children .list-cards--address .list-cards__add-details--saved-school.active a b,
.my-registered-children .list-cards--school .list-cards__add-details--saved-school.active a b,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-school.active a b {
  color: #000000;
  border-color: #ffffff;
  background: #ffffff;
}
.my-registered-children .list-cards--child .list-cards__add-details--saved-address .error,
.my-registered-children .list-cards--address .list-cards__add-details--saved-address .error,
.my-registered-children .list-cards--school .list-cards__add-details--saved-address .error,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-address .error,
.my-registered-children .list-cards--child .list-cards__add-details--saved-school .error,
.my-registered-children .list-cards--address .list-cards__add-details--saved-school .error,
.my-registered-children .list-cards--school .list-cards__add-details--saved-school .error,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-school .error {
  position: absolute;
  bottom: 0px;
}
.my-registered-children .list-cards--child .list-cards__add-details--saved-address:hover h4,
.my-registered-children .list-cards--address .list-cards__add-details--saved-address:hover h4,
.my-registered-children .list-cards--school .list-cards__add-details--saved-address:hover h4,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-address:hover h4,
.my-registered-children .list-cards--child .list-cards__add-details--saved-school:hover h4,
.my-registered-children .list-cards--address .list-cards__add-details--saved-school:hover h4,
.my-registered-children .list-cards--school .list-cards__add-details--saved-school:hover h4,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-school:hover h4,
.my-registered-children .list-cards--child .list-cards__add-details--saved-address:focus h4,
.my-registered-children .list-cards--address .list-cards__add-details--saved-address:focus h4,
.my-registered-children .list-cards--school .list-cards__add-details--saved-address:focus h4,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-address:focus h4,
.my-registered-children .list-cards--child .list-cards__add-details--saved-school:focus h4,
.my-registered-children .list-cards--address .list-cards__add-details--saved-school:focus h4,
.my-registered-children .list-cards--school .list-cards__add-details--saved-school:focus h4,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-school:focus h4 {
  background-color: #644066;
  color: #ffffff;
}
.my-registered-children .list-cards--child .list-cards__add-details--saved-address a,
.my-registered-children .list-cards--address .list-cards__add-details--saved-address a,
.my-registered-children .list-cards--school .list-cards__add-details--saved-address a,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-address a,
.my-registered-children .list-cards--child .list-cards__add-details--saved-school a,
.my-registered-children .list-cards--address .list-cards__add-details--saved-school a,
.my-registered-children .list-cards--school .list-cards__add-details--saved-school a,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-school a {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  box-sizing: border-box;
  padding: 35px 40px;
  width: 100%;
}
.my-registered-children .list-cards--child .list-cards__add-details--saved-address a p,
.my-registered-children .list-cards--address .list-cards__add-details--saved-address a p,
.my-registered-children .list-cards--school .list-cards__add-details--saved-address a p,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-address a p,
.my-registered-children .list-cards--child .list-cards__add-details--saved-school a p,
.my-registered-children .list-cards--address .list-cards__add-details--saved-school a p,
.my-registered-children .list-cards--school .list-cards__add-details--saved-school a p,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-school a p {
  display: block;
  width: 100%;
  font-size: 17px;
  text-align: left;
}
.my-registered-children .list-cards--child .list-cards__add-details--saved-address a:hover,
.my-registered-children .list-cards--address .list-cards__add-details--saved-address a:hover,
.my-registered-children .list-cards--school .list-cards__add-details--saved-address a:hover,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-address a:hover,
.my-registered-children .list-cards--child .list-cards__add-details--saved-school a:hover,
.my-registered-children .list-cards--address .list-cards__add-details--saved-school a:hover,
.my-registered-children .list-cards--school .list-cards__add-details--saved-school a:hover,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-school a:hover,
.my-registered-children .list-cards--child .list-cards__add-details--saved-address a:focus,
.my-registered-children .list-cards--address .list-cards__add-details--saved-address a:focus,
.my-registered-children .list-cards--school .list-cards__add-details--saved-address a:focus,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-address a:focus,
.my-registered-children .list-cards--child .list-cards__add-details--saved-school a:focus,
.my-registered-children .list-cards--address .list-cards__add-details--saved-school a:focus,
.my-registered-children .list-cards--school .list-cards__add-details--saved-school a:focus,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-school a:focus {
  background-color: #644066;
  color: #ffffff;
  border-color: #ffffff;
}
.my-registered-children .list-cards--child .list-cards__add-details--saved-address a:hover p,
.my-registered-children .list-cards--address .list-cards__add-details--saved-address a:hover p,
.my-registered-children .list-cards--school .list-cards__add-details--saved-address a:hover p,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-address a:hover p,
.my-registered-children .list-cards--child .list-cards__add-details--saved-school a:hover p,
.my-registered-children .list-cards--address .list-cards__add-details--saved-school a:hover p,
.my-registered-children .list-cards--school .list-cards__add-details--saved-school a:hover p,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-school a:hover p,
.my-registered-children .list-cards--child .list-cards__add-details--saved-address a:focus p,
.my-registered-children .list-cards--address .list-cards__add-details--saved-address a:focus p,
.my-registered-children .list-cards--school .list-cards__add-details--saved-address a:focus p,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-address a:focus p,
.my-registered-children .list-cards--child .list-cards__add-details--saved-school a:focus p,
.my-registered-children .list-cards--address .list-cards__add-details--saved-school a:focus p,
.my-registered-children .list-cards--school .list-cards__add-details--saved-school a:focus p,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-school a:focus p {
  color: #ffffff;
}
.my-registered-children .list-cards--child .list-cards__add-details--saved-address a:hover b,
.my-registered-children .list-cards--address .list-cards__add-details--saved-address a:hover b,
.my-registered-children .list-cards--school .list-cards__add-details--saved-address a:hover b,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-address a:hover b,
.my-registered-children .list-cards--child .list-cards__add-details--saved-school a:hover b,
.my-registered-children .list-cards--address .list-cards__add-details--saved-school a:hover b,
.my-registered-children .list-cards--school .list-cards__add-details--saved-school a:hover b,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-school a:hover b,
.my-registered-children .list-cards--child .list-cards__add-details--saved-address a:focus b,
.my-registered-children .list-cards--address .list-cards__add-details--saved-address a:focus b,
.my-registered-children .list-cards--school .list-cards__add-details--saved-address a:focus b,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-address a:focus b,
.my-registered-children .list-cards--child .list-cards__add-details--saved-school a:focus b,
.my-registered-children .list-cards--address .list-cards__add-details--saved-school a:focus b,
.my-registered-children .list-cards--school .list-cards__add-details--saved-school a:focus b,
.my-registered-children .list-cards--child-small .list-cards__add-details--saved-school a:focus b {
  color: #000000;
  border-color: #ffffff;
  background: #ffffff;
}
.my-registered-children .list-cards--child-small dl {
  margin: 0;
}
.my-registered-children .list-cards--child-small dl dt {
  display: inline-block;
}
.my-registered-children .list-cards--child-small dl dd {
  display: inline-block;
}
.my-registered-children .list-cards--address li,
.my-registered-children .list-cards--school li {
  text-align: center;
  box-shadow: none;
  border: 1px #f4f4f4 solid;
  background-color: #f4f4f4;
}
@media screen and (min-width: 1280px) {
  .my-registered-children .list-cards--address li,
  .my-registered-children .list-cards--school li {
    width: 22%;
    margin: 0 3% 40px 0;
  }
  .my-registered-children .list-cards--address li:nth-child(3n+3),
  .my-registered-children .list-cards--school li:nth-child(3n+3) {
    margin-right: 3%;
  }
  .my-registered-children .list-cards--address li:nth-child(4n+4),
  .my-registered-children .list-cards--school li:nth-child(4n+4) {
    margin-right: 0;
  }
}
.my-registered-children .list-cards--address li.list-cards__add,
.my-registered-children .list-cards--school li.list-cards__add,
.my-registered-children .list-cards--address li.list-cards__add-details,
.my-registered-children .list-cards--school li.list-cards__add-details {
  background-color: #ffffff;
  border: 1px #727272 solid;
}
.my-registered-children .list-cards--address li b,
.my-registered-children .list-cards--school li b {
  display: inline-block;
  transition: none;
  border-width: 2px;
  padding: 0;
  width: 100%;
  max-width: 200px;
}
.my-registered-children .list-cards--skillbuilder {
  color: #ffffff;
}
.my-registered-children .list-cards--skillbuilder li {
  background: #644066;
}
.my-registered-children .list-cards--skillbuilder li h4 {
  color: #ffffff;
}
.my-registered-children .list-cards--princes-trust li {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.06), -2px -2px 10px rgba(0, 0, 0, 0.06);
}
.my-registered-children .list-cards--heb li {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.06), -2px -2px 10px rgba(0, 0, 0, 0.06);
}
.my-registered-children .list-cards--dd-single {
  margin-top: 90px;
}
.my-registered-children .list-cards--dd-single li {
  max-width: 715px;
  width: 100%;
}
.my-registered-children hr {
  margin: 30px 0 70px 0;
  border-top: 21px #f4f4f4 solid;
}
.my-registered-children button:disabled {
  cursor: not-allowed;
  color: #727272;
  background-color: #f4f4f4;
}
.my-registered-children--add-child .row {
  position: relative;
}
.my-registered-children--add-child .row--delete {
  min-height: 100px;
}
.my-registered-children--add-child .row--buttons {
  min-height: 100px;
  padding-top: 50px;
}
.my-registered-children--add-child .row--buttons button {
  margin: 0 0 20px 0;
  clear: both;
  display: block;
}
.my-registered-children--add-child fieldset {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  padding: 0;
  margin: 0;
  border-top: 1px solid #000000;
  border-right-width: 0;
  border-left-width: 0;
}
.my-registered-children--add-child fieldset:last-of-type {
  border-bottom: 1px solid #000000;
}
.my-registered-children--add-child .remove {
  position: absolute;
  right: 0;
  top: 0;
}
.my-registered-children--bank-details {
  margin-bottom: 0;
}
.my-registered-children--bank-details .section-fields {
  padding-left: 0;
}
.my-registered-children--bank-details fieldset {
  border: 0px;
}
.my-registered-children--bank-details h3 {
  font-weight: normal;
  font-size: 22px;
  line-height: 31px;
  letter-spacing: -0.20625px;
}
.my-registered-children--bank-details h4 {
  margin-bottom: 10px;
}
.my-registered-children--bank-details .grid {
  padding: 0;
}
.my-registered-children--bank-details .grid > .row {
  padding: 10px;
  border-bottom: 1px solid #e9e9e9;
}
.my-registered-children--bank-details .grid > .row:nth-child(odd) {
  background-color: #f4f4f4;
}
.my-registered-children--bank-details .grid > .row h3 {
  font-size: 14px;
  margin: 0;
  padding: 10px;
}
.my-registered-children--bank-details .grid > .row p {
  font-size: 14px;
}
.my-registered-children--bank-details .grid > .row .eaga-checkbox {
  padding: 22px 0;
}
.my-registered-children--bank-details .grid > .row .eaga-checkbox label span {
  font-size: 14px;
  font-weight: normal;
}
.my-registered-children--bank-details .grid > .row .eaga-checkbox label span strong {
  font-weight: bold;
}
.my-registered-children--bank-details .small-text {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
}
.my-registered-children--bank-details .small-text h4 {
  margin: 0 0 25px 0;
  font-family: "Merriweather", serif;
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 22px;
}
.my-registered-children--bank-details .small-text p {
  margin: 0 0 25px 0;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 22px;
}
.my-registered-children--bank-details .row--border {
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
  margin-top: 20px;
}
.my-registered-children--submitted .content-primary {
  margin-top: 109px;
  max-width: 900px;
}
.my-registered-children--submitted p.intro {
  font-size: 30px;
  line-height: 38px;
}
.my-registered-children--submitted p.medium {
  font-size: 18px;
  line-height: 29px;
}
.my-registered-children--submitted p.important {
  font-size: 21px;
  line-height: 26px;
  font-style: italic;
  font-weight: normal;
}
.sb-pd-block p {
  margin-bottom: 0;
}
#early-years-child-form,
#descendants-data-child-form {
  opacity: 0;
}
#early-years-child-form.ready,
#descendants-data-child-form.ready {
  opacity: 1;
  transition: opacity 300ms ease-in-out;
}
#early-years-child-form .form-group--error + .form-group__message,
#descendants-data-child-form .form-group--error + .form-group__message,
#early-years-child-form .form-group--error > .error,
#descendants-data-child-form .form-group--error > .error {
  display: block;
  color: #E53E3E;
}
#early-years-child-form .form-group--error label,
#descendants-data-child-form .form-group--error label {
  color: #E53E3E;
}
#early-years-child-form .form-group--error input,
#descendants-data-child-form .form-group--error input,
#early-years-child-form .form-group--error textarea,
#descendants-data-child-form .form-group--error textarea,
#early-years-child-form .form-group--error input:focus,
#descendants-data-child-form .form-group--error input:focus,
#early-years-child-form .form-group--error input:hover,
#descendants-data-child-form .form-group--error input:hover {
  border-width: 1px;
  border-style: solid;
  border-color: #E53E3E;
}
#early-years-child-form .form-group--error input[type="file"],
#descendants-data-child-form .form-group--error input[type="file"],
#early-years-child-form .form-group--error input[type="file"]:focus,
#descendants-data-child-form .form-group--error input[type="file"]:focus,
#early-years-child-form .form-group--error input[type="file"]:hover,
#descendants-data-child-form .form-group--error input[type="file"]:hover {
  border: 0;
}
#early-years-child-form .form-group--error .file-upload__input,
#descendants-data-child-form .form-group--error .file-upload__input {
  border-width: 1px;
  border-style: solid;
  border-color: #E53E3E;
}
#early-years-child-form .form-group--error .form-group__addon,
#descendants-data-child-form .form-group--error .form-group__addon {
  color: white;
  border-color: #E53E3E;
  background: #E53E3E;
}
#early-years-child-form .email-input,
#descendants-data-child-form .email-input {
  width: 80%;
  max-width: none;
  margin-right: 8px;
}
#early-years-child-form .error,
#descendants-data-child-form .error {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 5px 0;
  text-align: start;
  color: red;
}
.registered-children-upload {
  background: rgba(163, 116, 165, 0.1);
  border: 1.5px dashed #a374a5;
}
.registered-children-upload .proof-upload {
  width: 100%;
  margin-top: 33px;
}
.registered-children-upload .proof-upload.active {
  display: block;
}
.registered-children-upload .proof-upload .warning {
  display: -ms-flexbox;
  display: flex;
  color: #982C5C;
  margin-left: 0;
  width: 60%;
  box-sizing: border-box;
  white-space: normal;
}
@media screen and (min-width: 700px) {
  .registered-children-upload .proof-upload .warning {
    margin-left: 25%;
  }
}
.registered-children-upload .proof-upload form {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 0;
}
@media screen and (min-width: 700px) {
  .registered-children-upload .proof-upload form {
    margin-left: 15px;
  }
}
.registered-children-upload .proof-upload form .upload-label-input {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.registered-children-upload .proof-upload form p {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0;
      flex: 0;
  white-space: nowrap;
  margin: 0 10px 0 0;
  padding: 0;
  font-weight: 300;
  font-size: 18px;
  line-height: 18px;
}
.registered-children-upload .proof-upload form p strong {
  color: #644066;
  letter-spacing: 0;
}
.registered-children-upload .proof-upload form label {
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
  white-space: nowrap;
}
.registered-children-upload .proof-upload form .file-upload {
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  margin-bottom: 0;
}
.registered-children-upload .proof-upload form .file-upload__input {
  border: 1px solid #644066;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 14px;
  color: #644066;
  letter-spacing: 0;
}
.registered-children-upload .proof-upload form .file-upload__input:hover,
.registered-children-upload .proof-upload form .file-upload__input:focus {
  background-color: #644066;
  color: white;
}
.registered-children-upload .proof-upload form .file-upload__file-name {
  font-size: 14px;
  color: #644066;
  letter-spacing: 0;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-left: 10px;
}
.registered-children-upload .proof-upload form input[type=submit] {
  border-radius: 0;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  font-size: 18px;
  line-height: 18px;
  background-color: #644066;
  color: #FFFFFF;
  letter-spacing: 0;
  padding: 5px 10px;
  height: auto;
  margin-right: 10px;
}
.my-registered-children-payments .row .content-primary header {
  margin-bottom: 90px;
}
.my-registered-children-payments .row .content-primary header .disable-in-header {
  display: none;
}
.my-registered-children-payments .row .content-primary header .upload {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  padding: 32px;
  background: #f4f4f4;
}
@media screen and (min-width: 700px) {
  .my-registered-children-payments .row .content-primary header .upload {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.my-registered-children-payments .row .content-primary header .upload p {
  max-width: 450px;
  font-family: "Merriweather", serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.16875px;
  color: #000000;
  margin-bottom: 40px;
}
@media screen and (min-width: 700px) {
  .my-registered-children-payments .row .content-primary header .upload p {
    -ms-flex-direction: row;
        flex-direction: row;
    margin-right: 40px;
  }
}
.my-registered-children-payments .row .content-primary h1 {
  margin-bottom: 60px;
}
.my-registered-children-payments .row .content-primary .scrollit {
  overflow-x: scroll;
}
.my-registered-children-payments .row .content-primary .scrollit table {
  width: 100%;
  margin-bottom: 60px;
}
.my-registered-children-payments .row .content-primary .scrollit table tbody tr {
  border: 1px solid #727272;
  border-right-width: 0;
  border-left-width: 0;
}
.my-registered-children-payments .row .content-primary .scrollit table tbody tr:first-of-type {
  border-top: 0;
}
.my-registered-children-payments .row .content-primary .scrollit table tbody tr th {
  padding: 0 0 10px 0;
  text-align: left;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  color: #727272;
}
.my-registered-children-payments .row .content-primary .scrollit table tbody tr td {
  padding: 25px 0;
  text-align: left;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #727272;
}
.my-registered-children-payments .row .content-primary .scrollit table tbody tr td p.payment-amount {
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #727272;
}
.my-registered-children-payments .row .content-primary .scrollit table tbody tr td strong.voodoo {
  color: #644066;
}
.my-registered-children-payments .row .content-primary hr {
  margin: 30px 0 70px 0;
  border-top: 21px #f4f4f4 solid;
}
.my-registered-children-payments .row .content-primary p {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 27px;
  color: #727272;
}
.my-registered-children-payments .row .content-primary p.small-text {
  font-size: 14px;
  line-height: 17px;
}
.my-registered-children-payments .row .upload__form form .upload-label-input {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.my-registered-children-payments .row .upload__form form p {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0;
      flex: 0;
  white-space: nowrap;
  margin: 0 10px 10px 0;
  padding: 0;
  font-weight: 300;
  font-size: 16px;
  line-height: 16px;
}
.my-registered-children-payments .row .upload__form form p strong {
  color: #000000;
  padding-right: 5px;
}
.my-registered-children-payments .row .upload__form form label {
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
  white-space: nowrap;
}
.my-registered-children-payments .row .upload__form form .file-upload {
  display: inline-block;
  cursor: pointer;
}
.my-registered-children-payments .row .upload__form form .file-upload__input {
  font-family: "Roboto", sans-serif;
  border: 1px solid #a2a2a2;
  padding: 4px 7px;
  font-size: 17px;
  line-height: 17px;
  color: #ffffff;
  letter-spacing: 0;
  background-color: #a2a2a2;
  font-weight: 400;
}
.my-registered-children-payments .row .upload__form form .file-upload__input:hover,
.my-registered-children-payments .row .upload__form form .file-upload__input:focus {
  color: #a2a2a2;
  background: #ffffff;
}
.my-registered-children-payments .row .upload__form form .file-upload__file-name {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  color: #a2a2a2;
  letter-spacing: 0;
}
.my-registered-children-payments .row .upload__form form input[type=file] {
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}
.my-registered-children-payments .row .upload__form form input[type=submit] {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  float: none;
  -ms-flex-item-align: self-start;
      -ms-grid-row-align: self-start;
      align-self: self-start;
  font-size: 17px;
  line-height: 17px;
  color: #ffffff;
  letter-spacing: 0;
  padding: 4px 7px;
  height: auto;
  margin: 0;
  border: 1px solid #644066;
}
#notification {
  position: absolute;
  width: 446px;
  max-width: 100vw;
  min-height: 273px;
  margin: 0 auto;
  left: 0;
  top: 128px;
  display: none;
  background-color: #FFFFFF;
  z-index: 999;
}
@media screen and (min-width: 500px) {
  #notification {
    margin: -136px 0 0 -223px;
    left: 50%;
    top: 50%;
  }
}
#notification button#close-notification {
  position: absolute;
  top: 15px;
  right: 15px;
  padding-right: 20px;
  color: #837979;
  font-size: 14px;
  font-size: 1.4pxrem;
  line-height: 20px;
  border: 0;
  box-shadow: 0;
  background: transparent;
  font-family: 'Roboto';
  transition: .5s;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-image: url('../../img/btns/btn-close.png');
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #notification button#close-notification {
    background-size: 16px;
    background-image: url('../../img/btns/btn-close@2x.png');
  }
}
#notification button#close-notification:hover {
  color: #a272a4;
}
#notification .text {
  padding: 50px 66px;
}
#notification .text em {
  color: #ec6590;
  font-size: 26px;
  font-size: 2.6rem;
  font-style: normal;
}
#notification .text p {
  color: #221f1f;
  font-size: 16px;
  font-size: 1.6pxrem;
  line-height: 22px;
}
#notification .text button {
  color: #FFFFFF;
  background-color: #00adee;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 39px;
  text-align: center;
  border-radius: 5px;
  border: 0;
  display: block;
  width: 100%;
  transition: .5s;
}
#notification .text button:hover {
  background-color: #5DD0FE;
}
.steps {
  position: relative;
  z-index: 6;
}
.steps ul {
  list-style: none;
}
.steps ul li {
  margin: 0 0 10px 0;
  display: block;
  clear: both;
}
.steps ul li.active a {
  background-color: #ec6590;
  color: #FFFFFF;
  margin-right: 10px;
}
.steps ul li a {
  font-size: 16px;
  line-height: 40px;
  font-weight: bold;
  padding: 0 10px;
  border: 0;
  color: #a272a4;
  border-radius: 3px;
  text-align: center;
  display: inline-block;
  cursor: default;
  background-color: transparent;
}
@media screen and (min-width: 500px) {
  .steps ul li {
    width: auto;
    margin: 0;
    float: left;
    clear: none;
    display: block;
    line-height: 40px;
  }
  .steps ul li:last-child {
    margin-right: 0;
  }
  .steps ul li:last-child:after {
    display: none;
  }
  .steps ul li:after {
    margin: 5px 10px 0 10px;
    content: " ";
    display: inline-block;
    line-height: 30px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 15px solid #a272a4;
    border-bottom: 7px solid transparent;
  }
}
.questionnaire h1 {
  clear: both;
}
.questionnaire section.questionnaire-section {
  display: none;
}
.questionnaire section.questionnaire-section.active {
  display: block;
}
.questionnaire section.questionnaire-section .answer-slider {
  width: 100%;
  display: block;
  clear: both;
  min-height: 70px;
  padding-left: 30px;
  position: relative;
}
.questionnaire section.questionnaire-section .explanation {
  display: none;
}
.questionnaire section.questionnaire-section .explanation.show {
  display: block;
}
.questionnaire section.questionnaire-section input[type=text].small {
  width: 33% !important;
  clear: both;
}
.questionnaire section.questionnaire-section input[type=text].medium {
  width: 50% !important;
  clear: both;
}
.questionnaire section.questionnaire-section input[type=text].large {
  width: 66% !important;
  clear: both;
}
.questionnaire section.questionnaire-section textarea {
  min-height: 30px;
  margin-bottom: 15px !important;
}
.questionnaire section.questionnaire-section textarea.small {
  height: 100px;
}
.questionnaire section.questionnaire-section textarea.medium {
  height: 200px;
}
.questionnaire section.questionnaire-section textarea.large {
  height: 300px;
}
.questionnaire section.questionnaire-section .btn-left {
  float: left;
  clear: both;
}
.questionnaire section.questionnaire-section .btn-right {
  float: right;
}
.questionnaire section.questionnaire-section .btn-submit-now {
  margin-left: 30px;
  opacity: .7;
}
.questionnaire ol {
  display: block;
  width: 100%;
}
.questionnaire ol li {
  display: list-item;
  clear: both;
  float: none;
  border-bottom: 1px #a272a4 dotted;
  margin-bottom: 30px;
}
.questionnaire ol li em {
  position: relative;
  background: #a272a4;
  color: #ffffff;
  border-radius: 3px;
  padding: 0 10px;
  margin: 0 0 10px 0;
  line-height: 38px;
  display: block;
  clear: both;
  visibility: hidden;
  font-style: normal;
  font-size: 14px;
}
.questionnaire ol li em:after {
  left: 10px;
  top: 0;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border: 5px solid #a272a4;
  margin-top: -5px;
  /* IE 9 */
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  z-index: -1;
}
.questionnaire .row {
  margin: 30px 0 0 0;
}
.questionnaire .row.active {
  display: block !important;
}
.questionnaire .row.row-structure,
.questionnaire .row.row-submit {
  display: none;
}
.questionnaire .row.hide {
  display: none;
}
.questionnaire form {
  margin-bottom: 30px;
}
.questionnaire form ul {
  list-style: none;
  margin-bottom: 0;
}
.questionnaire form ul li {
  margin-bottom: 20px;
}
.questionnaire form ul li:last-child {
  margin-bottom: 0;
}
.questionnaire form ol {
  padding-left: 0;
  list-style-position: inside;
}
.questionnaire form .submit-btn {
  float: right;
  background-color: #644066;
}
.questionnaire form .pull-left,
.questionnaire form .pull-right {
  margin: 30px 0;
}
.questionnaire form .pull-left h3,
.questionnaire form .pull-right h3 {
  display: inline-block;
}
.questionnaire form .pull-left .btn-field-create,
.questionnaire form .pull-right .btn-field-create {
  display: inline-block;
  float: right;
}
.questionnaire fieldset {
  display: block;
  clear: both;
}
.questionnaire .nested {
  display: block;
  clear: both;
}
.questionnaire .nested input,
.questionnaire .nested label {
  float: left;
}
.questionnaire .nested input {
  margin-right: 15px;
}
.questionnaire .nested label {
  margin-right: 40px;
}
.questionnaire .nested label {
  font-size: 12px;
}
.questionnaire .nested + p {
  font-size: 12px;
}
.questionnaire legend {
  font-size: 32px;
}
.questionnaire label,
.questionnaire form li > span {
  font-size: 18px;
  line-height: 30px;
  display: block;
  margin: 0 0 20px 0;
  color: #644066 !important;
}
.questionnaire label.label-success,
.questionnaire form li > span.label-success {
  color: white !important;
}
.questionnaire input:not([type="checkbox"]):not([type="color"]):not([type="button"]):not([type="file"]):not([type="image"]):not([type="radio"]):not([type="range"]):not([type="reset"]):not([type="submit"]),
.questionnaire select,
.questionnaire textarea {
  box-shadow: inset 0 1px 3px rgba(100, 64, 102, 0.5);
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
  margin: 0 0 15px 0;
  outline: none;
  color: #000000;
  border-style: solid;
  border-radius: 0;
  border-width: 3px;
  border-color: #644066;
}
.questionnaire input:not([type="checkbox"]):not([type="color"]):not([type="button"]):not([type="file"]):not([type="image"]):not([type="radio"]):not([type="range"]):not([type="reset"]):not([type="submit"])::-webkit-input-placeholder,
.questionnaire select::-webkit-input-placeholder,
.questionnaire textarea::-webkit-input-placeholder,
.questionnaire input:not([type="checkbox"]):not([type="color"]):not([type="button"]):not([type="file"]):not([type="image"]):not([type="radio"]):not([type="range"]):not([type="reset"]):not([type="submit"])::-moz-placeholder,
.questionnaire select::-moz-placeholder,
.questionnaire textarea::-moz-placeholder,
.questionnaire input:not([type="checkbox"]):not([type="color"]):not([type="button"]):not([type="file"]):not([type="image"]):not([type="radio"]):not([type="range"]):not([type="reset"]):not([type="submit"]):-ms-input-placeholder,
.questionnaire select:-ms-input-placeholder,
.questionnaire textarea:-ms-input-placeholder,
.questionnaire input:not([type="checkbox"]):not([type="color"]):not([type="button"]):not([type="file"]):not([type="image"]):not([type="radio"]):not([type="range"]):not([type="reset"]):not([type="submit"]):-moz-placeholder,
.questionnaire select:-moz-placeholder,
.questionnaire textarea:-moz-placeholder {
  color: #644066;
}
.questionnaire input:not([type="checkbox"]):not([type="color"]):not([type="button"]):not([type="file"]):not([type="image"]):not([type="radio"]):not([type="range"]):not([type="reset"]):not([type="submit"]):hover,
.questionnaire select:hover,
.questionnaire textarea:hover,
.questionnaire input:not([type="checkbox"]):not([type="color"]):not([type="button"]):not([type="file"]):not([type="image"]):not([type="radio"]):not([type="range"]):not([type="reset"]):not([type="submit"]):focus,
.questionnaire select:focus,
.questionnaire textarea:focus,
a:hover .questionnaire input:not([type="checkbox"]):not([type="color"]):not([type="button"]):not([type="file"]):not([type="image"]):not([type="radio"]):not([type="range"]):not([type="reset"]):not([type="submit"]),
a:hover .questionnaire select,
a:hover .questionnaire textarea,
a:focus .questionnaire input:not([type="checkbox"]):not([type="color"]):not([type="button"]):not([type="file"]):not([type="image"]):not([type="radio"]):not([type="range"]):not([type="reset"]):not([type="submit"]),
a:focus .questionnaire select,
a:focus .questionnaire textarea {
  outline: none;
}
.questionnaire input[type="radio"],
.questionnaire input[type="checkbox"] {
  display: none;
}
.questionnaire input[type="radio"] + label,
.questionnaire input[type="checkbox"] + label,
.questionnaire input[type="radio"] + span,
.questionnaire input[type="checkbox"] + span {
  font-weight: light;
  position: relative;
  text-transform: none;
  display: block;
}
.questionnaire input[type="radio"] + label:before,
.questionnaire input[type="checkbox"] + label:before {
  box-shadow: inset 0 1px 3px rgba(100, 64, 102, 0.5);
  content: "";
  border: 1px solid #644066;
  display: inline-block;
  height: 18px;
  width: 18px;
  margin: 0;
  padding: 0;
  vertical-align: top;
  margin-right: 12px;
  background-color: #FFFFFF;
}
.questionnaire input[type="radio"]:checked + label:after,
.questionnaire input[type="checkbox"]:checked + label:after {
  background-image: url('../../img/bg/tick.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 100%;
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
}
.questionnaire label {
  cursor: pointer;
}
.questionnaire .form-group {
  margin-bottom: 30px;
}
.questionnaire .form-group strong {
  color: #644066;
  padding-bottom: 12px;
}
.questionnaire .form-group.inactive {
  display: none;
}
.questionnaire .form-horizontal .control-label {
  text-align: left;
}
@media screen and (min-width: 1240px) {
  .questionnaire .form-horizontal .control-label {
    text-align: right;
  }
}
.questionnaire select {
  background-image: url "../img/arrows/arrow-down-small.png";
  background-position: right 16px center;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  border-color: #644066 !important;
  color: #644066 !important;
  outline: none !important;
  padding-right: 36px !important;
}
.questionnaire select option {
  color: #644066;
  background-color: white !important;
  padding: 3px;
  outline: none !important;
}
.questionnaire select:focus::-ms-value {
  background: transparent;
  color: #000000;
  outline: none !important;
}
.questionnaire select:hover,
.questionnaire select.focus {
  outline: none !important;
}
.questionnaire textarea {
  height: 105px;
  background-color: white !important;
  box-shadow: inset 0 1px 3px rgba(100, 64, 102, 0.5) !important;
  box-sizing: border-box !important;
  width: 100% !important;
  padding: 20px !important;
  margin: 0 !important;
  outline: none !important;
  color: black !important;
  border-style: solid !important;
  border-radius: 0 !important;
  border-width: 3px !important;
  border-color: #644066 !important;
}
.questionnaire textarea::-webkit-input-placeholder,
.questionnaire textarea::-moz-placeholder,
.questionnaire textarea:-ms-input-placeholder,
.questionnaire textarea:-moz-placeholder {
  color: #644066 !important;
}
.questionnaire textarea:hover,
.questionnaire textarea:focus,
a:hover .questionnaire textarea,
a:focus .questionnaire textarea {
  outline: none !important;
}
.questionnaire textarea:focus,
.questionnaire input:focus {
  outline: none;
}
.questionnaire input[type="file"],
.questionnaire input[type="image"] {
  outline: none;
}
.questionnaire input[type="color"] {
  outline: none;
  display: block;
  background: white;
  line-height: normal;
  padding: 0;
  border: 0;
  outline: 0;
}
.questionnaire input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}
.questionnaire input[type="color"]::-webkit-color-swatch {
  border: none;
}
.questionnaire input[type="range"] {
  width: 100%;
}
.questionnaire input[type="submit"] {
  margin-top: 24px;
}
.questionnaire input[type="submit"].submit-right {
  float: right;
  background-color: #644066;
}
.questionnaire .gform_footer input[type="submit"] {
  width: 133px;
  height: 49px;
  background-color: #644066;
  border-radius: 18px;
  border: 0;
  color: white;
}
.questionnaire .gform_footer input[type="submit"]:hover,
.questionnaire .gform_footer input[type="submit"]:active,
.questionnaire .gform_footer input[type="submit"]:focus {
  background-color: #644066;
  color: white;
}
.questionnaire fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.questionnaire .gform_body ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.questionnaire .validation_error {
  margin-bottom: 30px;
}
.questionnaire .gfield_required {
  display: none;
}
.questionnaire .gform_ajax_spinner {
  width: auto;
  max-width: 100%;
  display: inline-block;
  margin-left: 10px;
}
.questionnaire .btn-primary {
  margin: 10px 0;
}
.questionnaire .btn {
  padding: 0 15px;
  font-size: 26px;
  line-height: 46px;
  font-weight: 100;
  border: 0;
  background-color: #644066;
  transition: .5s;
}
.questionnaire .btn:hover {
  background-color: #a272a4;
}
/* Slider */
/*! =======================================================
                      VERSION  9.7.2
========================================================= */
/*! =========================================================
 * bootstrap-slider.js
 *
 * Maintainers:
 *		Kyle Kemp
 *			- Twitter: @seiyria
 *			- Github:  seiyria
 *		Rohit Kalkur
 *			- Twitter: @Rovolutionary
 *			- Github:  rovolution
 *
 * =========================================================
  *
 * bootstrap-slider is released under the MIT License
 * Copyright (c) 2017 Kyle Kemp, Rohit Kalkur, and contributors
 *
 * Permission is hereby granted, free of charge, to any person
 * obtaining a copy of this software and associated documentation
 * files (the "Software"), to deal in the Software without
 * restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following
 * conditions:
 *
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 * OTHER DEALINGS IN THE SOFTWARE.
 *
 * ========================================================= */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.slider.slider-horizontal {
  width: 210px;
  height: 20px;
}
.slider.slider-horizontal .slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}
.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
}
.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #a272a4;
  margin-top: 0;
}
.slider.slider-horizontal .slider-tick-container {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.slider.slider-horizontal .slider-tick-label-container {
  white-space: nowrap;
  margin-top: 20px;
}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  padding-top: 4px;
  display: inline-block;
  text-align: center;
}
.slider.slider-horizontal.slider-rtl .slider-track {
  left: initial;
  right: 0;
}
.slider.slider-horizontal.slider-rtl .slider-tick,
.slider.slider-horizontal.slider-rtl .slider-handle {
  margin-left: initial;
  margin-right: -10px;
}
.slider.slider-horizontal.slider-rtl .slider-tick-container {
  left: initial;
  right: 0;
}
.slider.slider-vertical {
  height: 210px;
  width: 20px;
}
.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  left: 25%;
  top: 0;
}
.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.slider.slider-vertical .slider-track-low,
.slider.slider-vertical .slider-track-high {
  width: 100%;
  left: 0;
  right: 0;
}
.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
  margin-top: -10px;
}
.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #a272a4;
  border-right-color: #a272a4;
  margin-left: 0;
  margin-right: 0;
}
.slider.slider-vertical .slider-tick-label-container {
  white-space: nowrap;
}
.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
  padding-left: 4px;
}
.slider.slider-vertical.slider-rtl .slider-track {
  left: initial;
  right: 25%;
}
.slider.slider-vertical.slider-rtl .slider-selection {
  left: initial;
  right: 0;
}
.slider.slider-vertical.slider-rtl .slider-tick.triangle,
.slider.slider-vertical.slider-rtl .slider-handle.triangle {
  border-width: 10px 10px 10px 0;
}
.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
  padding-left: initial;
  padding-right: 4px;
}
.slider.slider-disabled .slider-handle {
  background-image: linear-gradient(to bottom, #DFDFDF 0%, #BEBEBE 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
}
.slider.slider-disabled .slider-track {
  background-image: linear-gradient(to bottom, #E5E5E5 0%, #E9E9E9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
  cursor: not-allowed;
}
.slider input {
  display: none;
}
.slider .tooltip.top {
  margin-top: -36px;
}
.slider .tooltip-inner {
  white-space: nowrap;
  max-width: none;
}
.slider .hide {
  display: none;
}
.slider-track {
  position: absolute;
  cursor: pointer;
  background-image: linear-gradient(to bottom, #F5F5F5 0%, #F9F9F9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.slider-selection {
  position: absolute;
  background-image: linear-gradient(to bottom, #F9F9F9 0%, #F5F5F5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  border-radius: 4px;
}
.slider-selection.tick-slider-selection {
  background-image: linear-gradient(to bottom, #a272a4 0%, #a272a4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
}
.slider-track-low,
.slider-track-high {
  position: absolute;
  background: transparent;
  box-sizing: border-box;
  border-radius: 4px;
}
.slider-handle {
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  background-color: #644066;
  background-image: linear-gradient(to bottom, #a272a4 0%, #644066 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  filter: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  border: 0 solid transparent;
}
.slider-handle.round {
  border-radius: 50%;
}
.slider-handle.triangle {
  background: transparent none;
}
.slider-handle.custom {
  background: transparent none;
}
.slider-handle.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}
.slider-tick {
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: linear-gradient(to bottom, #F9F9F9 0%, #F5F5F5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  filter: none;
  opacity: 0.8;
  border: 0 solid transparent;
}
.slider-tick.round {
  border-radius: 50%;
}
.slider-tick.triangle {
  background: transparent none;
}
.slider-tick.custom {
  background: transparent none;
}
.slider-tick.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}
.slider-tick.in-selection {
  background-image: linear-gradient(to bottom, #a272a4 0%, #a272a4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
  opacity: 1;
}
.princes-intro > div {
  margin-bottom: 20px;
}
@media screen and (min-width: 650px) {
  .princes-intro > div {
    width: calc(100% - 2.5px);
    float: left;
    margin-right: 5px;
  }
}
.princes-intro > div.no-margin {
  margin-right: 0;
}
.princes-intro > div img {
  width: 100%;
}
.princes-intro > div .overview {
  margin-top: 5px;
  background: #ffffff;
  padding: 35px 20px;
  min-height: 260px;
}
.princes-intro > div .overview h2 {
  margin: 0;
  font-size: 30px;
  line-height: 33px;
  color: #a272a4;
  font-style: normal;
}
.princes-intro > div .overview p {
  font-size: 16px;
  line-height: 24px;
  color: #221f1f;
}
.princes-intro > div .overview .btn-blue {
  margin: 0 auto;
  padding: 0;
  width: 150px;
  height: 39px;
  line-height: 39px;
  display: block;
  color: #ffffff;
  background-color: #00adee;
  font-size: 14px;
  text-align: center;
  font-style: normal;
  font-family: 'Roboto';
  border-radius: 5px;
  transition: .5s;
}
.princes-intro > div .overview .btn-blue:hover {
  background-color: #6DCBEF;
}
.princes-trust-content h1 {
  color: #a272a4;
  font-size: 30px;
  line-height: 33px;
}
.princes-trust-content p {
  font-size: 16px;
  line-height: 24px;
  color: #221f1f;
}
.princes-trust-content p.blue {
  color: #00adee;
  font-size: 24px;
  line-height: 34px;
}
.princes-trust-content .accordion {
  padding-top: 30px;
}
.princes-trust-content ul {
  padding-left: 10px;
}
.princes-trust-content ul li {
  padding-left: 10px;
}
.princes-trust-content ul.facts {
  margin: 0;
  padding: 0;
  background-color: #faf6fa;
  min-height: 220px;
}
.princes-trust-content ul.facts li {
  margin: 0;
  padding: 0 15px;
  list-style: none;
  width: auto;
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  color: #221f1f;
}
@media screen and (min-width: 700px) {
  .princes-trust-content ul.facts li {
    width: calc(33% - 30px);
    float: left;
  }
}
.princes-trust-content ul.facts li strong {
  display: block;
  width: 100%;
  font-size: 60px;
  line-height: 90px;
  letter-spacing: -2.8px;
  font-style: italic;
  font-family: 'Merriweather';
  font-weight: 200;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .princes-trust-content ul.facts li strong {
    font-size: 90px;
    line-height: 120px;
  }
}
.princes-trust-content ul.facts li:nth-child(1) strong {
  color: #00adee;
}
.princes-trust-content ul.facts li:nth-child(2) strong {
  color: #ec6590;
}
.princes-trust-content ul.facts li:nth-child(3) strong {
  color: #a272a4;
}
.princes-trust-content .testimonial {
  margin: 0 0 30px 0;
  padding: 30px 20px;
  background-color: #f4f4f4;
  clear: both;
  display: block;
  *zoom: 1;
}
.princes-trust-content .testimonial:before,
.princes-trust-content .testimonial:after {
  content: " ";
  display: table;
}
.princes-trust-content .testimonial:after {
  clear: both;
}
.princes-trust-content .testimonial .btn {
  display: inline-block;
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
  margin-top: 30px;
}
.princes-trust-content .testimonial .btn:hover {
  background-color: #a272a4;
}
.princes-trust-content .testimonial blockquote h4 {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -1.26px;
  font-weight: 100;
  padding: 0 20px;
}
@media screen and (min-width: 700px) {
  .princes-trust-content .testimonial blockquote h4 {
    font-size: 24px;
    line-height: 34px;
  }
}
.princes-trust-content .testimonial blockquote p {
  font-style: italic;
  font-family: "Roboto";
}
.princes-trust-content .testimonial.accent1 blockquote h4 {
  color: #a272a4;
}
.princes-trust-content .testimonial.accent2 blockquote h4 {
  color: #ec6590;
}
.princes-trust-content .testimonial.accent3 blockquote h4 {
  color: #00adee;
}
.princes-trust-content .testimonial p {
  padding: 0 20px;
}
.princes-trust-content .testimonial .img-holder {
  padding: 30px 30px 0 30px;
}
.princes-trust-content .testimonial .img-holder em {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  padding: 15px 0;
  display: block;
  font-style: normal;
}
@media screen and (min-width: 700px) {
  .princes-trust-content .testimonial.left .img-holder {
    float: right;
  }
  .princes-trust-content .testimonial.right .img-holder {
    float: left;
  }
}
.princes-intro {
  margin-bottom: 5px;
  max-width: 100%;
}
#trustShare2017-holder #progress-bar {
  width: 100%;
  height: 39px;
  display: block;
  background-color: #b7b7ba;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 30px;
  position: relative;
}
#trustShare2017-holder #progress-bar span {
  background-color: #ec6590;
  height: 39px;
  width: 16.6%;
  left: 0;
  position: absolute;
}
#trustShare2017-holder #progress-bar span.section-1 {
  width: 1%;
}
#trustShare2017-holder #progress-bar span.section-2 {
  width: 16.6%;
}
#trustShare2017-holder #progress-bar span.section-3 {
  width: 33.3%;
}
#trustShare2017-holder #progress-bar span.section-4 {
  width: 49.8%;
}
#trustShare2017-holder #progress-bar span.section-5 {
  width: 66.4%;
}
#trustShare2017-holder #progress-bar span.section-6 {
  width: 83%;
}
#trustShare2017-holder #progress-bar em {
  font-style: normal;
  position: absolute;
  left: 0;
  width: 100%;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
  line-height: 39px;
  text-align: center;
}
#trustShare2017-holder form {
  clear: both;
}
#trustShare2017-holder form h2 {
  font-size: 24px;
  line-height: 34px;
  color: #a272a4;
  font-style: normal;
  font-weight: light;
}
#trustShare2017-holder form .field-container {
  display: block;
  clear: both;
  position: relative;
  margin-bottom: 20px;
}
@media screen and (min-width: 650px) {
  #trustShare2017-holder form .field-container {
    float: left;
    width: calc(50% - 10px);
    margin-right: 20px;
  }
  #trustShare2017-holder form .field-container:nth-child(2n+1) {
    margin-right: 0;
    clear: none;
  }
  #trustShare2017-holder form .field-container.conditional {
    margin-right: 0;
    clear: none;
  }
  #trustShare2017-holder form .field-container.field-9,
  #trustShare2017-holder form .field-container.field-11,
  #trustShare2017-holder form .field-container.field-13,
  #trustShare2017-holder form .field-container.field-14,
  #trustShare2017-holder form .field-container.field-15,
  #trustShare2017-holder form .field-container.field-16,
  #trustShare2017-holder form .field-container.field-17,
  #trustShare2017-holder form .field-container.field-18,
  #trustShare2017-holder form .field-container.field-19,
  #trustShare2017-holder form .field-container.field-30,
  #trustShare2017-holder form .field-container.field-32,
  #trustShare2017-holder form .field-container.field-33,
  #trustShare2017-holder form .field-container.field-35,
  #trustShare2017-holder form .field-container.field-37,
  #trustShare2017-holder form .field-container.field-39,
  #trustShare2017-holder form .field-container.field-42,
  #trustShare2017-holder form .field-container.field-54,
  #trustShare2017-holder form .field-container.field-56,
  #trustShare2017-holder form .field-container.field-57,
  #trustShare2017-holder form .field-container.field-59,
  #trustShare2017-holder form .field-container.field-61,
  #trustShare2017-holder form .field-container.field-63,
  #trustShare2017-holder form .field-container.field-66,
  #trustShare2017-holder form .field-container.field-79,
  #trustShare2017-holder form .field-container.field-80,
  #trustShare2017-holder form .field-container.field-82,
  #trustShare2017-holder form .field-container.field-84,
  #trustShare2017-holder form .field-container.field-86,
  #trustShare2017-holder form .field-container.field-93,
  #trustShare2017-holder form .field-container.field-107 {
    clear: both;
    margin-right: 20px;
  }
  #trustShare2017-holder form .field-container.field-10,
  #trustShare2017-holder form .field-container.field-12,
  #trustShare2017-holder form .field-container.field-124,
  #trustShare2017-holder form .field-container.field-id-verify #trustShare2017-holder form .field-container.field-31,
  #trustShare2017-holder form .field-container.field-34,
  #trustShare2017-holder form .field-container.field-34,
  #trustShare2017-holder form .field-container.field-38,
  #trustShare2017-holder form .field-container.field-40,
  #trustShare2017-holder form .field-container.field-55,
  #trustShare2017-holder form .field-container.field-58,
  #trustShare2017-holder form .field-container.field-60,
  #trustShare2017-holder form .field-container.field-62,
  #trustShare2017-holder form .field-container.field-64,
  #trustShare2017-holder form .field-container.field-65 {
    margin-right: 0;
    clear: none;
  }
}
#trustShare2017-holder form .field-container.field-120,
#trustShare2017-holder form .field-container.field-121,
#trustShare2017-holder form .field-container.field-122,
#trustShare2017-holder form .field-container.field-123 {
  width: 100%;
  margin: 0;
  float: none;
  clear: both;
  /*input[type='range']:after{
                  position: absolute;
                  content: '20 40 60 80';
                  padding: 25px 4035px;
                  word-spacing: 20px;
                  left: 0;
                  top: 0;
                }*/
}
#trustShare2017-holder form .field-container.field-120 textarea,
#trustShare2017-holder form .field-container.field-121 textarea,
#trustShare2017-holder form .field-container.field-122 textarea,
#trustShare2017-holder form .field-container.field-123 textarea {
  min-height: 124px;
  margin-bottom: 30px;
}
#trustShare2017-holder form .field-container.field-120 input[type='range'],
#trustShare2017-holder form .field-container.field-121 input[type='range'],
#trustShare2017-holder form .field-container.field-122 input[type='range'],
#trustShare2017-holder form .field-container.field-123 input[type='range'] {
  box-sizing: border-box;
  border: 0 solid transparent;
  padding: 0;
  margin: 0 auto;
  width: 300px;
  height: 50px;
  cursor: pointer;
  font-size: 16px;
  z-index: 1;
}
#trustShare2017-holder form .field-container.field-120 input[type='range'],
#trustShare2017-holder form .field-container.field-121 input[type='range'],
#trustShare2017-holder form .field-container.field-122 input[type='range'],
#trustShare2017-holder form .field-container.field-123 input[type='range'],
#trustShare2017-holder form .field-container.field-120 input[type='range']::-webkit-slider-runnable-track,
#trustShare2017-holder form .field-container.field-121 input[type='range']::-webkit-slider-runnable-track,
#trustShare2017-holder form .field-container.field-122 input[type='range']::-webkit-slider-runnable-track,
#trustShare2017-holder form .field-container.field-123 input[type='range']::-webkit-slider-runnable-track,
#trustShare2017-holder form .field-container.field-120 input[type='range']::-webkit-slider-thumb,
#trustShare2017-holder form .field-container.field-121 input[type='range']::-webkit-slider-thumb,
#trustShare2017-holder form .field-container.field-122 input[type='range']::-webkit-slider-thumb,
#trustShare2017-holder form .field-container.field-123 input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}
#trustShare2017-holder form .field-container.field-120 input[type='range']::-webkit-slider-runnable-track,
#trustShare2017-holder form .field-container.field-121 input[type='range']::-webkit-slider-runnable-track,
#trustShare2017-holder form .field-container.field-122 input[type='range']::-webkit-slider-runnable-track,
#trustShare2017-holder form .field-container.field-123 input[type='range']::-webkit-slider-runnable-track {
  box-sizing: border-box;
  width: 300px;
  height: 5px;
  border-radius: 2px;
  background: #777777;
}
#trustShare2017-holder form .field-container.field-120 input[type='range']::-moz-range-track,
#trustShare2017-holder form .field-container.field-121 input[type='range']::-moz-range-track,
#trustShare2017-holder form .field-container.field-122 input[type='range']::-moz-range-track,
#trustShare2017-holder form .field-container.field-123 input[type='range']::-moz-range-track {
  box-sizing: border-box;
  width: 300px;
  height: 5px;
  border-radius: 2px;
  padding: 0;
  background: #777777;
}
#trustShare2017-holder form .field-container.field-120 input[type='range']::-moz-range-thumb,
#trustShare2017-holder form .field-container.field-121 input[type='range']::-moz-range-thumb,
#trustShare2017-holder form .field-container.field-122 input[type='range']::-moz-range-thumb,
#trustShare2017-holder form .field-container.field-123 input[type='range']::-moz-range-thumb {
  box-sizing: border-box;
  padding: 0;
  height: 20px;
  width: 10px;
  border-radius: 2px;
  border: 0;
  background: #00adee;
}
#trustShare2017-holder form .field-container.field-120 input[type='range']::-ms-track,
#trustShare2017-holder form .field-container.field-121 input[type='range']::-ms-track,
#trustShare2017-holder form .field-container.field-122 input[type='range']::-ms-track,
#trustShare2017-holder form .field-container.field-123 input[type='range']::-ms-track {
  box-sizing: border-box;
  width: 300px;
  height: 5px;
  border-radius: 2px;
  padding: 0;
  background: #777777;
  color: #777777;
}
#trustShare2017-holder form .field-container.field-120 input[type='range']::-webkit-slider-thumb,
#trustShare2017-holder form .field-container.field-121 input[type='range']::-webkit-slider-thumb,
#trustShare2017-holder form .field-container.field-122 input[type='range']::-webkit-slider-thumb,
#trustShare2017-holder form .field-container.field-123 input[type='range']::-webkit-slider-thumb {
  box-sizing: border-box;
  padding: 0;
  height: 20px;
  width: 10px;
  border-radius: 2px;
  border: 0;
  margin-top: -8px;
  background: #00adee;
}
#trustShare2017-holder form .field-container.field-120 input[type='range']::-ms-thumb,
#trustShare2017-holder form .field-container.field-121 input[type='range']::-ms-thumb,
#trustShare2017-holder form .field-container.field-122 input[type='range']::-ms-thumb,
#trustShare2017-holder form .field-container.field-123 input[type='range']::-ms-thumb {
  box-sizing: border-box;
  padding: 0;
  height: 20px;
  width: 10px;
  border-radius: 2px;
  border: 0;
  background: #00adee;
}
#trustShare2017-holder form .field-container.field-120 input[type="range"]::-ms-fill-lower,
#trustShare2017-holder form .field-container.field-121 input[type="range"]::-ms-fill-lower,
#trustShare2017-holder form .field-container.field-122 input[type="range"]::-ms-fill-lower,
#trustShare2017-holder form .field-container.field-123 input[type="range"]::-ms-fill-lower {
  background: transparent;
}
#trustShare2017-holder form .field-container.field-120 input[type='range']:focus,
#trustShare2017-holder form .field-container.field-121 input[type='range']:focus,
#trustShare2017-holder form .field-container.field-122 input[type='range']:focus,
#trustShare2017-holder form .field-container.field-123 input[type='range']:focus {
  outline: none;
}
#trustShare2017-holder form .field-container.field-120 .range-container:after,
#trustShare2017-holder form .field-container.field-121 .range-container:after,
#trustShare2017-holder form .field-container.field-122 .range-container:after,
#trustShare2017-holder form .field-container.field-123 .range-container:after {
  position: absolute;
  color: #777777;
  content: '0 1 2 3 4 5 6 7 8 9 10';
  word-spacing: 16px;
  left: 0;
  top: 40px;
  z-index: 0;
  width: 310px;
}
#trustShare2017-holder form .field-container.field-120 .range-container,
#trustShare2017-holder form .field-container.field-121 .range-container,
#trustShare2017-holder form .field-container.field-122 .range-container,
#trustShare2017-holder form .field-container.field-123 .range-container {
  margin: 0 auto;
  width: 300px;
  height: 100px;
  padding: 0;
  position: relative;
}
#trustShare2017-holder form .field-container.inactive {
  display: none;
}
#trustShare2017-holder form .field-container.active {
  display: block;
}
#trustShare2017-holder form .field-container input,
#trustShare2017-holder form .field-container select,
#trustShare2017-holder form .field-container textarea {
  margin-bottom: 0;
}
#trustShare2017-holder form .field-container input + p,
#trustShare2017-holder form .field-container select + p,
#trustShare2017-holder form .field-container textarea + p {
  display: none;
}
#trustShare2017-holder form .field-container input:focus + p,
#trustShare2017-holder form .field-container select:focus + p,
#trustShare2017-holder form .field-container textarea:focus + p,
#trustShare2017-holder form .field-container input:active + p,
#trustShare2017-holder form .field-container select:active + p,
#trustShare2017-holder form .field-container textarea:active + p {
  display: block;
  position: relative;
  left: 0;
  top: auto;
  background-color: #00adee;
  color: #ffffff;
  padding: 10px;
  z-index: 9999;
  font-size: 16px;
  font-weight: 400;
  width: 95%;
  border-radius: 5px;
  height: auto;
  margin: 3px 0 0 0;
}
#trustShare2017-holder form .field-container input:focus + p:before,
#trustShare2017-holder form .field-container select:focus + p:before,
#trustShare2017-holder form .field-container textarea:focus + p:before,
#trustShare2017-holder form .field-container input:active + p:before,
#trustShare2017-holder form .field-container select:active + p:before,
#trustShare2017-holder form .field-container textarea:active + p:before {
  content: "";
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #00adee transparent;
  position: absolute;
  left: 30px;
  margin-left: -10px;
  top: -10px;
  display: inline-block;
}
#trustShare2017-holder form .field-container input:disabled,
#trustShare2017-holder form .field-container select:disabled,
#trustShare2017-holder form .field-container textarea:disabled {
  color: #221f1f;
  background-color: #e9e9e9;
  cursor: not-allowed;
}
#trustShare2017-holder form .field-container.field-14 .help,
#trustShare2017-holder form .field-container.field-15 .help,
#trustShare2017-holder form .field-container.field-16 .help,
#trustShare2017-holder form .field-container.field-17 .help,
#trustShare2017-holder form .field-container.field-18 .help {
  display: block;
  position: relative;
  left: 0;
  top: auto;
  background-color: #00adee;
  color: #ffffff;
  padding: 10px;
  z-index: 9999;
  font-size: 16px;
  font-weight: 400;
  width: 95%;
  border-radius: 5px;
  height: auto;
  margin: 3px 0 0 0;
}
#trustShare2017-holder form .field-container.field-14 .help:before,
#trustShare2017-holder form .field-container.field-15 .help:before,
#trustShare2017-holder form .field-container.field-16 .help:before,
#trustShare2017-holder form .field-container.field-17 .help:before,
#trustShare2017-holder form .field-container.field-18 .help:before {
  content: "";
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #00adee transparent;
  position: absolute;
  left: 30px;
  margin-left: -10px;
  top: -10px;
  display: inline-block;
}
#trustShare2017-holder form .field-container .alert-message:before {
  content: "";
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #EB1D5E transparent;
  position: absolute;
  left: 30px;
  margin-left: -10px;
  top: -10px;
  display: inline-block;
}
#trustShare2017-holder form .field-container .alert-message.success:before {
  border-color: transparent transparent #5DA423 transparent;
}
#trustShare2017-holder form .field-container .basic--inline--list {
  position: relative;
}
#trustShare2017-holder form .field-container .basic--inline--list li {
  display: block;
  clear: both;
}
#trustShare2017-holder form .field-container .basic--inline--list li:nth-of-type(1) {
  font-weight: 700;
  display: block;
  margin: 0 0 10px 0;
}
#trustShare2017-holder form .field-container .basic--inline--list + p {
  display: block;
  position: relative;
  left: 0;
  background-color: #00adee;
  color: #ffffff;
  padding: 10px;
  z-index: 9999;
  font-size: 16px;
  font-weight: 400;
  width: 95%;
  border-radius: 5px;
  height: auto;
  margin: 0;
}
#trustShare2017-holder form .field-container .basic--inline--list + p:before {
  content: "";
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #00adee transparent;
  position: absolute;
  left: 30px;
  margin-left: -10px;
  top: -10px;
  display: inline-block;
}
#trustShare2017-holder form .field-container.field-checkbox {
  padding: 30px 0 0 0;
  width: 100%;
  margin-right: 0;
  clear: both;
  dispaly: block;
}
#trustShare2017-holder form .field-container.field-checkbox p {
  margin: 0;
  font-weight: bold;
}
#trustShare2017-holder form .field-container.field-checkbox p.help {
  display: none;
}
#trustShare2017-holder form .field-container.field-checkbox p span {
  font-weight: 300;
  display: block;
}
#trustShare2017-holder form .field-container.field-checkbox .eaga-checkbox {
  margin: 0;
}
#trustShare2017-holder form .field-container.field-bool {
  padding: 30px 0 0 0;
  width: 100%;
  margin-right: 0;
  clear: both;
  dispaly: block;
}
#trustShare2017-holder form .field-container .eaga-checkbox {
  width: 100%;
}
#trustShare2017-holder form .field-container .eaga-checkbox label {
  background: transparent;
  border: 0;
  width: auto;
  height: auto;
  position: relative;
}
#trustShare2017-holder form .field-container .eaga-checkbox label:before {
  content: '';
  background: #ffffff;
  border: 1px #837979 solid;
  height: 20px;
  width: 20px;
  display: block;
  position: absolute;
}
#trustShare2017-holder form .field-container .eaga-checkbox label:after {
  top: 5px;
  left: 5px;
  border-color: #00adee;
}
#trustShare2017-holder form .field-container .eaga-checkbox label span {
  display: inline-block;
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  padding-left: 30px;
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
}
#trustShare2017-holder form .member-container,
#trustShare2017-holder form .child-container,
#trustShare2017-holder form .partner-container {
  border-bottom: 1px #b7b7ba solid;
  padding: 15px 0;
  display: block;
  clear: both;
  *zoom: 1;
}
#trustShare2017-holder form .member-container:before,
#trustShare2017-holder form .child-container:before,
#trustShare2017-holder form .partner-container:before,
#trustShare2017-holder form .member-container:after,
#trustShare2017-holder form .child-container:after,
#trustShare2017-holder form .partner-container:after {
  content: " ";
  display: table;
}
#trustShare2017-holder form .member-container:after,
#trustShare2017-holder form .child-container:after,
#trustShare2017-holder form .partner-container:after {
  clear: both;
}
#trustShare2017-holder form .member-container h3,
#trustShare2017-holder form .child-container h3,
#trustShare2017-holder form .partner-container h3 {
  position: relative;
  width: auto;
  font-size: 24px;
  line-height: 34px;
  color: #ec6590;
  font-style: normal;
  font-weight: 100;
  margin: 0;
}
#trustShare2017-holder form .member-container h3:hover,
#trustShare2017-holder form .child-container h3:hover,
#trustShare2017-holder form .partner-container h3:hover {
  cursor: pointer;
}
#trustShare2017-holder form .member-container h3 strong,
#trustShare2017-holder form .child-container h3 strong,
#trustShare2017-holder form .partner-container h3 strong {
  font-style: italic;
  font-weight: 300;
}
#trustShare2017-holder form .member-container h3 strong:before,
#trustShare2017-holder form .child-container h3 strong:before,
#trustShare2017-holder form .partner-container h3 strong:before {
  content: ' : ';
}
#trustShare2017-holder form .member-container h3 button,
#trustShare2017-holder form .child-container h3 button,
#trustShare2017-holder form .partner-container h3 button {
  position: relative;
  border: 0;
  background-color: #00adee;
  width: 21px;
  height: 21px;
}
#trustShare2017-holder form .member-container h3 button:focus,
#trustShare2017-holder form .child-container h3 button:focus,
#trustShare2017-holder form .partner-container h3 button:focus {
  outline: none;
}
#trustShare2017-holder form .member-container h3 button:before,
#trustShare2017-holder form .child-container h3 button:before,
#trustShare2017-holder form .partner-container h3 button:before,
#trustShare2017-holder form .member-container h3 button:after,
#trustShare2017-holder form .child-container h3 button:after,
#trustShare2017-holder form .partner-container h3 button:after {
  transform: rotate(0);
  content: "";
  width: 2px;
  height: 12px;
  position: absolute;
  background-color: #ffffff;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  border-radius: 999px;
  transform: translateY(-50%) translateX(-50%);
  transition: .5s;
}
#trustShare2017-holder form .member-container h3 button:after,
#trustShare2017-holder form .child-container h3 button:after,
#trustShare2017-holder form .partner-container h3 button:after {
  transform: rotate(90deg);
  top: 4px;
  left: 10px;
}
#trustShare2017-holder form .member-container h3.active button:before,
#trustShare2017-holder form .child-container h3.active button:before,
#trustShare2017-holder form .partner-container h3.active button:before {
  display: none;
}
#trustShare2017-holder form .member-container h3 em,
#trustShare2017-holder form .child-container h3 em,
#trustShare2017-holder form .partner-container h3 em {
  font-style: normal;
}
#trustShare2017-holder form .member-container h3 span,
#trustShare2017-holder form .child-container h3 span,
#trustShare2017-holder form .partner-container h3 span {
  width: auto;
  font-size: 16px;
  line-height: 34px;
  color: #221f1f;
  text-transform: uppercase;
  font-family: 'Roboto';
  font-weight: bold;
  clear: both;
  display: block;
  position: relative;
  left: 20px;
}
@media screen and (min-width: 950px) {
  #trustShare2017-holder form .member-container h3 span,
  #trustShare2017-holder form .child-container h3 span,
  #trustShare2017-holder form .partner-container h3 span {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
  }
}
#trustShare2017-holder form .member-container h3 span:before,
#trustShare2017-holder form .child-container h3 span:before,
#trustShare2017-holder form .partner-container h3 span:before,
#trustShare2017-holder form .member-container h3 span:after,
#trustShare2017-holder form .child-container h3 span:after,
#trustShare2017-holder form .partner-container h3 span:after {
  transform: rotate(45deg);
  content: "";
  width: 2px;
  height: 12px;
  position: absolute;
  background-color: #837979;
  top: 11px;
  left: -25px;
  margin-left: 9px;
  border-radius: 999px;
}
#trustShare2017-holder form .member-container h3 span:after,
#trustShare2017-holder form .child-container h3 span:after,
#trustShare2017-holder form .partner-container h3 span:after {
  transform: rotate(-45deg);
}
#trustShare2017-holder form .member-container h3 span.completed,
#trustShare2017-holder form .child-container h3 span.completed,
#trustShare2017-holder form .partner-container h3 span.completed {
  color: #00adee;
}
#trustShare2017-holder form .member-container h3 span.completed:before,
#trustShare2017-holder form .child-container h3 span.completed:before,
#trustShare2017-holder form .partner-container h3 span.completed:before {
  transform: rotate(45deg);
  content: "";
  width: 5px;
  height: 9px;
  position: absolute;
  border-color: #00adee;
  background-color: transparent;
  border-width: 0 3px 3px 0;
  border-style: solid;
  top: 11px;
  left: -25px;
  margin-left: 9px;
  border-radius: 2px;
}
#trustShare2017-holder form .member-container h3 span.completed:after,
#trustShare2017-holder form .child-container h3 span.completed:after,
#trustShare2017-holder form .partner-container h3 span.completed:after {
  display: none;
}
#trustShare2017-holder form .member-container .field-container,
#trustShare2017-holder form .child-container .field-container,
#trustShare2017-holder form .partner-container .field-container {
  display: none;
}
#trustShare2017-holder form .member-container .field-container.active,
#trustShare2017-holder form .child-container .field-container.active,
#trustShare2017-holder form .partner-container .field-container.active {
  display: block;
}
#trustShare2017-holder form .member-container .field-container.active .inactive,
#trustShare2017-holder form .child-container .field-container.active .inactive,
#trustShare2017-holder form .partner-container .field-container.active .inactive {
  display: none;
}
#trustShare2017-holder form .member-container .field-container.field-30.active,
#trustShare2017-holder form .child-container .field-container.field-30.active,
#trustShare2017-holder form .partner-container .field-container.field-30.active,
#trustShare2017-holder form .member-container .field-container.field-31.active,
#trustShare2017-holder form .child-container .field-container.field-31.active,
#trustShare2017-holder form .partner-container .field-container.field-31.active,
#trustShare2017-holder form .member-container .field-container.field-32.active,
#trustShare2017-holder form .child-container .field-container.field-32.active,
#trustShare2017-holder form .partner-container .field-container.field-32.active,
#trustShare2017-holder form .member-container .field-container.field-39.active,
#trustShare2017-holder form .child-container .field-container.field-39.active,
#trustShare2017-holder form .partner-container .field-container.field-39.active,
#trustShare2017-holder form .member-container .field-container.field-40.active,
#trustShare2017-holder form .child-container .field-container.field-40.active,
#trustShare2017-holder form .partner-container .field-container.field-40.active,
#trustShare2017-holder form .member-container .field-container.field-41.active,
#trustShare2017-holder form .child-container .field-container.field-41.active,
#trustShare2017-holder form .partner-container .field-container.field-41.active,
#trustShare2017-holder form .member-container .field-container.field-42.active,
#trustShare2017-holder form .child-container .field-container.field-42.active,
#trustShare2017-holder form .partner-container .field-container.field-42.active,
#trustShare2017-holder form .member-container .field-container.field-54.active,
#trustShare2017-holder form .child-container .field-container.field-54.active,
#trustShare2017-holder form .partner-container .field-container.field-54.active,
#trustShare2017-holder form .member-container .field-container.field-55.active,
#trustShare2017-holder form .child-container .field-container.field-55.active,
#trustShare2017-holder form .partner-container .field-container.field-55.active,
#trustShare2017-holder form .member-container .field-container.field-56.active,
#trustShare2017-holder form .child-container .field-container.field-56.active,
#trustShare2017-holder form .partner-container .field-container.field-56.active,
#trustShare2017-holder form .member-container .field-container.field-63.active,
#trustShare2017-holder form .child-container .field-container.field-63.active,
#trustShare2017-holder form .partner-container .field-container.field-63.active,
#trustShare2017-holder form .member-container .field-container.field-64.active,
#trustShare2017-holder form .child-container .field-container.field-64.active,
#trustShare2017-holder form .partner-container .field-container.field-64.active,
#trustShare2017-holder form .member-container .field-container.field-65.active,
#trustShare2017-holder form .child-container .field-container.field-65.active,
#trustShare2017-holder form .partner-container .field-container.field-65.active,
#trustShare2017-holder form .member-container .field-container.field-66.active,
#trustShare2017-holder form .child-container .field-container.field-66.active,
#trustShare2017-holder form .partner-container .field-container.field-66.active {
  display: block;
}
#trustShare2017-holder form .message-clear {
  clear: both;
}
#trustShare2017-holder form input[type=submit] {
  bottom: auto;
}
#trustShare2017-intro p.intro {
  color: #a272a4;
  font-size: 24px;
  line-height: 34px;
}
#trustShare2017-intro fieldset {
  margin: 30px auto 0 auto;
  border-width: 0 0 2px 0;
  border-color: #c7c7c7;
}
#trustShare2017-intro fieldset:last-of-type {
  border-width: 0;
}
#trustShare2017-intro fieldset p {
  line-height: 24px;
}
#trustShare2017-intro fieldset p strong.number {
  color: #00adee;
}
#trustShare2017-intro fieldset p.small {
  font-size: 14px;
  line-height: 21px;
}
#trustShare2017-intro fieldset .eaga-checkbox {
  width: 100%;
}
#trustShare2017-intro fieldset .eaga-checkbox label {
  background: transparent;
  border: 0;
  width: auto;
}
#trustShare2017-intro fieldset .eaga-checkbox label:before {
  content: '';
  background: #ffffff;
  border: 1px #837979 solid;
  height: 20px;
  width: 20px;
  display: block;
  position: absolute;
}
#trustShare2017-intro fieldset .eaga-checkbox label:after {
  top: 5px;
  left: 5px;
  border-color: #00adee;
}
#trustShare2017-intro fieldset .eaga-checkbox label span {
  display: inline-block;
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  padding-left: 30px;
  font-size: 16px;
  font-weight: 400;
}
#trustShare2017-intro fieldset .field-container {
  width: calc(50% - 10px);
  display: block;
  float: left;
  margin-right: 20px;
  clear: both;
  position: relative;
  margin-bottom: 20px;
}
#trustShare2017-intro fieldset .field-container:nth-child(2n+1) {
  margin-right: 0;
  clear: none;
}
#trustShare2017-intro fieldset .field-container input {
  margin-bottom: 0;
}
#trustShare2017-intro fieldset .field-container input:disabled {
  color: #221f1f;
  background-color: #e9e9e9;
  cursor: not-allowed;
}
#trustShare2017-intro fieldset a.btn-blue {
  background-color: #00adee;
  color: #ffffff;
  border-radius: 3px;
  border: 0;
  clear: both;
  display: block;
  font-size: 16px;
  line-height: 39px;
  font-weight: bold;
  padding: 0;
  transition: .25s;
  margin-bottom: 35px;
  text-align: center;
  width: 370px;
}
#trustShare2017-intro fieldset a:hover {
  background-color: #0099d1;
}
#trustShare2017-intro fieldset a:focus {
  outline: none;
}
#trustShare2017-intro fieldset dl {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 21px;
}
#trustShare2017-intro fieldset dl dt {
  display: list-item;
  list-style-type: none;
  counter-increment: item;
  font-weight: bold;
}
#trustShare2017-intro fieldset dl dt:before {
  display: inline-block;
  width: 1em;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item, lower-alpha) ")";
}
#trustShare2017-intro fieldset dl dd {
  margin: 0;
  padding: 0 0 30px 0;
}
.popup {
  display: none;
  width: 70%;
  min-width: 250px;
  max-width: 870px;
  box-sizing: border-box;
  min-height: 250px;
  max-height: 90vh;
  padding: 48px;
  background-color: #ffffff;
  color: #000000;
  text-align: center;
}
.popup.overSixteen {
  text-align: left;
}
.popup.overSixteen h4,
.popup.overSixteen p,
.popup.overSixteen form {
  -ms-flex-align: start;
      align-items: start;
  max-width: none;
  text-align: left;
}
.popup.active {
  display: block;
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: scroll;
}
.popup h4 {
  margin: 0 auto;
  max-width: 500px;
  font-family: "Merriweather", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 34px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 30px;
}
.popup p {
  margin: 0 auto;
  max-width: 500px;
  font-family: "Roboto", sans-serif;
  font-size: 21px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 50px;
}
.popup span.tick--success {
  margin: 0 auto;
  margin-bottom: 30px;
}
.popup form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  max-width: 600px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .popup form {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: unset;
        align-items: unset;
  }
}
.popup form input {
  text-transform: none;
  max-width: 252px;
  padding: 7px 10px;
  margin: 0 0 20px 0;
}
@media screen and (min-width: 768px) {
  .popup form input {
    margin: 0;
  }
}
.popup form input.btn {
  font-size: 14px;
  line-height: 14px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  width: 160px;
  height: auto;
  padding: 10px 58px;
  border-radius: 5px;
}
.popup #dob_warning p {
  padding-bottom: 0;
  margin-bottom: 0;
}
.popup.dob label {
  min-width: 100px;
  margin: 0 6px 0 0;
  line-height: 42px;
}
.popup.dob select {
  margin: 0 6px 0 0;
}
.popup.dob select[name="dob_day"] {
  width: 80px;
}
.popup.dob select[name="dob_year"] {
  width: 150px;
}
.popup a.btn {
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 10px 58px;
  font-size: 14px;
  line-height: 14px;
  font-family: "Roboto", sans-serif;
  background-color: #644066;
  border-radius: 5px;
}
.popup span.close-button {
  position: absolute;
  top: 25px;
  right: 25px;
  color: #000000;
  font-size: 68px;
  line-height: 68px;
  width: 23px;
  height: 23px;
}
.popup span.close-button:hover {
  cursor: pointer;
}
.popup .alert-message p {
  font-size: 18px;
  margin: 0 auto;
}
.popup a.btn {
  background-color: #644066;
  width: auto;
}
.popup--large-form {
  max-width: 1280px;
}
.popup--large-form p {
  font-size: 16px;
  max-width: 90%;
  -webkit-font-smoothing: antialiased;
}
.popup--large-form form {
  display: block;
}
.popup--large-form .buttons {
  clear: both;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  padding: 10px 0;
  -ms-flex-pack: center;
      justify-content: center;
}
.popup--large-form .buttons .btn {
  width: auto;
  max-width: none;
  margin-right: 10px;
}
.popup__field-wrap {
  padding: 5px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.popup__field-wrap label {
  width: 30%;
}
.popup .eaga-checkbox {
  margin-top: 20px;
  padding: 0;
}
.popup .eaga-checkbox label span {
  font-size: 16px;
  font-weight: normal;
  top: 0;
}
.popup .eaga-checkbox label span strong {
  font-weight: bold;
}
/* Additional Classes */
.popup-background {
  display: none;
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.popup-background.active {
  display: block;
}
.popup-apply-button,
a.btn {
  text-align: center;
  box-sizing: border-box;
}
.about-aside-facts .popup-apply-button,
.about-aside-facts a.btn {
  width: 100%;
}
.education-bursary__logo {
  max-width: 300px;
  padding-bottom: 30px;
}
.education-bursary__block-logo {
  max-width: 200px;
  padding: 0 27px 32px;
  box-sizing: border-box;
  pointer-events: none;
}
.education-bursary .select h1 {
  width: 100%;
  font-family: "Merriweather", serif;
  font-size: 42px;
  color: #000000;
  letter-spacing: 0;
}
@media screen and (min-width: 890px) {
  .education-bursary .select h1 {
    width: 60%;
  }
}
@media screen and (min-width: 1024px) {
  .education-bursary .select h1 {
    width: 80%;
  }
}
.education-bursary .select p.intro {
  font-family: "Roboto", sans-serif;
  font-size: 27px;
  color: #000000;
  letter-spacing: 0;
}
.education-bursary .select__link {
  display: inline-block;
  font-family: "Merriweather", serif;
  font-weight: bold;
  font-size: 19px;
  color: #000000;
  letter-spacing: 0;
}
.education-bursary .select__link:hover,
.education-bursary .select__link:focus {
  margin-bottom: -2px;
  padding-bottom: 2px;
}
.education-bursary .select__blocks {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  margin: 46px 0 0 0 !important;
  padding: 0;
}
@media screen and (min-width: 800px) {
  .education-bursary .select__blocks {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.education-bursary .select__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  list-style: none;
  background-color: #a272a4;
  transition: background-color 100ms ease-in-out;
  margin: 5px;
}
.education-bursary .select__block:first-of-type {
  margin-left: 0;
}
.education-bursary .select__block:hover {
  background-color: #644066;
  transition: background-color 100ms ease-in-out;
}
.education-bursary .select__block--he a {
  background-color: #00adee;
}
.education-bursary .select__block--he a:after {
  background-image: url('https://emailbuilds.s3.eu-west-1.amazonaws.com/eaga-trust/img/eaga-he-white.png');
}
.education-bursary .select__block--fe a:after {
  background-image: url('https://emailbuilds.s3.eu-west-1.amazonaws.com/eaga-trust/img/eaga-fe-white.png');
}
.education-bursary .select__block--cepi a:after {
  background-image: url('https://emailbuilds.s3.eu-west-1.amazonaws.com/eaga-trust/img/eaga-cepi-white.png');
}
.education-bursary .select__block--he a,
.education-bursary .select__block--fe a,
.education-bursary .select__block--cepi a {
  position: relative;
  padding: 30px 30px 115px;
}
.education-bursary .select__block--he a:after,
.education-bursary .select__block--fe a:after,
.education-bursary .select__block--cepi a:after {
  position: absolute;
  bottom: 30px;
  left: 30px;
  width: 146px;
  height: 55px;
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
}
.education-bursary .select__block--he.current a {
  background-color: #008abd !important;
}
.education-bursary .select__block--he.not-current a {
  background-color: #00adee !important;
}
.education-bursary .select__block--he.not-current a:hover {
  transition: background-color 100ms ease-in-out;
  background-color: #008abd !important;
}
.education-bursary .select__block--fe.current a {
  background-color: #644066 !important;
}
.education-bursary .select__block--fe.not-current a {
  background-color: #a272a4 !important;
}
.education-bursary .select__block--fe.not-current a:hover {
  transition: background-color 100ms ease-in-out;
  background-color: #644066 !important;
}
.education-bursary .select__block--cepi.current a {
  background-color: #b33960 !important;
}
.education-bursary .select__block--cepi.not-current a {
  background-color: #ec6590 !important;
}
.education-bursary .select__block--cepi.not-current a:hover {
  transition: background-color 100ms ease-in-out;
  background-color: #b33960 !important;
}
.education-bursary .select__block a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  max-width: none;
  text-align: left;
  box-sizing: border-box;
  border: none;
  background: none;
  font-family: "Merriweather", serif;
  font-size: 24px;
  font-weight: lighter;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 29px;
}
@media screen and (min-width: 800px) {
  .education-bursary .select__block a {
    width: 226px;
    box-sizing: initial;
  }
}
.education-bursary .select__block span {
  color: #ffffff;
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-weight: 400;
  font-size: 14px;
}
.education-bursary .apply-buttons .popup {
  display: none;
  width: 50%;
  min-width: 250px;
  max-width: 750px;
  min-height: 250px;
  padding: 30px;
  background-color: #ffffff;
  color: #000000;
}
.education-bursary .apply-buttons .popup.active {
  display: block;
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.education-bursary .apply-buttons .popup h4 {
  font-family: "Merriweather", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  color: #000000;
  letter-spacing: 0;
}
.education-bursary .apply-buttons .popup p {
  margin-bottom: 20px;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  color: #000000;
  letter-spacing: 0;
}
.education-bursary .apply-buttons .popup a.btn {
  background-color: #644066;
  width: auto;
}
.education-bursary .apply-buttons .popup input[type="email"] {
  max-width: none;
  margin: 0 8px 0 0;
}
.education-bursary .apply-buttons .popup select {
  width: auto;
  padding: 5px 10px 5px 5px;
  background-position: center right 10px;
}
.education-bursary .apply-buttons .popup span.close-button {
  position: absolute;
  top: 8px;
  right: 8px;
  color: black;
  font-size: 60px;
  line-height: 60px;
  width: 20px;
  height: 20px;
}
.education-bursary .apply-buttons .popup span.close-button:hover {
  cursor: pointer;
}
.education-bursary .apply-buttons .popup-background {
  display: none;
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.education-bursary .apply-buttons .popup-background.active {
  display: block;
}
.education-bursary aside.about-aside-facts {
  width: 90%;
  display: block;
}
@media screen and (min-width: 1024px) {
  .education-bursary aside.about-aside-facts {
    width: 31%;
    max-width: 382px;
  }
}
@media screen and (min-width: 768px) {
  .education-bursary aside.about-aside-facts .about-facts {
    max-width: calc(50% - 15px);
    width: 100%;
    display: inline-block;
    padding-right: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .education-bursary aside.about-aside-facts .about-facts {
    width: 100%;
    max-width: 100%;
    display: block;
    padding-right: 0;
  }
}
.education-bursary aside.about-aside-facts h2 {
  font-family: "Merriweather", serif;
  font-weight: bold;
  font-style: normal;
  font-size: 30px;
  color: #000000;
  letter-spacing: 0;
  margin: 0 0 40px;
}
.education-bursary aside.about-aside-facts ul.blocks {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  margin: 46px 0 0 0 !important;
  padding: 0;
}
.education-bursary aside.about-aside-facts ul.blocks li {
  margin: 0 0 25px;
  padding: 30px 50px;
  list-style: none;
  background-color: #644066;
  transition: background-color 100ms ease-in-out;
  text-align: center;
  font-family: "Merriweather", serif;
  font-size: 30px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 32px;
}
.education-bursary article.bursary-about {
  width: 100%;
  margin: 0 0 0 5%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media screen and (min-width: 800px) {
  .education-bursary article.bursary-about {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.education-bursary article.bursary-about header {
  width: 90%;
  margin-bottom: 50px;
  background: transparent;
}
@media screen and (min-width: 1024px) {
  .education-bursary article.bursary-about header {
    width: 80%;
  }
}
.education-bursary article.bursary-about header h1 {
  width: 100%;
  max-width: 620px;
  margin: 0 0 14px 0;
  float: none;
  display: block;
  font-family: "Merriweather", serif;
  font-size: 44px;
  color: #000000;
  letter-spacing: 0;
}
@media screen and (min-width: 890px) {
  .education-bursary article.bursary-about header h1 {
    width: 60%;
  }
}
@media screen and (min-width: 1024px) {
  .education-bursary article.bursary-about header h1 {
    width: 80%;
  }
}
.education-bursary article.bursary-about header p.intro {
  margin-bottom: 0;
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  color: #000000;
  letter-spacing: 0;
}
.education-bursary article.bursary-about section {
  width: 90%;
  margin-bottom: 50px;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .education-bursary article.bursary-about section {
    width: 69%;
    max-width: 741px;
    margin-bottom: 0;
    padding-right: 40px;
  }
}
.education-bursary article.bursary-about section h2 {
  margin: 0 0 40px 0;
  font-family: "Merriweather", serif;
  font-weight: bold;
  font-size: 34px;
  color: #000000;
  letter-spacing: 0;
  line-height: 30px;
  font-style: normal;
}
.education-bursary article.bursary-about section div p {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  color: #000000;
  letter-spacing: 0;
  line-height: 30px;
}
.education-bursary article.bursary-about section div p:last-of-type {
  margin-bottom: 40px;
}
.education-bursary article.bursary-about section div p.cut-off {
  font-size: 20px;
  font-weight: bold;
}
.education-bursary article.bursary-about section div p.small {
  font-size: 16px;
  line-height: 23px;
}
.education-bursary article.bursary-about section div p strong {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 20px;
  color: #000000;
  letter-spacing: 0;
}
.education-bursary article.bursary-about section div p strong a {
  border-bottom: 1px solid #000000;
}
.education-bursary article.bursary-about section div p strong a:hover,
.education-bursary article.bursary-about section div p strong a:focus {
  margin-bottom: -2px;
  padding-bottom: 2px;
}
.education-bursary article.bursary-about section .bursary-about__faq {
  margin-bottom: 50px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 24px !important;
  color: #000000 !important;
  letter-spacing: 0 !important;
}
.education-bursary article.bursary-about section blockquote {
  position: relative;
  background: #f4f0ea;
  padding: 50px 40px;
  margin: 0 0 60px 0;
  font-family: "Merriweather", serif;
  font-style: italic;
  font-size: 25px;
  line-height: 27px;
  color: #a272a4;
  letter-spacing: 0;
}
@media screen and (min-width: 800px) {
  .education-bursary article.bursary-about section blockquote {
    padding: 70px 100px;
    font-size: 35px;
    line-height: 37px;
  }
}
.education-bursary article.bursary-about section blockquote:before,
.education-bursary article.bursary-about section blockquote:after {
  position: absolute;
  display: inline-block;
  font-family: "Merriweather", serif;
  font-style: italic;
  font-size: 80px;
  color: #644066;
  letter-spacing: 0;
  line-height: 80px;
}
.education-bursary article.bursary-about section blockquote:before {
  content: "\201C";
  top: 20px;
  left: 20px;
}
@media screen and (min-width: 800px) {
  .education-bursary article.bursary-about section blockquote:before {
    top: 50px;
    left: 50px;
  }
}
.education-bursary article.bursary-about section blockquote:after {
  content: "\201D";
  bottom: -20px;
  right: 30px;
}
@media screen and (min-width: 800px) {
  .education-bursary article.bursary-about section blockquote:after {
    bottom: 0;
    right: 80px;
  }
}
.education-bursary article.bursary-about section ul li {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  color: #000000;
  letter-spacing: 0;
  line-height: 28px;
}
.education-bursary article.bursary-about .bursary-about__statistic {
  position: relative;
  background: #f4f0ea;
  padding: 50px 40px;
  margin: 40px 0 60px 0;
}
@media screen and (min-width: 800px) {
  .education-bursary article.bursary-about .bursary-about__statistic {
    padding: 58px 100px;
  }
}
.education-bursary article.bursary-about .bursary-about__statistic p {
  font-family: "Roboto", sans-serif;
  font-size: 35px;
  color: #a272a4;
  letter-spacing: 0;
  line-height: 37px;
}
.education-bursary article.bursary-about .bursary-about__statistic p strong {
  font-family: "Roboto", sans-serif;
  color: #644066;
  font-weight: bold;
  font-size: 72px;
  line-height: 73px;
  display: block;
}
.education-bursary .bursary-apply a.bursary-options-btn {
  height: auto;
  padding: 5px 10px;
  margin: 0 0 30px 0;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: -0.44px;
  line-height: 19px;
  color: #ffffff;
  text-align: left;
  background: #ec6590;
}
.education-bursary .bursary-apply a.bursary-options-btn:before {
  content: "";
  display: inline-block;
  background-size: contain !important;
  height: 11px !important;
  width: 6px !important;
  padding-right: 5px;
  background: url(../img/btns/btn-arrow-left@2x.png) no-repeat left, center;
}
.education-bursary .bursary-apply h1 {
  width: 100%;
  font-family: "Merriweather", serif;
  font-size: 42px;
  color: #000000;
  letter-spacing: 0;
  margin-bottom: 20px;
}
@media screen and (min-width: 890px) {
  .education-bursary .bursary-apply h1 {
    width: 60%;
  }
}
@media screen and (min-width: 1024px) {
  .education-bursary .bursary-apply h1 {
    width: 80%;
  }
}
.education-bursary .bursary-apply h3 {
  font-family: "Merriweather", serif;
  font-size: 24px;
  color: #000000;
  letter-spacing: 0;
  line-height: 22px;
}
.education-bursary .bursary-apply p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
}
.education-bursary .bursary-apply p.intro {
  font-family: "Roboto", sans-serif;
  font-size: 27px;
  color: #000000;
  letter-spacing: 0;
  line-height: 36px;
  margin-bottom: 50px;
}
.education-bursary .bursary-apply p.light {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  color: #727272;
  letter-spacing: 0;
  line-height: 22px;
}
.education-bursary .bursary-apply .alert-message {
  margin-bottom: 40px;
}
.education-bursary .bursary-apply .alert-message.bottom {
  margin-bottom: 80px;
}
.education-bursary .btn-print,
.education-bursary .btn {
  vertical-align: inherit;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  color: white;
  background-color: #644066;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.19;
  border-radius: 2px;
  border-radius: 10px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 3px 7px;
  transition: background-color 0.08s ease-in-out;
  /*&:hover {
        background-color: @coloroverride1 !important;
    }

    &:active {
        background-color: @coloroverride2 !important;
    }*/
  margin: 27px 0;
  background-color: #00adee;
  background-image: none;
  height: 43px;
  line-height: 43px;
  padding: 0 30px;
  font-size: 17px;
  border: 0;
  border-radius: 0;
  transition: 0.25s;
}
.education-bursary .btn-print:hover,
.education-bursary .btn:hover {
  background-color: #644066;
}
.education-bursary .btn-print:target,
.education-bursary .btn:target,
.education-bursary .btn-print:focus,
.education-bursary .btn:focus {
  outline: none;
}
.education-bursary .btn-print.btn-additional-field,
.education-bursary .btn.btn-additional-field {
  margin: 0;
  background-color: #00adee;
  color: #ffffff;
  position: relative;
  float: left;
}
.education-bursary .btn-print.btn-additional-field:before,
.education-bursary .btn.btn-additional-field:before,
.education-bursary .btn-print.btn-additional-field:after,
.education-bursary .btn.btn-additional-field:after {
  height: 2px;
  width: 10px;
  background-color: #ffffff;
  display: block;
  position: absolute;
  top: 20px;
  left: 10px;
  content: "";
  transition: 0.25s;
}
.education-bursary .btn-print.btn-additional-field:before,
.education-bursary .btn.btn-additional-field:before {
  transform: rotate(90deg);
}
.education-bursary .btn-print.btn-additional-field:hover,
.education-bursary .btn.btn-additional-field:hover {
  background-color: #0099d1;
}
.education-bursary .btn-print.btn-additional-field:hover:before,
.education-bursary .btn.btn-additional-field:hover:before,
.education-bursary .btn-print.btn-additional-field:hover:after,
.education-bursary .btn.btn-additional-field:hover:after {
  left: 15px;
}
.education-bursary .btn-print.btn-submit,
.education-bursary .btn.btn-submit {
  margin-top: 0;
}
.education-bursary .btn-print.btn-submit:disabled,
.education-bursary .btn.btn-submit:disabled,
.education-bursary .btn-print.btn-submit [disabled],
.education-bursary .btn.btn-submit [disabled] {
  opacity: 0.3;
  cursor: not-allowed;
}
.education-bursary .btn-print.btn-submit:disabled:hover,
.education-bursary .btn.btn-submit:disabled:hover,
.education-bursary .btn-print.btn-submit [disabled]:hover,
.education-bursary .btn.btn-submit [disabled]:hover {
  background-color: #727272;
}
.education-bursary .row-blocks .content-primary-no-aside {
  width: 100%;
  max-width: 1220px;
}
.education-bursary .row-blocks .content-primary-no-aside .block-inner {
  width: 100%;
  padding: 20px 0;
  margin: 0 auto;
}
@media screen and (min-width: 400px) {
  .education-bursary .row-blocks .content-primary-no-aside .block-inner {
    padding: 60px 0;
  }
}
@media screen and (min-width: 1024px) {
  .education-bursary .row-blocks .content-primary-no-aside .block-inner {
    width: 90%;
    padding: 40px 0;
  }
}
.education-bursary .row-blocks .content-primary-no-aside .block-inner > .information {
  margin: 20px 0;
  width: auto;
}
.education-bursary .row-blocks .content-primary-no-aside .block-inner.wide {
  width: calc(100% - 120px);
  padding: 60px;
}
.education-bursary .row-blocks .content-primary-no-aside .block-inner .breadcrumbs {
  margin: 0 0 20px 0;
}
.education-bursary .row-blocks .content-primary-no-aside .block-inner .breadcrumbs li {
  font-size: 17.6px;
  color: #727272;
}
.education-bursary form fieldset {
  border: 0;
  border-top: 1px #aaaaaa solid;
}
.education-bursary form fieldset > h2 {
  margin: 0;
  line-height: 30px;
  font-size: 22px;
  height: 110px;
  padding: 10px 0 10px 50px;
  font-style: normal;
  font-family: "Roboto", sans-serif;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 800px) {
  .education-bursary form fieldset > h2 {
    line-height: 110px;
    font-size: 3rem;
    padding: 0 0 0 50px;
  }
}
.education-bursary form fieldset > h2:before {
  background-color: #00adee;
  height: 20px;
  width: 20px;
  display: block;
  position: absolute;
  top: 44px;
  left: 0;
  content: "";
  transition: 0.25s;
}
@media screen and (min-width: 800px) {
  .education-bursary form fieldset > h2:before {
    top: 45px;
    left: 0;
  }
}
.education-bursary form fieldset > h2:hover:before {
  box-shadow: 2px 2px 0 #78c4e1;
}
.education-bursary form fieldset > h2 strong {
  display: block;
  font-size: 1em;
}
@media screen and (min-width: 800px) {
  .education-bursary form fieldset > h2 strong {
    display: inline;
  }
}
.education-bursary form fieldset > h2 strong:before,
.education-bursary form fieldset > h2 strong:after {
  height: 2px;
  width: 10px;
  background-color: #ffffff;
  display: block;
  position: absolute;
  top: 53px;
  left: 5px;
  content: "";
  transition: 0.25s;
}
@media screen and (min-width: 800px) {
  .education-bursary form fieldset > h2 strong:before,
  .education-bursary form fieldset > h2 strong:after {
    top: 53px;
  }
}
.education-bursary form fieldset > h2 strong:before {
  transform: rotate(90deg);
}
.education-bursary form fieldset > h2 span {
  position: absolute;
  left: 50px;
  top: 75px;
  text-transform: uppercase;
  padding: 0 0 0 17px;
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
}
@media screen and (min-width: 800px) {
  .education-bursary form fieldset > h2 span {
    right: 0;
    top: 45px;
    left: auto;
  }
}
.education-bursary form fieldset > h2 span:before,
.education-bursary form fieldset > h2 span:after {
  content: "";
  width: 3px;
  height: 12px;
  background-color: #727272;
  position: absolute;
  top: 5px;
  left: 0;
}
.education-bursary form fieldset > h2 span:before {
  transform: rotate(-45deg);
}
.education-bursary form fieldset > h2 span:after {
  transform: rotate(45deg);
}
.education-bursary form fieldset > h2 span.completed {
  color: #00adee;
  padding: 0 0 0 20px;
}
.education-bursary form fieldset > h2 span.completed:before {
  display: none;
}
.education-bursary form fieldset > h2 span.completed:after {
  border-right: 3px #00adee solid;
  border-bottom: 3px #00adee solid;
  background: transparent;
  height: 10px;
  width: 5px;
  top: 2px;
}
.education-bursary form fieldset > h2 span.not-completed {
  color: #221f1f;
}
.education-bursary form fieldset.active .section-fields {
  display: block;
}
.education-bursary form fieldset.active h2 strong:before {
  transform: rotate(180deg);
}
.education-bursary form fieldset .section-fields {
  display: none;
  padding: 0 0 0 0;
}
@media screen and (min-width: 800px) {
  .education-bursary form fieldset .section-fields {
    padding: 0 0 0 50px;
  }
}
.education-bursary form fieldset .section-fields .row {
  margin-bottom: 22px;
}
.education-bursary form fieldset .section-fields .row.label {
  margin-bottom: 5px;
}
.education-bursary form fieldset .section-fields .eaga-checkbox label {
  font-size: 14px;
  background-color: transparent;
  border-color: #727272;
}
.education-bursary form fieldset .section-fields .eaga-checkbox label:after {
  border-width: 5px;
}
.education-bursary form fieldset .section-fields .eaga-checkbox label span {
  top: 0;
  left: 68px;
  font-weight: 500;
}
.education-bursary form fieldset .section-fields label {
  font-weight: 300;
}
.education-bursary form fieldset .section-fields input[type="text"],
.education-bursary form fieldset .section-fields input[type="date"],
.education-bursary form fieldset .section-fields select,
.education-bursary form fieldset .section-fields textarea {
  background-color: transparent;
  border: 1px #727272 solid;
  color: #000000;
  transition: 0.25s;
}
.education-bursary form fieldset .section-fields input[type="text"]:focus,
.education-bursary form fieldset .section-fields input[type="date"]:focus,
.education-bursary form fieldset .section-fields select:focus,
.education-bursary form fieldset .section-fields textarea:focus {
  border: 1px #221f1f solid;
  box-shadow: 3px 3px 0 #e9e9e9;
}
.education-bursary form fieldset .section-fields input[type="text"]:disabled,
.education-bursary form fieldset .section-fields input[type="date"]:disabled,
.education-bursary form fieldset .section-fields select:disabled,
.education-bursary form fieldset .section-fields textarea:disabled {
  opacity: 0.9;
  cursor: not-allowed;
  color: #727272;
  background-color: #eeeeee;
}
.education-bursary form fieldset .section-fields input[type="text"]:disabled:hover,
.education-bursary form fieldset .section-fields input[type="date"]:disabled:hover,
.education-bursary form fieldset .section-fields select:disabled:hover,
.education-bursary form fieldset .section-fields textarea:disabled:hover {
  background-color: #f4f4f4;
}
.education-bursary form fieldset .section-fields input[type="text"] + p,
.education-bursary form fieldset .section-fields input[type="date"] + p,
.education-bursary form fieldset .section-fields select + p,
.education-bursary form fieldset .section-fields textarea + p {
  display: block;
  position: relative;
  left: 0;
  top: auto;
  background-color: #00adee;
  color: #ffffff;
  padding: 0 10px;
  z-index: 9999;
  font-size: 16px;
  font-weight: 400;
  width: 95%;
  border-radius: 5px;
  height: 0;
  min-height: 0;
  transition: 0.25s;
  margin: 3px 0 0 0;
  overflow: hidden;
}
.education-bursary form fieldset .section-fields input[type="text"]:focus + p,
.education-bursary form fieldset .section-fields input[type="date"]:focus + p,
.education-bursary form fieldset .section-fields select:focus + p,
.education-bursary form fieldset .section-fields textarea:focus + p,
.education-bursary form fieldset .section-fields input[type="text"]:active + p,
.education-bursary form fieldset .section-fields input[type="date"]:active + p,
.education-bursary form fieldset .section-fields select:active + p,
.education-bursary form fieldset .section-fields textarea:active + p {
  padding: 10px;
  min-height: 10px;
  height: auto;
  overflow: visible;
}
.education-bursary form fieldset .section-fields input[type="text"]:focus + p:before,
.education-bursary form fieldset .section-fields input[type="date"]:focus + p:before,
.education-bursary form fieldset .section-fields select:focus + p:before,
.education-bursary form fieldset .section-fields textarea:focus + p:before,
.education-bursary form fieldset .section-fields input[type="text"]:active + p:before,
.education-bursary form fieldset .section-fields input[type="date"]:active + p:before,
.education-bursary form fieldset .section-fields select:active + p:before,
.education-bursary form fieldset .section-fields textarea:active + p:before {
  content: "";
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #00adee transparent;
  position: absolute;
  left: 30px;
  margin-left: -10px;
  top: -10px;
  display: inline-block;
}
.education-bursary form fieldset .section-fields .input-buttons {
  margin: 0;
  position: relative;
  width: 48px;
  height: 40px;
  top: -10px;
  right: 0;
}
.education-bursary form fieldset .section-fields .input-buttons .step-controls {
  position: absolute;
  left: 0;
  top: 10px;
}
.education-bursary form fieldset .section-fields .input-buttons button {
  top: -20px;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
}
.education-bursary form fieldset .section-fields .third {
  margin: 0;
  width: auto;
}
@media screen and (min-width: 600px) {
  .education-bursary form fieldset .section-fields .third {
    margin: 0 5% 0 0;
    width: 30%;
    float: left;
  }
}
.education-bursary form fieldset .section-fields .third:nth-child(3) {
  margin: 0 0 0 0;
}
.education-bursary form fieldset .section-fields .half {
  margin: 0;
  width: auto;
}
@media screen and (min-width: 600px) {
  .education-bursary form fieldset .section-fields .half {
    margin: 0 5% 0 0;
    width: 47.5%;
    float: left;
  }
}
.education-bursary form fieldset .section-fields .half:nth-child(2) {
  margin: 0 0 0 0;
}
.education-bursary form fieldset .section-fields .half button {
  margin: 26px 0 0 0;
}
.education-bursary form fieldset .section-fields .third-field:nth-child(3n) {
  margin-right: 0;
}
.education-bursary form fieldset .section-fields .checkbox-group .eaga-checkbox {
  width: 33%;
  float: left;
}
.education-bursary form fieldset .section-fields .checkbox-group .eaga-checkbox label {
  font-size: 14px;
  background-color: transparent;
  border-color: #727272;
  width: 20px;
  height: 20px;
  font-weight: 300;
}
.education-bursary form fieldset .section-fields .checkbox-group .eaga-checkbox label:after {
  width: 12px;
  height: 7px;
  border-width: 3px;
  top: 4px;
  left: 3px;
}
.education-bursary form fieldset .section-fields .checkbox-group .eaga-checkbox label span {
  top: 0;
  left: 18px;
  font-weight: 500;
}
.education-bursary form fieldset#section-3 .section-fields .row .half ul.basic--inline--list li:first-of-type {
  display: block;
  width: 100%;
  margin-bottom: 11px !important;
}
.education-bursary form fieldset#section-3 .section-fields .row .half ul.basic--inline--list li label {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
}
.education-bursary form fieldset#section-3 .section-fields .row .half ul.basic--inline--list li label span {
  background-color: #ffffff;
  border: 1px #000000 solid;
  border-radius: 99.9%;
}
.education-bursary form fieldset#section-3 .section-fields .row .half ul.basic--inline--list li label span:not(checked) {
  background: none;
}
.education-bursary form fieldset#section-3 .section-fields .row .half ul.basic--inline--list li input[type="radio"]:checked + label span:before {
  background: #000000;
  width: 17px;
  height: 17px;
  border-radius: 99.9%;
  margin: 1px 0 0 0.93px;
}
.education-bursary form fieldset#section-4 h3 {
  margin: 0 0 25px 0;
  font-family: "Merriweather", serif;
  font-weight: bold;
  font-size: 18px;
  color: #000000;
  letter-spacing: 0;
  line-height: 22px;
}
.education-bursary form fieldset#section-4 h4 {
  margin: 0 0 25px 0;
  font-family: "Merriweather", serif;
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 22px;
}
.education-bursary form fieldset#section-4 p {
  margin: 0 0 25px 0;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 22px;
}
.education-bursary form fieldset#section-4:not(.ft-he-gbr) {
  border-bottom: 1px #aaaaaa solid;
  margin-bottom: 50px;
}
.education-bursary form fieldset#section-4 ul {
  margin-bottom: 25px;
}
.education-bursary form fieldset#section-4 ul li {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 22px;
}
.education-bursary form fieldset#section-4 ol {
  margin: 0 0 25px 0;
  padding: 0;
}
.education-bursary form fieldset#section-4 ol li {
  list-style-position: inside;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 22px;
}
.education-bursary form fieldset#section-4 ol li span {
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: normal;
}
.education-bursary form fieldset#section-4 .grid {
  padding: 0;
}
.education-bursary form fieldset#section-4 .grid > .row .eaga-checkbox label span {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
}
.education-bursary form fieldset#section-4 .small-text {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
}
.education-bursary form fieldset#section-4 .small-text h4 {
  margin: 0 0 25px 0;
  font-family: "Merriweather", serif;
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 22px;
}
.education-bursary form fieldset#section-4 .small-text p {
  margin: 0 0 25px 0;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 22px;
}
.education-bursary form fieldset#section-4 hr {
  width: 90%;
  margin: 0 auto 50px auto;
  border-color: #979797;
}
.education-bursary form fieldset#section-4 .btn {
  margin-top: 0;
}
.education-bursary form fieldset#section-5 h4 {
  margin: 0 0 10px 0;
}
.education-bursary form fieldset#section-5 p {
  margin: 0 0 10px 0;
}
.education-bursary form fieldset#section-5 ul {
  margin: 15px 0 15px 30px;
  padding: 0 0 0 30px;
}
.education-bursary form fieldset#section-5 .row-part {
  padding: 30px;
  border-top: 1px #cccccc solid;
  margin-top: 30px;
}
.education-bursary form fieldset#section-5 .row-part p,
.education-bursary form fieldset#section-5 .row-part ul,
.education-bursary form fieldset#section-5 .row-part li {
  font-size: 14px;
}
.education-bursary form fieldset#section-6 {
  border-bottom: 1px #aaaaaa solid;
}
.education-bursary form fieldset#section-6 .half {
  margin: 0 10px 0 0;
}
.education-bursary form fieldset#section-6 .half .btn-print {
  margin-left: 5px;
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.4;
}
.education-bursary form fieldset#section-6 .half .btn-print.active {
  cursor: pointer;
  pointer-events: auto;
  opacity: 1;
}
.education-bursary form fieldset#section-6 .half .btn-print.highlight {
  background-color: #00adee;
  color: #ffffff;
}
.education-bursary .payment-chart {
  height: 0;
  overflow: hidden;
}
.education-bursary .payment-chart.active {
  height: auto;
}
.education-bursary .payment-chart.active svg .donut .donut-segment {
  animation: dash 2s ease-out;
}
@keyframes dash {
  from {
    opacity: 0;
    stroke-dasharray: 0 200;
  }
  to {
    opacity: 1;
  }
}
.education-bursary .payment-chart svg .chart-text {
  width: 33%;
  font-size: 10px;
  fill: #000000;
  transition: 0.5s;
  cursor: default;
}
.education-bursary .payment-chart svg .chart-text:hover {
  transform: translateY(0.1em);
}
.education-bursary .payment-chart svg .chart-text .chart-number {
  font-size: 1.2em;
}
.education-bursary .payment-chart svg .chart-text .chart-label {
  font-size: 0.4em;
  transform: translateY(-2.2em);
}
.education-bursary .payment-chart svg .left-text {
  transition: 0.5s;
  cursor: default;
}
.education-bursary .payment-chart svg .left-text:hover {
  transform: translateY(0.1em);
}
.education-bursary .payment-chart svg .right-text {
  transition: 0.5s;
  cursor: default;
}
.education-bursary .payment-chart svg .right-text:hover {
  transform: translateY(0.1em);
}
.education-bursary .payment-chart svg .chart-number {
  font-size: 0.6em;
  line-height: 1;
  text-anchor: middle;
  transform: translateY(0.25em);
  font-family: "Merriweather", serif;
}
.education-bursary .payment-chart svg .chart-label {
  font-size: 0.2em;
  text-transform: none;
  text-anchor: middle;
  transform: translateY(-1.25em);
}
.education-bursary .payment-list {
  margin: 0;
  padding: 0;
  clear: both;
  width: auto;
  display: block;
}
.education-bursary .payment-list .header {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px #4e4c4c solid;
  padding: 12px 0;
}
.education-bursary .payment-list .header div {
  -ms-flex: 1;
      flex: 1;
  font-size: 10px;
  font-family: "Merriweather", serif;
}
.education-bursary .payment-list .header div:nth-child(1) {
  display: none;
}
@media screen and (min-width: 500px) {
  .education-bursary .payment-list .header div {
    font-size: 18px;
  }
  .education-bursary .payment-list .header div:nth-child(1) {
    display: block;
  }
}
.education-bursary .payment-list .payment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px #4e4c4c solid;
  padding: 0;
  height: 0;
  opacity: 0;
}
.education-bursary .payment-list .payment.active {
  height: auto;
  opacity: 1;
  padding: 12px 0;
}
.education-bursary .payment-list .payment div {
  width: 25%;
  font-size: 11px;
  line-height: 20px;
}
.education-bursary .payment-list .payment div:nth-child(1) {
  display: none;
}
.education-bursary .payment-list .payment div#proof-upload {
  width: 100%;
  display: none;
  margin-top: 33px;
}
.education-bursary .payment-list .payment div#proof-upload.active {
  display: block;
}
.education-bursary .payment-list .payment div#proof-upload .warning {
  display: -ms-flexbox;
  display: flex;
  color: #982c5c;
  margin-left: 0;
  width: 60%;
  box-sizing: border-box;
  white-space: normal;
}
@media screen and (min-width: 700px) {
  .education-bursary .payment-list .payment div#proof-upload .warning {
    margin-left: 25%;
  }
}
.education-bursary .payment-list .payment div#proof-upload form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 0;
}
@media screen and (min-width: 700px) {
  .education-bursary .payment-list .payment div#proof-upload form {
    margin-left: 25%;
  }
}
.education-bursary .payment-list .payment div#proof-upload form .upload-label-input {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.education-bursary .payment-list .payment div#proof-upload form p {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0;
      flex: 0;
  white-space: nowrap;
  margin: 0 10px 0 0;
  padding: 0;
  font-weight: 300;
  font-size: 16px;
  line-height: 16px;
}
.education-bursary .payment-list .payment div#proof-upload form p strong {
  color: #000000;
  letter-spacing: 0;
}
.education-bursary .payment-list .payment div#proof-upload form label {
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
  white-space: nowrap;
}
.education-bursary .payment-list .payment div#proof-upload form .file-upload {
  display: inline-block;
  cursor: pointer;
}
.education-bursary .payment-list .payment div#proof-upload form .file-upload__input {
  border: 1px solid #a2a2a2;
  padding: 4px 7px;
  font-size: 12px;
  line-height: 12px;
  color: #a2a2a2;
  letter-spacing: 0;
}
.education-bursary .payment-list .payment div#proof-upload form .file-upload__input:hover,
.education-bursary .payment-list .payment div#proof-upload form .file-upload__input:focus {
  background-color: #a2a2a2;
  color: white;
}
.education-bursary .payment-list .payment div#proof-upload form .file-upload__file-name {
  font-size: 12px;
  color: #a2a2a2;
  letter-spacing: 0;
}
.education-bursary .payment-list .payment div#proof-upload form input[type="file"] {
  visibility: hidden;
  width: 0px;
  height: 0px;
  overflow: hidden;
}
.education-bursary .payment-list .payment div#proof-upload form input[type="submit"] {
  -ms-flex-item-align: self-start;
      -ms-grid-row-align: self-start;
      align-self: self-start;
  font-size: 17px;
  line-height: 17px;
  color: #ffffff;
  letter-spacing: 0;
  padding: 4px 7px;
  height: auto;
  margin-right: 10px;
}
@media screen and (min-width: 500px) {
  .education-bursary .payment-list .payment div {
    font-size: 18px;
    line-height: 30px;
  }
  .education-bursary .payment-list .payment div:nth-child(1) {
    display: block;
  }
}
.education-bursary .payment-list .payment div .alert-message {
  line-height: 30px;
  height: 30px;
  display: inline-block;
  padding: 0 10px 0 5px;
}
.education-bursary .payment-list .payment div .alert-message span {
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 30px;
  height: 30px;
  font-size: 14px;
}
.education-bursary .payment-list .payment div .alert-message span.box-icon {
  margin-top: 4px;
}
.education-bursary .btn-viewall {
  float: left;
  clear: both;
}
.education-bursary .running-total {
  padding: 30px 0;
  float: right;
  font-size: 22px;
  font-family: "Merriweather", serif;
  display: none;
}
.education-bursary .running-total.active {
  display: block;
}
.education-bursary .running-total span {
  display: inline-block;
}
.education-bursary p.information {
  display: block;
  position: relative;
  left: 0;
  top: auto;
  background-color: #00adee;
  color: #ffffff;
  z-index: 9999;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  width: 95%;
  border-radius: 5px;
  transition: 0.25s;
  margin: 3px 0 0 0;
  padding: 20px;
  min-height: 10px;
  height: auto;
  overflow: visible;
}
.education-bursary .feature-box {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
.education-bursary .feature-box.left {
  float: left;
  height: auto;
  width: 300px;
}
.education-bursary .feature-box.right {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
  height: auto;
  width: 300px;
}
.education-bursary .feature-box.cont {
  clear: both;
}
.education-bursary .feature-box blockquote {
  margin: 0;
  padding: 20px;
  font-family: "Merriweather", serif;
  color: #ec6590;
  font-size: 28px;
  font-style: italic;
  background-color: #faf6fa;
  display: block;
}
.education-bursary .feature-box .half {
  -ms-flex: 1;
      flex: 1;
}
.education-bursary .feature-box .half:nth-child(2) {
  margin-left: 20px;
}
.education-bursary .feature-box p {
  font-family: "Roboto", sans-serif;
  color: #00adee;
  padding: 20px;
  font-style: italic;
  background-color: #f4f4f4;
  font-size: 18px;
  text-align: center;
}
.education-bursary .feature-box p strong {
  margin: 0;
  font-size: 28px;
  display: block;
}
.education-bursary .grid {
  padding: 0 0 0 30px;
}
.education-bursary .grid > .row {
  padding: 10px;
  border-bottom: 1px solid #e9e9e9;
}
.education-bursary .grid > .row:nth-child(odd) {
  background-color: #f4f4f4;
}
.education-bursary .grid > .row h3 {
  font-size: 14px;
  margin: 0;
  padding: 10px;
}
.education-bursary .grid > .row p {
  font-size: 14px;
}
.education-bursary .grid > .row .eaga-checkbox {
  padding: 22px 0;
}
.education-bursary .grid > .row .eaga-checkbox label span {
  font-size: 14px;
  font-weight: normal;
}
.education-bursary .grid > .row .eaga-checkbox label span strong {
  font-weight: bold;
}
.education-bursary div.intro {
  font-size: 28px;
  font-family: "Roboto", sans-serif;
  min-height: 50px;
}
.education-bursary div.intro .text {
  display: inline-block;
  position: relative;
  margin-right: 15px;
}
.education-bursary div.intro .dropdown {
  display: inline-block;
  position: absolute;
  border-bottom: 1px #ec6590 solid;
  width: 135px;
  min-height: 40px;
}
.education-bursary div.intro .dropdown:after,
.education-bursary div.intro .dropdown:before {
  content: "";
  background-color: #ec6590;
  display: block;
  width: 10px;
  height: 3px;
  transform: rotate(-45deg);
  position: absolute;
  top: 20px;
  right: 0;
}
.education-bursary div.intro .dropdown:before {
  transform: rotate(45deg);
  right: 6px;
}
.education-bursary div.intro .dropdown > div {
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  color: #ffffff;
  z-index: 1;
  min-width: calc(82%);
}
.education-bursary div.intro .dropdown > div.selected {
  z-index: 2;
  color: #000000;
}
.education-bursary div.intro .dropdown > div:hover {
  background-color: #f4f4f4;
  cursor: pointer;
}
.education-bursary div.intro .dropdown.active > div {
  position: relative;
  padding: 0 0 0 10px;
  color: #000000;
}
.education-bursary-ext-user-payments .content-inner .payment-main-content-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 40px;
}
@media screen and (min-width: 1024px) {
  .education-bursary-ext-user-payments .content-inner .payment-main-content-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    margin-top: 60px;
  }
}
.education-bursary-ext-user-payments .content-inner .payment-main-content-wrapper .content-secondary {
  width: 100%;
  margin: 0 0 40px 0;
}
@media screen and (min-width: 1024px) {
  .education-bursary-ext-user-payments .content-inner .payment-main-content-wrapper .content-secondary {
    width: 24%;
  }
}
.education-bursary-ext-user-payments .content-inner .payment-main-content-wrapper .content-secondary #nav-secondary-toggle {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}
.education-bursary-ext-user-payments .content-inner .payment-main-content-wrapper .content-secondary #nav-secondary-toggle span:before {
  transform: translateY(10px);
}
.education-bursary-ext-user-payments .content-inner .payment-main-content-wrapper .content-secondary #menu-secondary-menu {
  padding: 20px;
}
@media screen and (min-width: 1024px) {
  .education-bursary-ext-user-payments .content-inner .payment-main-content-wrapper .content-secondary #menu-secondary-menu {
    padding: 20px 0;
  }
}
.education-bursary-ext-user-payments .content-inner .payment-main-content-wrapper .content-secondary #menu-secondary-menu li h2 {
  margin: 0 auto 10px auto;
}
.education-bursary-ext-user-payments .content-inner .payment-main-content-wrapper .content-secondary #menu-secondary-menu li a:first-of-type {
  border: 0;
  background: none;
}
.education-bursary-ext-user-payments .content-inner .payment-main-content-wrapper .payment-info-wrapper {
  width: 100%;
  max-width: 856px;
}
@media screen and (min-width: 1024px) {
  .education-bursary-ext-user-payments .content-inner .payment-main-content-wrapper .payment-info-wrapper {
    width: 75%;
  }
}
.education-bursary-ext-user-payments .content-inner .payment-main-content-wrapper .payment-info-wrapper h2 {
  margin-bottom: 20px;
}
.education-bursary-ext-user-payments .content-inner .payment-main-content-wrapper .payment-info-wrapper .study-details {
  border-top: 21px solid #f1f1f1;
  margin-top: 70px;
  padding-top: 40px;
}
.education-bursary-ext-user-payments .content-inner .payment-main-content-wrapper .payment-info-wrapper .proof-of-attendance-banner {
  width: 100%;
  padding: 30px;
  margin-bottom: 60px;
  box-sizing: border-box;
  background-color: #644066;
}
.education-bursary-ext-user-payments .content-inner .payment-main-content-wrapper .payment-info-wrapper .proof-of-attendance-banner p {
  font: "Roboto", sans-serif;
  margin-top: 0;
  font-size: 22px;
  color: #ffffff;
  letter-spacing: 0;
}
.education-bursary-ext-user-payments .content-inner .payment-main-content-wrapper .payment-info-wrapper .proof-of-attendance-banner .btn {
  margin: 0;
}
#open-days-form {
  opacity: 0;
}
#open-days-form.ready {
  opacity: 1;
  transition: opacity 300ms ease-in-out;
}
fieldset#openDay-1 .section-fields .row .form-group--error input {
  border-color: red;
}
fieldset#openDay-1 .section-fields .row .form-group--error .error {
  color: red;
  border: red;
}
fieldset#openDay-1 .section-fields .row .add-transport button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: transparent;
  color: #727272;
  padding: 0;
  font-size: 14px;
}
fieldset#openDay-1 .section-fields .row .add-transport button:hover,
fieldset#openDay-1 .section-fields .row .add-transport button:focus {
  background: transparent;
  color: #000000;
}
fieldset#openDay-1 .section-fields .row .add-transport button:hover span,
fieldset#openDay-1 .section-fields .row .add-transport button:focus span {
  color: #000000;
  border-color: #000000;
  transform: rotate(90deg);
}
fieldset#openDay-1 .section-fields .row .add-transport button:hover span:before,
fieldset#openDay-1 .section-fields .row .add-transport button:focus span:before,
fieldset#openDay-1 .section-fields .row .add-transport button:hover span:after,
fieldset#openDay-1 .section-fields .row .add-transport button:focus span:after {
  border-color: #000000;
}
fieldset#openDay-1 .section-fields .row .add-transport button span {
  width: 22px;
  height: 22px;
  position: relative;
  margin-right: 10px;
  border: 1px solid #727272;
  border-radius: 99.9%;
  color: #727272;
  background: transparent;
  transition: all 300ms linear;
}
fieldset#openDay-1 .section-fields .row .add-transport button span:before,
fieldset#openDay-1 .section-fields .row .add-transport button span:after {
  position: absolute;
  border: 1px solid #727272;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
fieldset#openDay-1 .section-fields .row .add-transport button span:before {
  width: 11.33px;
  height: 0;
}
fieldset#openDay-1 .section-fields .row .add-transport button span:after {
  width: 0;
  height: 11.33px;
}
.open-days-applications .row .content-primary .row ul li dl dd .upload__form #proofOfOpenDayAttendance label span {
  border: none;
  padding-left: 0;
}
.open-days-applications .row .content-primary .row ul li dl dd .upload__form #proofOfOpenDayAttendance input[type="submit"] {
  margin: 0;
}
body.print {
  background-color: white;
}
body.print .eaga-template {
  padding: 0 75px;
}
body.print header {
  margin: 0 auto;
  width: 90%;
  max-width: 1400px;
  background-image: none;
  z-index: 0;
}
body.print header p {
  text-align: right;
}
body.print header p img {
  width: 145px;
}
body.print .btn-print {
  top: 30px;
  left: 30px;
  position: relative;
  background-color: #644066;
  color: #fff;
  border: 0px;
  padding: 15px;
  font-family: "Merriweather", serif;
  font-style: italic;
  font-weight: bold;
}
body.print .content-inner {
  position: relative !important;
  display: block !important;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
body.print .content-inner .content-inner--right {
  float: right;
}
body.print .content-inner .content-inner__title {
  font-weight: bold;
  text-decoration: underline;
}
body.print .content-inner h1,
body.print .content-inner h2,
body.print .content-inner h3 {
  text-align: center;
  font-size: 20px;
  font-family: Arial, Helvetica;
  font-weight: bold;
  color: #000000;
  margin-bottom: 10px;
}
body.print .content-inner h2,
body.print .content-inner h3 {
  margin-top: 5px;
  text-transform: none;
  text-align: left;
}
body.print .content-inner p {
  font-family: Arial, Helvetica;
}
body.print .content-inner .row {
  width: 100%;
  display: block;
  position: relative;
  padding: 0;
}
body.print .content-inner .row .half {
  width: 45%;
  position: relative;
  display: inline-block;
  float: left;
}
body.print .content-inner .row p strong {
  font-weight: bold;
}
body.print .content-inner .row--grid-container {
  margin: 0 auto;
  padding: 0px;
  max-width: 60%;
  display: block;
  clear: both;
  font-weight: bold;
  border: 1px #000 solid;
}
body.print .content-inner .row--grid {
  display: block;
  clear: both;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}
body.print .content-inner .row--grid:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.1);
}
body.print .content-inner .row--left {
  float: left;
}
body.print .content-inner .row--right {
  float: right;
}
body.print .content-inner .box {
  border: 6px #9c9c9c solid;
  padding: 6px;
  position: relative;
}
body.print .content-inner .box:first-child {
  float: left;
  margin: 0 6px 0 0;
}
body.print .content-inner .box:last-child {
  float: right;
  margin: 0 0 0 6px;
}
body.print .content-inner .box .row {
  padding: 5px 20px;
  width: auto;
}
body.print .content-inner .box p,
body.print .content-inner .box .half {
  font-style: italic;
  font-size: 12px;
  line-height: 25px;
  min-height: 25px;
  margin: 5px 0;
  padding: 5px;
}
body.print .content-inner .box ul {
  font-size: 12px;
  list-style: disc;
  padding: 0 0 0 30px;
  margin: 0;
}
body.print .content-inner .box .box {
  border: 2px #000000 solid;
  min-height: 25px;
  padding: 0 5px;
}
body.print .content-inner .box .box.area {
  height: 100px;
}
body.print .content-inner .box .date {
  padding-bottom: 10px;
  padding-left: 10px;
  margin-top: 5px;
}
body.print .content-inner .box .date p {
  display: block;
  margin: 0;
}
body.print .content-inner .box .date span {
  border: 2px #000000 solid;
  width: 25px;
  height: 25px;
  display: inline-block;
}
body.print .content-inner .box .date span:nth-child(2) {
  font-size: 12px;
  padding: 0;
  display: block;
  width: 100%;
  border: 0;
}
body.print .content-inner .box .date span:nth-child(4) {
  margin-right: 10px;
}
body.print .content-inner .box .date span:nth-child(6) {
  margin-right: 10px;
}
body.print .content-inner .box h2,
body.print .content-inner .box h3 {
  padding: 0 10px;
  font-style: italic;
}
body.print .content-inner .box p {
  padding: 0;
  margin: 0 10px;
  font-style: normal;
}
body.print .content-inner .text {
  padding: 30px 30px;
}
body.print .content-inner .text p,
body.print .content-inner .text ul,
body.print .content-inner .text li {
  font-size: 16px;
  font-family: Arial, Helvetica;
  font-weight: bold;
  color: #000000;
  margin-bottom: 10px;
}
body.print .content-inner .text ul {
  padding: 0 0 0 30px;
  list-style: disc;
}
body.print .content-inner .pagebreak {
  page-break-before: always;
}
.central-wrapper span {
  display: inline-block;
}
.central-wrapper ul {
  list-style: disc;
  margin: 0 0 30px 40px;
}
.central-wrapper h2 {
  margin: 30px 0;
  padding: 40px 0 0 0;
  border-top: 1px rgba(0, 0, 0, 0.2) solid;
}
.central-wrapper h4 {
  margin: 25px 0;
}
.central-wrapper h5 {
  margin: 15px 0;
}
.central-wrapper table {
  background-color: rgba(0, 0, 0, 0.08);
}
.central-wrapper table tr {
  border-bottom: 1px #ffffff solid;
}
.central-wrapper table tr td {
  padding: 10px;
}
.student-stories {
  width: 100%;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .student-stories {
    width: 100%;
    max-width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .student-stories {
    margin-top: 50px;
    max-width: 100%;
  }
}
.student-stories a {
  margin-top: 46px;
}
.trust-share-2020 .grid {
  margin: 0 0 20px 0;
}
.trust-share-2020 .grid > .row {
  padding: 10px;
  margin: 0;
}
.trust-share-2020 .grid > .row:nth-child(odd) {
  background-color: #f4f4f4;
}
.trust-share-2020 .grid > .row:nth-child(even) {
  background-color: #e9e9e9;
}
.trust-share-2020 .intro {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: start;
      justify-content: start;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .trust-share-2020 .intro {
    -ms-flex-flow: row;
        flex-flow: row;
  }
}
.trust-share-2020 .intro__image {
  padding: 20px;
  width: 100%;
  background-color: #9d70a1;
  margin-bottom: 20px;
}
.trust-share-2020 .intro__image img {
  max-width: 100px;
}
@media screen and (min-width: 768px) {
  .trust-share-2020 .intro__image img {
    max-width: none;
  }
}
@media screen and (min-width: 768px) {
  .trust-share-2020 .intro__image {
    max-width: 200px;
    min-width: 100px;
    width: auto;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .trust-share-2020 .intro__text {
    padding-left: 20px;
  }
}
.trust-share-2020 .content-primary-no-aside {
  width: 90%;
}
@media screen and (min-width: 768px) {
  .trust-share-2020 .content-primary-no-aside {
    width: 80%;
  }
}
.trust-share-2020 h1 strong {
  color: #a272a4;
}
.trust-share-2020 .btn-holder .btn {
  margin-right: 10px;
}
.trust-share-2020 .btn-print,
.trust-share-2020 .btn {
  vertical-align: inherit;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  color: white;
  background-color: #644066;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.19;
  border-radius: 2px;
  border-radius: 10px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 3px 7px;
  transition: background-color 0.08s ease-in-out;
  /*&:hover {
        background-color: @coloroverride1 !important;
    }

    &:active {
        background-color: @coloroverride2 !important;
    }*/
  margin: 27px 0;
  background-color: #00adee;
  background-image: none;
  height: 43px;
  line-height: 43px;
  padding: 0 30px;
  font-size: 17px;
  border: 0;
  border-radius: 0;
  transition: .25s;
}
.trust-share-2020 .btn-print:hover,
.trust-share-2020 .btn:hover {
  background-color: #644066;
}
.trust-share-2020 .btn-print:target,
.trust-share-2020 .btn:target,
.trust-share-2020 .btn-print:focus,
.trust-share-2020 .btn:focus {
  outline: none;
}
.trust-share-2020 .btn-print--pink,
.trust-share-2020 .btn--pink {
  background-color: #a272a4;
}
.trust-share-2020 .eaga-checkbox {
  margin-bottom: 90px;
}
@media screen and (min-width: 768px) {
  .trust-share-2020 .eaga-checkbox {
    margin-bottom: 50px;
  }
}
.descendants-data__inner {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
.descendants-data__inner p {
  max-width: 600px;
}
.descendants-data__inner ul.text-list {
  list-style: none;
  margin-left: 1em;
  margin-bottom: 20px;
}
.descendants-data__inner ul.text-list li {
  line-height: 16px;
  margin-bottom: 18px;
}
.descendants-data__inner ul.text-list li::before {
  content: "\2022";
  color: #2a2b79;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  padding-bottom: 8px;
}
.descendants-data__inner ul.basic--block--list {
  max-width: 510px;
}
.descendants-data__inner ul.basic--block--list li {
  margin-bottom: 14px;
}
.descendants-data__inner ul.basic--block--list li:first-of-type {
  box-sizing: border-box;
  font-size: 18px;
  font-weight: bold;
  background: #F2F2F2;
  padding: 18px 20px;
  margin-top: 0;
}
.descendants-data__inner ul.basic--block--list li:first-of-type strong {
  font-weight: normal!important;
}
.descendants-data__inner ul.basic--block--list li:last-of-type {
  margin-bottom: 0;
}
.descendants-data__inner ul.basic--block--list li label {
  font-weight: bold;
}
.descendants-data__inner ul.basic--block--list li label span {
  margin-right: 8px;
}
.descendants-data__section-header,
.descendants-data__button-spacing {
  margin-top: 25px;
}
.descendants-data__consent .eaga-checkbox {
  width: 50px;
  height: 50px;
}
.descendants-data__consent .eaga-checkbox input[type=checkbox] {
  width: 50px;
  height: 50px;
}
.descendants-data__consent .eaga-checkbox label {
  width: 48px;
  height: 48px;
  background: #ffffff;
  border: 1px solid #000000;
}
.descendants-data__consent .eaga-checkbox label:after {
  width: 30px;
  height: 15px;
  top: 15%;
  left: 52%;
  border: 5px solid #333333;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg) translate(-50%, -50%);
}
.descendants-data__consent .eaga-checkbox label span {
  left: 68px;
  top: 50%;
  transform: translateY(-50%);
}
.descendants-data__consent-header {
  max-width: 510px;
}
.descendants-data__consent-header p {
  box-sizing: border-box;
  font-size: 18px;
  font-weight: bold;
  background: #F2F2F2;
  padding: 18px 20px;
  margin-top: 30px;
}
.descendants-data__form {
  display: inline-block;
}
.descendants-data__btn {
  display: inline-block !important;
  padding: 12px 24px;
  font-size: 16px;
  line-height: 17px;
  font-weight: bold;
  border-radius: 5px;
  transition: 0.3s ease-in-out;
  border: 1px solid #644066;
  cursor: pointer;
}
.descendants-data__btn--margin-right {
  margin-right: 72px;
}
.descendants-data__btn--grey {
  color: #fff;
  background: #666;
  border-color: #666;
}
.descendants-data__btn--grey:hover {
  color: #666;
  background: #fff;
}
.descendants-data__btn--black-white {
  color: #000;
  background: transparent;
  border-color: #000;
}
.descendants-data__btn--black-white:hover {
  background: #fff;
}
.descendants-data__btn--purple {
  color: #fff;
  background: #644066;
}
.descendants-data__btn--purple:hover {
  background: #fff;
  color: #644066;
}
.descendants-data__btn--inverted-purple {
  color: #644066;
  background: #fff;
}
.descendants-data__btn--inverted-purple:hover {
  background: #644066;
  color: #fff;
}
.descendants-data__banner-img {
  margin-bottom: 50px;
}
.descendants-data__video-container {
  position: relative;
}
.descendants-data__video-container:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.descendants-data__video-container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.descendants-data__key-reference {
  display: inline-block;
  color: #a272a4;
}
.descendants-data__validation-wrapper {
  margin-top: 100px;
}
.descendants-data__validation-wrapper .descendants-data__validation-submit {
  display: inline-block;
}
.descendants-data__validation-wrapper .descendants-data__validation-error {
  display: inline-block;
}
.descendants-data__faqs dl {
  max-width: 650px;
}
.descendants-data__faqs dt {
  box-sizing: border-box;
  padding: 10px 0;
  font-weight: bold;
}
.descendants-data__faqs dd {
  margin: 0;
}
.descendants-data .grid {
  margin: 0 0 20px 0;
}
.descendants-data .grid > .row {
  padding: 10px;
  margin: 0;
}
.descendants-data .grid > .row:nth-child(odd) {
  background-color: #f4f4f4;
}
.descendants-data .grid > .row:nth-child(even) {
  background-color: #e9e9e9;
}
.descendants-data .intro {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: start;
      justify-content: start;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .descendants-data .intro {
    -ms-flex-flow: row;
        flex-flow: row;
  }
}
.descendants-data .intro__image {
  padding: 20px;
  width: 100%;
  background-color: #9d70a1;
  margin-bottom: 20px;
}
.descendants-data .intro__image img {
  max-width: 100px;
}
@media screen and (min-width: 768px) {
  .descendants-data .intro__image img {
    max-width: none;
  }
}
@media screen and (min-width: 768px) {
  .descendants-data .intro__image {
    max-width: 200px;
    min-width: 100px;
    width: auto;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .descendants-data .intro__text {
    padding-left: 20px;
  }
}
.descendants-data .content-primary-no-aside {
  width: 90%;
}
@media screen and (min-width: 768px) {
  .descendants-data .content-primary-no-aside {
    width: 80%;
  }
}
.descendants-data h1 strong {
  color: #a272a4;
}
.descendants-data .btn-holder .btn {
  margin-right: 10px;
}
.descendants-data .btn-print,
.descendants-data .btn {
  vertical-align: inherit;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  color: white;
  background-color: #644066;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.19;
  border-radius: 2px;
  border-radius: 10px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 3px 7px;
  transition: background-color 0.08s ease-in-out;
  /*&:hover {
        background-color: @coloroverride1 !important;
    }

    &:active {
        background-color: @coloroverride2 !important;
    }*/
  margin: 27px 0;
  background-color: #00adee;
  background-image: none;
  height: 43px;
  line-height: 43px;
  padding: 0 30px;
  font-size: 17px;
  border: 0;
  border-radius: 0;
  transition: .25s;
}
.descendants-data .btn-print:hover,
.descendants-data .btn:hover {
  background-color: #644066;
}
.descendants-data .btn-print:target,
.descendants-data .btn:target,
.descendants-data .btn-print:focus,
.descendants-data .btn:focus {
  outline: none;
}
.descendants-data .btn-print--pink,
.descendants-data .btn--pink {
  background-color: #a272a4;
}
.descendants-data .eaga-checkbox {
  margin-bottom: 90px;
}
@media screen and (min-width: 768px) {
  .descendants-data .eaga-checkbox {
    margin-bottom: 50px;
  }
}
.descendants-data__address-error {
  background-color: #DC2626 !important;
  color: #ffffff !important;
}
.descendants-data__address-error a,
.descendants-data__address-error p {
  color: #ffffff !important;
}
.descendants-data__address-error:hover {
  background: transparent !important;
  border: 1px solid #DC2626 !important;
}
.descendants-data__address-error:hover a,
.descendants-data__address-error:hover p {
  color: #DC2626 !important;
}
.descendants-data__address-error__descendants-data__btn--black-white {
  background-color: #ffffff !important;
}
.descendants-data__address-error--text {
  font-size: 14px!important;
  text-align: center!important;
  padding: 0;
  margin: 5px 0 0 0!important;
}
.descendants-data__address-remove {
  margin-top: 5px;
  color: #DC2626 !important;
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
}
.descendants-data__address-remove:hover {
  background: #DC2626 !important;
  color: #ffffff !important;
  border: 1px solid #DC2626 !important;
}
.descendants-data__form-submission .descendants-data__consent {
  margin: 52px 0 58px 0;
}
.descendants-data__form-submission .descendants-data__consent .row .eaga-checkbox {
  margin: 0;
  width: 34px;
  height: 34px;
}
.descendants-data__form-submission .descendants-data__consent .row .eaga-checkbox input {
  width: 34px;
  height: 34px;
}
.descendants-data__form-submission .descendants-data__consent .row .eaga-checkbox label {
  width: 34px;
  height: 34px;
}
.descendants-data__form-submission .descendants-data__consent .row .eaga-checkbox label::after {
  width: 21px;
  height: 8px;
  top: 8%;
  left: 53%;
  border-width: 6px;
}
.descendants-data__form-submission .descendants-data__consent .row .eaga-checkbox label span {
  left: 51px;
  font-size: 2rem;
  line-height: 2.34;
  font-weight: normal;
}
.descendants-data-child-form .row .info {
  font-size: 13px;
  color: gray;
  margin: -15px 0 0 0;
}
.descendants-data-child-form .row .info.error {
  color: #DC2626;
}
.descendants-data-child-form fieldset {
  padding-bottom: 43px;
}
.descendants-data-child-form fieldset > h2 {
  font-size: 28px;
  line-height: 28px;
  margin-top: 43px;
  height: auto;
}
.descendants-data-child-form fieldset > h2:before {
  top: 50%;
  transform: translateY(-50%);
}
.descendants-data-child-form fieldset > h2 strong:after {
  top: 50%;
  transform: translateY(-50%);
}
.descendants-data-child-form fieldset > h2 strong:before {
  top: 50%;
  transform: rotate(90deg) translate(-1px, 0);
}
.descendants-data-child-form fieldset > h2 span {
  display: none;
}
.descendants-data-child-form fieldset.active {
  padding-bottom: 0;
}
.descendants-data-child-form fieldset.active > h2 strong:before {
  top: 50%;
  transform: translateY(-50%);
}
.descendants-data-child-form__field > label {
  font-weight: bold !important;
}
.descendants-data-child-form__option-label {
  display: inline-block;
}
.descendants-data-text {
  box-sizing: border-box;
  padding: 30px 0;
}
.descendants-data-text h2 {
  font-size: 40px;
  font-style: normal;
  margin: 0 0 33px;
}
.descendants-data-text__inner {
  max-width: 605px;
}
.descendants-data-text__inner h4 {
  color: #2a2b79;
}
.descendants-data-text__inner a {
  font-weight: bold;
}
.descendants-data-text__inner ol {
  margin-bottom: 20px;
}
.descendants-data-text__inner ol li {
  padding-bottom: 10px;
  line-height: 21px;
  margin-bottom: 18px;
}
.descendants-data-text__inner ul {
  list-style: none;
  margin-left: 1em;
  margin-bottom: 20px;
}
.descendants-data-text__inner ul li {
  line-height: 16px;
  margin-bottom: 18px;
}
.descendants-data-text__inner ul li::before {
  content: "\2022";
  color: #2a2b79;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  padding-bottom: 8px;
}
.descendants-data-text__button-container {
  margin-top: 75px;
}
@media screen and (max-width: 720px) {
  .descendants-data-text__button-container .descendants-data__btn:first-of-type {
    margin-bottom: 20px;
  }
}
.descendants-data-text__highlighted {
  font-size: 16px;
  border: 5px solid #2a2b79;
  padding: 30px;
  margin: 10px 0;
}
.descendants-data-text__highlighted ul > li,
.descendants-data-text__highlighted p {
  color: #2a2b79;
}
.descendants-data-text__highlighted hr {
  margin: 5px 0 20px 0;
  border-top: 1px #2a2b79 solid;
}
.descendants-data-text__highlighted p {
  margin-top: 0;
  color: #2a2b79;
}
.descendants-data-text__highlighted p:last-of-type {
  margin-bottom: 0;
}
#descendants-data-birth-form .row .info {
  font-size: 13px;
  color: gray;
  margin: -15px 0 0 0;
}
#descendants-data-birth-form .row .info.error {
  color: #DC2626;
}
#descendants-data-birth-form .row .form-group--error input {
  border-color: #DC2626;
}
#descendants-data-birth-form fieldset {
  border: none;
}
#descendants-data-birth-form fieldset > h2 {
  padding-left: 0;
  cursor: auto;
}
#descendants-data-birth-form fieldset > h2:before,
#descendants-data-birth-form fieldset > h2 strong:after,
#descendants-data-birth-form fieldset > h2 strong:before {
  display: none;
}
#descendants-data-birth-form fieldset .section-fields {
  padding-left: 0;
}
#descendants-data-birth-form__field > label {
  font-weight: bold !important;
}
#descendants-data-birth-form__option-label {
  display: inline-block;
}
.descendants-data__birth-cert--post-address {
  font-size: 16px;
  border: 5px solid #2a2b79;
  padding: 30px;
  margin: 10px 0;
  max-width: 196px;
}
.descendants-data__birth-cert--post-address--india {
  max-width: 229px;
}
.descendants-data__birth-cert--post-address hr {
  margin: 5px 0 20px 0;
  border-top: 1px #2a2b79 solid;
}
.descendants-data__birth-cert--post-address p {
  margin-top: 0;
  color: #2a2b79;
}
.descendants-data__birth-cert--post-address p:last-of-type {
  margin-bottom: 0;
}
#bank-details .section-fields .row .third #upload-label {
  max-width: 306px !important;
  min-height: initial;
  line-height: 1.38em;
  margin: 0;
}
#bank-details .section-fields .row .third #upload-label:hover {
  cursor: pointer;
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.my-letters .flex-filters {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  gap: 10px;
}
.my-letters .flex-filters label {
  display: block;
  min-height: 22px;
}
.my-letters .flex-filters input,
.my-letters .flex-filters select {
  display: inline-block;
  max-width: 300px;
  max-height: 42px;
}
.my-letters .flex-filters select {
  min-width: 66%;
  background-position: center right 13px;
}
.my-letters .flex-filters input[type=date] {
  width: 170px;
  line-height: 1em;
}
.my-letters .flex-filters input[type=submit] {
  float: none;
  font-size: 2rem;
  margin: 0;
  vertical-align: middle;
}
.my-letters .flex-filters .clear-search {
  display: inline-block;
  border: solid 1px black;
  border-radius: 4px;
  padding: 10px;
  line-height: 1;
  vertical-align: middle;
}
.my-letters .flex-filters .filter-group {
  display: inline-block;
}
.my-letters .letters {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.my-letters .letters .letter {
  padding: 22px;
  margin-bottom: 20px;
}
.my-letters .letters .letter__border {
  border: 5px solid #000000;
}
.my-letters .letters .letter__border--trust-share {
  border-color: #9d70a1;
}
.my-letters .letters .letter__border--ydu {
  border-color: #00adee;
}
.my-letters .letters .letter header,
.my-letters .letters .letter .letter-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.my-letters .letters .letter header p,
.my-letters .letters .letter .letter-info p {
  margin-right: 5px;
  margin-bottom: 0;
}
.my-letters .letters .letter header h3 {
  margin: 0 0 20px 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
}
.my-letters .letters .letter p strong {
  margin-right: 5px;
}
.my-letters .letters .letter .btn {
  border: 1px solid #000000;
  border-radius: 5px;
  padding: 16px;
  background-color: #ffffff;
  color: #000000;
}
.my-letters .letters .letter .btn:hover {
  background-color: #000000;
  color: #ffffff;
}
@media screen and (max-width: 400px) {
  .my-letters .flex-filters {
    display: block;
  }
  .my-letters .flex-filters .filter-group {
    display: block;
  }
}
@media screen and (max-width: 547px) {
  .my-letters .flex-filters label {
    min-height: 0;
  }
}
.my-letters-banner {
  background-color: #0099d1;
  padding: 20px 0 20px 0;
}
.my-letters-banner__button-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
}
.my-letters-banner .btn-rounded--white {
  border: 1px solid transparent;
}
.my-letters-banner .btn-rounded--white:hover {
  background-color: #0099d1;
  border: 1px solid #ffffff;
}
.my-letters-banner__btn {
  min-height: 50px;
  height: 50px;
  box-sizing: border-box;
}
.my-letters-banner__btn--register {
  padding: 16px 28px;
  border: 0;
  font-size: 16px;
  font-weight: bold!important;
}
.my-letters-banner__content-inner .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: start;
      justify-content: start;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
}
@media screen and (min-width: 768px) {
  .my-letters-banner__content-inner .row {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-flow: row;
        flex-flow: row;
  }
}
.my-letters-banner__content {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
@media screen and (min-width: 768px) {
  .my-letters-banner__content {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.my-letters-banner__content h2 {
  color: #ffffff;
  font-style: normal;
  font-size: 36px;
  margin-top: 0;
  padding-top: 0;
}
.my-letters-banner__content p {
  color: #ffffff;
  font-size: 16px;
}
#doughnut-chart .doughnut-chart-center {
  position: absolute;
  top: 30%;
  left: 13%;
}
#doughnut-chart .doughnut-chart-center h1 {
  margin: 0;
  font-size: 8.8rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: -3px;
  line-height: 1;
}
#doughnut-chart .doughnut-chart-center h2 {
  font-style: italic;
  font-family: 'Merriweather', serif;
  font-weight: 600;
  font-size: 2.2rem;
  margin-bottom: 0;
  padding-left: 2px;
}
#doughnut-chart .doughnut-chart-center h1,
#doughnut-chart .doughnut-chart-center h2 {
  padding: 0;
  display: block;
  color: #644066;
}
.skill-builder__logo {
  display: block;
  max-width: 500px;
}
.skill-builder #doughnut-chart {
  width: 552px;
  height: 552px;
}
.skill-builder .donut-chart-numbers {
  position: absolute;
  top: 220px;
  left: 100px;
}
.skill-builder .overall-budget,
.skill-builder .overall-number {
  padding: 0;
  display: block;
  color: #644066;
}
.skill-builder .overall-budget {
  font-style: italic;
  font-family: 'Merriweather', serif;
  font-weight: 600;
  font-size: 2.2rem;
  margin-bottom: 0;
  padding-left: 2px;
}
.skill-builder .overall-number {
  margin: 0;
  font-size: 8.8rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: -3px;
  line-height: 1;
}
input[name='contains_completion_proof'] {
  opacity: 0;
  width: 0;
  float: none;
}
input[name='contains_completion_proof']:checked + label {
  font-weight: 900  !important;
  text-decoration: underline;
}