@charset "UTF-8";

/*!
 _________   ________   ________   _______-+-
/\* ______\ /\* ____ \ /\* ____ \ /\* ____ \
\ \ \_____/ \ \ \__/\ \\ \ \__/\ \\ \ \__/\ \
 \ \ \   ____\ \ \_\_\ \\ \ \_\_\ \\ \ \_\_\ \
  \ \ \ /\__ \\ \  __  _\\ \  __  _\\ \  __  _\
   \ \ \_/_/\ \\ \ \/\ \/_\ \ \/\ \/_\ \ \/\ \/_
    \ \________\\ \_\ \___\\ \_\ \___\\ \_\ \___\
     \/________/ \/_/\/___/ \/_/\/___/ \/_/\/___/.nl -->

      Author: Grrr.nl
*/

/* ==========================================================================
   CONTENTS
   ==========================================================================

 * Imports.............Import external stylesheets
 * Primary styles......Non module styles  (e.g. basic typography)
 * Specific styles.....Common styles used througout the site
 * Layout..............General layout stuff
 * Modules.............Modules based on SMACSS
 * Print styles........Styles for printing
 */

/* import order is important */

/* ==========================================================================
   functions
   ========================================================================== */

/**
 * Margins in line-height + em.
 * Usage:
 * padding-top: em-margin(3);
 */

/**
 * For converting pixels to ems
 * Based on a 10px font-size on the html
 * Usage:
 * div { width: pxToEm(300); }
 * Returns:
 * div { width: 30em; }
 */

/**
 * Color mixins (other than lighten or darken)
*/

/**
 * z-index function
 * For dynamically determining the stacking order of elements
 *
 * Usage:
 * .module { z-index: z('module'); }
 * .module__child { z-index: z('child'); }
 *
 * See $z-index variable in _variables.scss for stacking order
 */

/* ==========================================================================
	 mixins
	 ========================================================================== */

/**
 * Shortcut for :hover, :active, and :focus styles.
 *
 * Usage:
 * a {
 *   color: blue;
 *   @include hover { color: red; }
 * }
 */

/**
 * Shortcut for :active styles.
 * Used for specifiying a explicit active style (overwrites hover() for example).
 *
 * Usage:
 * a {
 *   color: blue;
 *   @include active { color: red; }
 * }
 */

/**
 * Clearfix
 * Actually an @extend, but we don't want to depend on inclusion order
 *
 * Usage:
 * section { @include cleafix(); }
 */

/*
 * Bare list
 * Author: Mattijs Bliek
 *
 * Get rid of list-style and padding
 */

/**
 * Sprite
 * Author: Mattijs Bliek
 *
 * Use a background sprite for text-replacement or icons
 *
 * Usage:
 * .icon { @include sprite(icons, 300px 200px): }
 *
 * It is recommended to replace the size of the sprite with a variable
 */

/**
 * For image replacement
 */

/**
 * For font-sizing in rem
 * Usage:
 * html { font-size: 62.5%; }
 * p { @include font-size(16); }
 */

/**
 * For using breakpoints
 * Usage:
 * div { width: 60px;
 *	@include breakpoint-min($small) { width: 80px; }
 * }
 *
 * Pass true as a second parameter to toggle high dpi screens
 */

/**
 * For targetting high dpi screens
 * Usage:
 * div {
 *	width: 30px; height: 30px; background: url('img.jpg');
 *	@include high-dpi() { background: url('image-2x.jpg'); @include background-size(30px 30px); }
 * }
 */

/**
 * For targeting old-IE
 * Usage:
 * div {
 *  @include old-ie { zoom: 1; }
 * }
 */

/**
 * Calculate fluid ratio based on two dimensions (width/height)
 * @see http://voormedia.com/blog/2012/11/responsive-background-images-with-fixed-or-fluid-aspect-ratios
 * Usage:
 * .header { @include fluid-ratio(800px 200px, 300px 150px); background-image: url('img/branding.png'); }
 */

/**
 * For right to left  direction
 * Usage:
 * div {
 *  @include rtl { float: right }
 * }
 */

/**
 * For specific languages
 * Usage:
 * div {
 *  @include arabic { content: counter(step-counter, arabic-indic) }
 * }
 */

/* ==========================================================================
   variables
   ========================================================================== */

/*
 * $colors
 */

/* shades */

/* main colors */

/* forms */

/* social */

/* ITC colors */

/* key colors */

/*
 * $typography
 */

/*
 * $margin
 */

/*
 * $padding
 */

/*
 * Layout
 */

/*
 * $side width
 */

/*
 * $grid units
 */

/*
 * z-index
 * for stacking stuff
 *
 * define the stacking order for modules here
 * within a module you should define it via
 * the $module-z-index variable
 */

/*
 * $breakpoints
 *
 * The following is inspired by this article: http://css-tricks.com/media-queries-sass-3-2-and-codekit/
 */

/* the following breakpoints are used for a few edge cases in base.scss */

/* Breakpoint where the two different menu layouts switch */

.list-block-links a::after,
.button--facebook:before,
.button--twitter:before,
.button--linkedin:before,
.button--googleplus:before,
.block-button:after,
.block-button--alt:after,
.block-button--subtle:after,
.profile-header__location:before,
.profile-header__website:before,
.profile-header__partner:before,
.profile-header-coach__location:before,
.profile-header-coach__website:before,
.profile-body-coach__website:before,
.profile-body-coach__location:before,
.share-buttons__facebook:before,
.share-buttons__twitter:before,
.share-buttons__linkedin:before,
.share-buttons__googleplus:before {
  content: '';
  display: inline-block;
  background-image: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/icon-34954225ba.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-size: cover;
}

.no-svg .list-block-links a::after,
.list-block-links .no-svg a::after,
.no-svg .button--facebook:before,
.no-svg .button--twitter:before,
.no-svg .button--linkedin:before,
.no-svg .button--googleplus:before,
.no-svg .block-button:after,
.no-svg .block-button--alt:after,
.no-svg .block-button--subtle:after,
.no-svg .profile-header__location:before,
.no-svg .profile-header__website:before,
.no-svg .profile-header__partner:before,
.no-svg .profile-header-coach__location:before,
.no-svg .profile-header-coach__website:before,
.no-svg .profile-body-coach__website:before,
.no-svg .profile-body-coach__location:before,
.no-svg .share-buttons__facebook:before,
.no-svg .share-buttons__twitter:before,
.no-svg .share-buttons__linkedin:before,
.no-svg .share-buttons__googleplus:before,
.operamini .list-block-links a::after,
.list-block-links .operamini a::after,
.operamini .button--facebook:before,
.operamini .button--twitter:before,
.operamini .button--linkedin:before,
.operamini .button--googleplus:before,
.operamini .block-button:after,
.operamini .block-button--alt:after,
.operamini .block-button--subtle:after,
.operamini .profile-header__location:before,
.operamini .profile-header__website:before,
.operamini .profile-header__partner:before,
.operamini .profile-header-coach__location:before,
.operamini .profile-header-coach__website:before,
.operamini .profile-body-coach__website:before,
.operamini .profile-body-coach__location:before,
.operamini .share-buttons__facebook:before,
.operamini .share-buttons__twitter:before,
.operamini .share-buttons__linkedin:before,
.operamini .share-buttons__googleplus:before {
  background-image: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/icon-c8bd79f680.png");
}

@keyframes menu-item-in {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes moving-thumb {
  0% {
    background-position: 50% 50%;
  }

  100% {
    background-position: 50% 30%;
  }
}

@keyframes modal-overlay {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 0.4;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes attention-fade {
  0% {
    background-color: #becde4;
  }

  100% {
    background-color: transparent;
  }
}

@keyframes checkmark {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }

  20% {
    width: 22px;
    height: 0;
    opacity: 1;
  }

  40% {
    width: 22px;
    height: 44px;
    opacity: 1;
  }

  100% {
    width: 22px;
    height: 44px;
    opacity: 1;
  }
}

@keyframes scale-in {
  0% {
    transform: scale3d(1, 1, 1);
  }

  1% {
    transform: scale3d(0, 0, 0);
  }

  40% {
    transform: scale3d(1, 1, 1);
  }
}

/* ==|== html5 boilerplate normalize ======================================== */

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

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

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

[hidden] {
  display: none;
}

html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

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

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em;
}

dfn {
  font-style: italic;
}

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

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

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

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

address {
  font-style: normal;
}

/* style color on img differently to easily spot alt-text and thus a missing image */

img {
  border: 0;
  color: #CCC;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

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

figure {
  margin: 0;
}

form {
  margin: 0;
}

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

label {
  cursor: pointer;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button,
input {
  line-height: normal;
  *overflow: visible;
}

table button,
table input {
  *overflow: auto;
}

/* @see http://24ways.org/2011/subliminal-user-experience for the "drag" and "select" specifics */

button,
.btn,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-user-drag: -moz-none;
  -webkit-user-drag: none;
  user-drag: none;
}

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

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

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}

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

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

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

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

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

td {
  vertical-align: top;
}

/* ==========================================================================
	PRIMER
	========================================================================== */

html {
  box-sizing: border-box;
  height: 100%;
  font-size: 62.5%;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  unicode-bidi: embed;
}

*,
*:before,
*:after {
  box-sizing: inherit;
  -webkit-font-smoothing: inherit;
}

body,
button,
input,
textarea {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  color: #323232;
}

body {
  height: 100%;
  margin: 0;
  background: #fff;
}

body.error-page {
  background: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/site-introduction-bg-195838efad.jpg");
  color: #fff;
}

header[role="banner"] {
  position: relative;
}

@media only screen and (min-width: 42.5em) {
  header[role="banner"] {
    background: #3366ff;
  }
}

header[role="banner"] > div {
  zoom: 1;
  position: relative;
}

header[role="banner"] > div:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

@media only screen and (min-width: 42.5em) {
  header[role="banner"] > div {
    max-width: 980px;
    margin: 0 auto;
  }
}

nav {
  font-size: 11px;
  font-size: 1.1rem;
}

@media only screen and (min-width: 42.5em) {
  nav {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

a {
  color: #3366ff;
  transition: color .1s;
  text-decoration: underline;
}

a,
a:hover,
a:focus,
a:active {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.no-touchevents a:hover,
.no-touchevents a:focus {
  text-decoration: none;
  transition: color 0s;
}

a:active {
  text-decoration: none;
}

p a {
  word-wrap: break-word;
}

a.color-warning {
  color: #ff5957;
}

.block-link {
  display: block;
  overflow: hidden;
}

p {
  margin-top: 0;
  margin-bottom: 1.4375em;
  line-height: 1.4375;
}

blockquote,
.blockquote {
  margin: 1.4375em;
  font-size: 16px;
  font-size: 1.6rem;
}

.content--primary blockquote,
.content--primary
  .blockquote {
  color: #3366ff;
}

.content--secondary blockquote,
.content--secondary
  .blockquote {
  color: #00bed7;
}

.content--tertiary blockquote,
.content--tertiary
  .blockquote {
  color: #00bed7;
}

.content--quarternary blockquote,
.content--quarternary
  .blockquote {
  color: #ff5d32;
}

.content--quinary blockquote,
.content--quinary
  .blockquote {
  color: #00b97f;
}

.content--senary blockquote,
.content--senary
  .blockquote {
  color: #83C412;
}

.content--primary--dark blockquote,
.content--primary--dark
  .blockquote {
  color: #1e50c3;
}

.content--white blockquote,
.content--white
  .blockquote {
  color: #ffffff;
}

.content--grey blockquote,
.content--grey
  .blockquote {
  color: #e6e6e6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: bold;
}

h1,
.alpha {
  margin-bottom: 0.71875em;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1.1;
}

@media only screen and (min-width: 42.5em) {
  h1,
  .alpha {
    font-size: 30px;
    font-size: 3rem;
  }
}

h2,
.beta {
  margin-bottom: 0.71875em;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.1;
}

@media only screen and (min-width: 42.5em) {
  h2,
  .beta {
    font-size: 30px;
    font-size: 3rem;
  }
}

h3,
.gamma {
  margin-bottom: 0.71875em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.1;
}

@media only screen and (min-width: 42.5em) {
  h3,
  .gamma {
    font-size: 19px;
    font-size: 1.9rem;
  }
}

img,
object,
iframe,
video {
  max-width: 100%;
  width: auto;
  height: auto;
}

.rich .figure[style*="float:left"],
.rich .figure[style*="float:left"] {
  margin: 0 10px 10px 0;
}

.rich .figure[style*="float:right"],
.rich .figure[style*="float:right"] {
  margin: 0 0 10px 10px;
}

select {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
  color: #323232;
}

@media only screen and (min-width: 42.5em) {
  select {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* ==========================================================================
	COMMON UI
	========================================================================== */

ul,
ol {
  margin-bottom: 40px;
  list-style: none;
}

ul li,
ol li {
  margin-top: 13px;
}

ul li:first-child,
ol li:first-child {
  margin-top: 0;
}

ul a,
ol a {
  word-wrap: break-word;
}

ul {
  padding-left: 30px;
}

ul li:before {
  content: '';
  float: left;
  display: block;
  width: 10px;
  height: 10px;
  margin: 5px 0 0 -25px;
  border: 2px solid #3366ff;
  border-radius: 50%;
}

[dir="rtl"] ul li:before {
  float: right;
  margin: 5px -25px 0 0;
}

[dir="ltr"] ul li:before {
  float: left;
  margin: 5px 0 0 -25px;
}

.content--primary ul li:before {
  border-color: #3366ff;
}

.content--secondary ul li:before {
  border-color: #00bed7;
}

.content--tertiary ul li:before {
  border-color: #00bed7;
}

.content--quarternary ul li:before {
  border-color: #ff5d32;
}

.content--quinary ul li:before {
  border-color: #00b97f;
}

.content--senary ul li:before {
  border-color: #83C412;
}

.content--primary--dark ul li:before {
  border-color: #1e50c3;
}

.content--white ul li:before {
  border-color: #ffffff;
}

.content--grey ul li:before {
  border-color: #e6e6e6;
}

ol {
  padding-left: 35px;
}

ol li {
  counter-increment: step-counter;
}

ol li::before {
  content: counter(step-counter);
  float: left;
  display: block;
  width: 22px;
  height: 22px;
  margin-left: -35px;
  border: 2px solid #3366ff;
  color: #3366ff;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
}

[dir="rtl"] ol li::before {
  float: right;
  margin-right: -35px;
  margin-left: auto;
  content: counter(step-counter, arabic-indic);
}

.rich[dir="rtl"] ol li::before {
  float: right;
  margin-right: -35px;
  margin-left: auto;
}

.rich[dir="ltr"] ol li::before {
  float: left;
  margin-left: -35px;
  margin-right: auto;
  content: counter(step-counter);
}

.content--primary ol li:before {
  border-color: #3366ff;
  color: #3366ff;
}

.content--secondary ol li:before {
  border-color: #00bed7;
  color: #00bed7;
}

.content--tertiary ol li:before {
  border-color: #00bed7;
  color: #00bed7;
}

.content--quarternary ol li:before {
  border-color: #ff5d32;
  color: #ff5d32;
}

.content--quinary ol li:before {
  border-color: #00b97f;
  color: #00b97f;
}

.content--senary ol li:before {
  border-color: #83C412;
  color: #83C412;
}

.content--primary--dark ol li:before {
  border-color: #1e50c3;
  color: #1e50c3;
}

.content--white ol li:before {
  border-color: #ffffff;
  color: #ffffff;
}

.content--grey ol li:before {
  border-color: #e6e6e6;
  color: #e6e6e6;
}

.unstyled-list,
form .errors {
  list-style: none;
  padding-left: 0;
}

[dir="rtl"] .unstyled-list,
[dir="rtl"] form .errors,
form [dir="rtl"] .errors {
  padding-left: auto;
  padding-right: 0;
}

.unstyled-list li:before,
form .errors li:before {
  display: none;
}

hr {
  margin: 1.4375em 15px;
  border-width: 1px;
  border-color: #e6e6e6;
}

.inner-wrapper hr {
  margin: 1.4375em auto;
}

@media only screen and (min-width: 42.5em) {
  hr {
    max-width: 960px;
    margin: 2.875em auto;
  }

  .inner-wrapper hr {
    margin: 2.875em auto;
  }
}

.hr--primary {
  border-color: #3366ff;
}

.hr--secondary {
  border-color: #00bed7;
}

.hr--tertiary {
  border-color: #00bed7;
}

.hr--quarternary {
  border-color: #ff5d32;
}

.hr--quinary {
  border-color: #00b97f;
}

.hr--senary {
  border-color: #83C412;
}

.hr--primary--dark {
  border-color: #1e50c3;
}

.hr--white {
  border-color: #ffffff;
}

.hr--grey {
  border-color: #e6e6e6;
}

.hr--big {
  border-width: 7px;
}

.hr--lightest {
  border-color: #f2f2f2;
}

.hr--white {
  border-color: #ffffff;
}

.hr--nm {
  margin: 1.4375em 0 !important;
}

/**
 * Form Elements
 *
 * Reset + common styling for commmon form elements.
 * For specific styling: please use a module.
 *
 */

form {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.garp-form {
  zoom: 1;
}

.garp-form:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

.garp-form > div {
  margin-bottom: 35px;
}

.garp-form > div:last-of-type {
  margin-bottom: 0;
}

.garp-form > hr {
  margin: 35px 0;
}

label {
  display: block;
  margin-bottom: 3px;
  font-weight: bold;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media only screen and (max-width: 42.4375em) {
  label {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

legend {
  font-weight: bold;
}

.sublabel {
  font-weight: normal;
}

.form-hint,
form .hint,
.form-error,
form .errors {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  font-size: 1.3rem;
}

.form-hint,
form .hint {
  color: #a0a0a0;
}

.form-error,
form .errors {
  color: #ff5957;
}

.call-to-action--quarternary .errors li {
  padding: 12px;
  display: inline-block;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
}

input:not([type="submit"]),
textarea,
select {
  outline: 0;
  border: 1px solid #a0a0a0;
  border-radius: 4px;
}

input:not([type="submit"]):focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: #3366ff;
  box-shadow: inset #3366ff 0 0 0 2px;
}

input:not([type="submit"]):disabled,
textarea:disabled,
select:disabled {
  background: #f7f7f7;
}

input:not([type="submit"]).is-invalid,
textarea.is-invalid,
select.is-invalid {
  border-color: #ff5957;
  box-shadow: none;
}

input:not([type="submit"]).is-invalid:focus,
textarea.is-invalid:focus,
select.is-invalid:focus {
  box-shadow: #ff5957 0 0 0 2px;
}

input[type="radio"] {
  border-radius: 50%;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea,
select {
  display: block;
  width: 100%;
  padding: 12px;
}

.touchevents input[type="text"],
.touchevents
  input[type="email"],
.touchevents
  input[type="url"],
.touchevents
  input[type="password"],
.touchevents
  textarea,
.touchevents
  select {
  font-size: 16px;
  font-size: 1.6rem;
}

input[type="text"].form-element--sm,
input[type="email"].form-element--sm,
input[type="url"].form-element--sm,
input[type="password"].form-element--sm,
textarea.form-element--sm,
select.form-element--sm {
  padding: 6px 12px;
  font-size: 12px;
  font-size: 1.2rem;
}

input[type="checkbox"],
input[type="radio"] {
  display: inline-block;
  line-height: inherit;
  margin-right: 8px;
}

[dir="rtl"] input[type="checkbox"],
[dir="rtl"]
  input[type="radio"] {
  margin-right: auto;
  margin-left: 8px;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  font-weight: normal;
}

textarea {
  width: 100%;
  line-height: 1.4375;
}

fieldset {
  padding: 1em;
  margin-bottom: 1.5em;
  background: #ededed;
  border-radius: 4px;
}

label[for="qualify-field"] {
  max-width: 90%;
  vertical-align: top;
}

.button--google-captcha-fix {
  position: relative;
}

/* ==========================================================================
	LAYOUT
	========================================================================== */

.wrapper {
  position: relative;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (min-width: 42.5em) {
  .wrapper {
    min-height: 100%;
    padding-bottom: 275px;
  }
}

@media only screen and (min-width: 55em) {
  .wrapper {
    padding-bottom: 235px;
  }
}

.inner-wrapper {
  padding: 0 15px;
}

@media only screen and (min-width: 42.5em) {
  .inner-wrapper {
    max-width: 1020px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
  }
}

.no-flexbox .inner-wrapper {
  zoom: 1;
}

.no-flexbox .inner-wrapper:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

.inner-wrapper--spaced {
  padding-top: 1.4375em;
  padding-bottom: 1.4375em;
}

@media only screen and (min-width: 42.5em) {
  .inner-wrapper--spaced {
    padding-top: 4.3125em;
    padding-bottom: 4.3125em;
  }
}

.inner-wrapper--top-spaced {
  margin-top: 1.4375em;
}

@media only screen and (min-width: 42.5em) {
  .inner-wrapper--top-spaced {
    margin-top: 4.3125em;
  }
}

@media only screen and (max-width: 42.4375em) {
  .inner-wrapper--spaced > nav:first-child {
    margin-top: -25px;
  }
}

@media only screen and (min-width: 42.5em) {
  .inner-wrapper.has-sidebar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 1020px;
  }
}

.no-flexbox .inner-wrapper.has-sidebar {
  zoom: 1;
  display: block;
}

.no-flexbox .inner-wrapper.has-sidebar:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

@media only screen and (min-width: 42.5em) {
  .inner-wrapper--flipped {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

@media only screen and (min-width: 42.5em) {
  .main:nth-child(1),
  .inner-wrapper--flipped .main:nth-child(2) {
    -ms-flex: 1;
    flex: 1;
    padding: 0 40px 0 0;
  }

  [dir="rtl"] .main:nth-child(1),
  [dir="rtl"]
    .inner-wrapper--flipped .main:nth-child(2) {
    padding-left: 40px;
    padding-right: 0;
  }

  [dir="rtl"] .main:nth-child(1),
  [dir="rtl"]
    .inner-wrapper--flipped .main:nth-child(2) {
    padding-left: 40px;
    padding-right: 0;
  }

  [dir="ltr"] .main:nth-child(1),
  [dir="ltr"]
    .inner-wrapper--flipped .main:nth-child(2) {
    padding-right: 40px;
    padding-left: 0;
  }

  .no-flexbox .main:nth-child(1),
  .no-flexbox
    .inner-wrapper--flipped .main:nth-child(2) {
    width: 100%;
    max-width: 660px;
    float: left;
  }
}

@media only screen and (min-width: 55em) {
  .main:nth-child(1),
  .inner-wrapper--flipped .main:nth-child(2) {
    padding-right: 60px;
  }

  [dir="rtl"] .main:nth-child(1),
  [dir="rtl"]
    .inner-wrapper--flipped .main:nth-child(2) {
    padding-right: 0;
    padding-left: 60px;
  }

  [dir="rtl"] .main:nth-child(1),
  [dir="rtl"]
    .inner-wrapper--flipped .main:nth-child(2) {
    padding-right: 0;
    padding-left: 60px;
  }

  [dir="ltr"] .main:nth-child(1),
  [dir="ltr"]
    .inner-wrapper--flipped .main:nth-child(2) {
    padding-right: 60px;
    padding-left: 0;
  }
}

.main--narrow {
  max-width: 660px;
}

@media only screen and (min-width: 42.5em) {
  .main:nth-child(2),
  .inner-wrapper--flipped .main:nth-child(1) {
    -ms-flex: 1;
    flex: 1;
    padding: 0 0 0 40px;
  }

  .no-flexbox .main:nth-child(2),
  .no-flexbox
    .inner-wrapper--flipped .main:nth-child(1) {
    width: 100%;
    max-width: 660px;
    float: left;
  }

  [dir="rtl"] .main:nth-child(2),
  [dir="rtl"]
    .inner-wrapper--flipped .main:nth-child(1) {
    padding-left: 0;
    padding-right: 40px;
  }
}

@media only screen and (min-width: 55em) {
  .main:nth-child(2),
  .inner-wrapper--flipped .main:nth-child(1) {
    padding-left: 60px;
  }

  [dir="rtl"] .main:nth-child(2),
  [dir="rtl"]
    .inner-wrapper--flipped .main:nth-child(1) {
    padding-left: 0;
    padding-right: 60px;
  }
}

@media only screen and (min-width: 42.5em) {
  .inner-wrapper > aside,
  .sidebar {
    width: 300px;
  }

  .no-flexbox .inner-wrapper > aside,
  .no-flexbox
    .sidebar {
    float: right;
  }

  [dir="rtl"] .no-flexbox .inner-wrapper > aside,
  [dir="rtl"] .no-flexbox
      .sidebar {
    float: left;
  }
}

/* ==========================================================================
	MODULES
	========================================================================== */

/**
 * Pattern Library
 */

.patterns section:before {
  content: attr(data-title);
  display: block;
  margin: 2em 0;
  padding: .7em 1em;
  background: #e6e6e6;
  color: #323232;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: right;
}

.toggle {
  display: inline-block;
  padding: 3px;
  border: 2px solid #3366ff;
  border-radius: 3px;
  font-size: 14px;
  font-size: 1.4rem;
}

.toggle > * {
  display: inline-block;
  padding: 5px 10px;
  white-space: nowrap;
  text-align: center;
  vertical-align: top;
}

.toggle > a {
  color: #323232;
  text-decoration: none;
}

.toggle > span {
  background: #3366ff;
  color: #fff;
  border-radius: 2px;
}

.checkbox-dropdown {
  height: 210px;
  overflow-y: scroll;
  border: 1px solid #e6e6e6;
  margin-top: 10px;
  padding: 10px 0;
  list-style: none;
}

.checkbox-dropdown > li::before {
  display: none;
}

.checkbox-dropdown.checkbox-dropdown label {
  padding: 0 15px;
  background: transparent;
}

.custom-multicheckbox {
  list-style: none;
  margin: 0;
  padding: 0;
}

.custom-multicheckbox > li {
  display: inline-block;
  margin-top: 5px;
  margin-right: 5px;
}

@media only screen and (min-width: 42.5em) {
  .custom-multicheckbox > li {
    margin-top: 10px;
    margin-right: 10px;
  }
}

.custom-multicheckbox > li:first-child {
  margin-top: 10px;
}

.custom-multicheckbox > li::before {
  display: none;
}

.custom-radiobuttons {
  padding-left: 0;
}

.custom-radiobuttons li::before {
  display: none;
}

.custom-radiobuttons.custom-radiobuttons label {
  padding: 0;
  background: transparent;
}

.fieldset--alternate {
  position: relative;
  margin: 5.5em 0 6.5em;
  padding: 0 .9em;
  background: none;
  border-left: 0.3em solid #3366ff;
  border-radius: 0;
}

@media only screen and (min-width: 55em) {
  .fieldset--alternate {
    padding: 0 1.5em;
  }
}

[dir="rtl"] .fieldset--alternate {
  border-left: 0;
  border-right: 5px solid #3366ff;
  border-radius: 0;
}

.fieldset--alternate legend {
  position: absolute;
  top: -2.55em;
  left: -7px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: normal;
  color: #3366ff;
}

[dir="rtl"] .fieldset--alternate legend {
  left: auto;
  right: -7px;
}

.fieldset--alternate .hint {
  margin-bottom: 0;
}

.fieldset--alternate > div:not(:last-of-type) {
  margin-bottom: 1em;
}

@media only screen and (min-width: 55em) {
  .fieldset--alternate > div:not(:last-of-type) {
    margin-bottom: 2em;
  }
}

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

.table th {
  text-align: left;
}

.table th,
.table td {
  padding: 2px 15px;
  max-width: 90%;
}

.table tr:nth-child(2n + 1) td {
  background: #f2f2f2;
}

.table__numeric {
  text-align: right;
}

/**
 * List with links that looks like a dropdown
 */

.dropdown {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: absolute;
  z-index: 9999;
  width: 200px;
  max-height: 300px;
  border-radius: .5em;
  transition: max-height 0.2s cubic-bezier(0.87, -0.41, 0.19, 1.14), box-shadow 0.2s;
}

.dropdown li:before {
  content: none;
}

.js .dropdown {
  max-height: 0;
  overflow: hidden;
}

.dropdown.is-expanded {
  box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.15);
}

.js .dropdown.is-expanded {
  max-height: 260px;
  overflow: auto;
}

.dropdown__item {
  margin: 0;
  background: #ffffff;
  line-height: 1;
}

.dropdown__item:first-child {
  padding-top: 0.71875em;
}

.dropdown__item:last-child {
  padding-bottom: 0.71875em;
}

.dropdown__item a {
  display: block;
  padding: 0.71875em 1.4375em;
  text-decoration: none;
}

.no-touchevents .dropdown__item a:hover,
.no-touchevents .dropdown__item a:focus {
  background: #f2f2f2;
}

.no-touchevents .dropdown__item a:active {
  background: #f2f2f2;
}

.dropdown__item a:active {
  background: #f2f2f2;
}

.dropdown__item--active a {
  font-weight: bold;
}

.multi-input-legend {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}

.multi-input {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.multi-input label {
  display: inline-block;
  margin-bottom: 0;
  padding: 6px 10px;
  background: #f2f2f2;
  font-weight: normal;
  border-radius: 3px;
}

@media only screen and (min-width: 42.5em) {
  .multi-input label {
    padding: 10px 15px;
  }
}

/* cookie-announcement */

.cookie-announcement {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #3366ff;
  color: #ffffff;
  padding: 15px 10px;
  text-align: center;
  box-shadow: 0 0 25px rgba(50, 50, 50, 0.3), 0 0 15px rgba(50, 50, 50, 0.15);
  z-index: 999;
}

.cookie-announcement-inner {
  display: inline-block;
}

.cookie-announcement,
.cookie-announcement button {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 18px;
  font-style: normal;
  font-weight: normal;
}

@media only screen and (min-width: 55em) {
  .cookie-announcement,
  .cookie-announcement button {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.cookie-announcement a {
  text-decoration: underline;
  color: #ffffff;
}

.cookie-announcement a:hover,
.cookie-announcement a:focus {
  text-decoration: none;
}

.cookie-announcement p {
  margin: 0 0 20px;
}

.cookie-announcement button {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin-left: 10px;
  background: #323232;
  color: #ffffff;
  border: 0;
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
  border-radius: 50%;
  min-width: auto;
  font-size: 20px;
  font-size: 2rem;
}

/* cookie-info page */

.cookie-info {
  margin: 3em;
}

.cookie-info dl {
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  padding: 1em 0;
  margin: 3em 0;
}

.cookie-info dt {
  float: left;
  width: 200px;
  font-weight: bold;
  clear: left;
}

.cookie-info dd {
  float: left;
}

.cookie-info footer {
  margin-top: 3em;
}

/** Flash message */

.flash-message {
  position: fixed;
  z-index: 1000;
  padding: 25px 30px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
  opacity: 0;
  transition: opacity .2s ease-out, transform .2s ease-in;
}

@media only screen and (max-width: 42.4375em) {
  .flash-message {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: #3366ff;
    color: #ffffff;
    transform: translate3d(0, 200px, 0);
  }
}

@media only screen and (min-width: 42.5em) {
  .flash-message {
    top: 25px;
    right: 25px;
    min-width: 250px;
    max-width: 350px;
    padding: 30px 45px;
    font-size: 15px;
    font-size: 1.5rem;
    background: #ffffff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    transform: translate3d(100%, 0, 0);
  }

  [dir="rtl"] .flash-message {
    right: auto;
    left: 25px;
    transform: translate3d(-100%, 0, 0);
  }

  .flexbox .flash-message {
    min-height: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }
}

.flash-message p {
  margin-bottom: 0;
}

.flash-message-active .flash-message {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity .2s ease-out, transform .2s ease-out;
}

.auth-message {
  display: inline-block;
  margin-bottom: 2.5em;
  padding: 15px;
  border: 1px solid #a0a0a0;
  background: #FCF9E6;
  border-radius: 3px;
}

.list-block-links > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: 50px;
}

.list-block-links > ul li:before {
  content: none;
}

.list-block-links li:not(:first-child) {
  margin-top: 3px;
}

.list-block-links a {
  position: relative;
  display: block;
  padding: 15px 20px;
  padding-right: 50px;
  text-decoration: none;
  background: #3366ff;
  color: #ffffff;
  border-radius: 3px;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.4;
}

[dir="rtl"] .list-block-links a {
  padding-right: 20px;
  padding-left: 50px;
}

@media only screen and (min-width: 42.5em) {
  .list-block-links a {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

.no-touchevents .list-block-links a:hover,
.no-touchevents .list-block-links a:focus {
  background: #1e50c3;
}

.no-touchevents .list-block-links a:active {
  background: #1e50c3;
}

.list-block-links a:active {
  background: #1e50c3;
}

.list-block-links--theme-senary a {
  background: #83C412;
}

.no-touchevents .list-block-links--theme-senary a:hover,
.no-touchevents .list-block-links--theme-senary a:focus {
  background: #76b010;
}

.no-touchevents .list-block-links--theme-senary a:active {
  background: #76b010;
}

.list-block-links--theme-senary a:active {
  background: #76b010;
}

.list-block-links a::after {
  width: 24px;
  height: 24px;
  background-position: 0 -144px;
  position: absolute;
  right: 0.71875em;
  top: 50%;
  margin-top: -12px;
}

[dir="rtl"] .list-block-links a::after {
  right: auto;
  left: 0.71875em;
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.list-block-links strong {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
}

@media only screen and (min-width: 42.5em) {
  .list-block-links strong {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.site-logos {
  position: relative;
  z-index: 2;
  display: block;
  min-width: 70px;
  height: 50px;
  background-color: #3366ff;
  color: #fff;
  box-shadow: none;
  line-height: 50px;
  font-size: 0;
  text-align: center;
}

@media only screen and (min-width: 61.875em) {
  .site-logos {
    float: left;
    width: 173px;
  }

  [dir="rtl"] .site-logos {
    float: right;
  }
}

.site-logo {
  display: inline-block;
  vertical-align: top;
  min-width: 70px;
  height: 50px;
  background: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/site-logo-db6c4ced0d.svg") center center no-repeat #3366ff;
}

.no-svg .site-logo,
.operamini .site-logo {
  background: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/site-logo-ca71216b8f.png") center center no-repeat #3366ff;
}

.site-logo-itc {
  margin: 0 0 0 10px;
  display: inline-block;
  vertical-align: top;
  min-width: 77px;
  height: 50px;
  background: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/site-logo-itc-fulltext-8c8246fd0c.png") center center no-repeat #3366ff;
  background-size: contain;
}

@media only screen and (max-width: 21.1875em) {
  .site-logo-itc {
    display: none;
  }
}

@media only screen and (max-width: 61.8125em) {
  .navigation-main {
    background: #1e50c3;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 -1px 2px rgba(0, 0, 0, 0.4);
  }
}

@media only screen and (min-width: 61.875em) {
  .navigation-main {
    float: left;
  }

  [dir="rtl"] .navigation-main {
    float: right;
  }
}

.navigation-main ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 100%;
}

.navigation-main ul li:before {
  content: none;
}

@media only screen and (min-width: 22.5em) and (max-width: 32.4375em) {
  .navigation-main ul {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 32.5em) and (max-width: 61.8125em) {
  .navigation-main ul {
    padding: 0 30px;
  }
}

@media only screen and (min-width: 61.875em) {
  .navigation-main ul {
    display: block;
  }
}

.no-flexbox .navigation-main ul {
  zoom: 1;
  display: block;
}

.no-flexbox .navigation-main ul:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

.navigation-main li {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 0;
}

@media only screen and (min-width: 61.875em) {
  .navigation-main li {
    float: left;
  }

  [dir="rtl"] .navigation-main li {
    float: right;
  }
}

.navigation-main li.is-current a {
  background: rgba(0, 0, 0, 0.1);
}

.no-flexbox .navigation-main li {
  float: left;
}

@media only screen and (max-width: 61.8125em) {
  .no-flexbox .navigation-main li {
    width: 25%;
    height: 50px;
  }
}

.navigation-main a {
  display: block;
  padding: 0 5px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  text-decoration: none;
}

@media only screen and (min-width: 61.875em) {
  .navigation-main a {
    padding: 0 20px;
  }
}

.no-touchevents .navigation-main a:hover,
.no-touchevents .navigation-main a:focus {
  background: rgba(0, 0, 0, 0.1);
}

.no-touchevents .navigation-main a:active {
  background: rgba(0, 0, 0, 0.1);
}

.navigation-main a:active {
  background: rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 61.8125em) {
  .no-flexbox .navigation-main a {
    line-height: 1;
    padding: 18px 0;
    max-height: 50px;
  }
}

.navigation-secondary {
  font-size: 10px;
  font-size: 1rem;
}

@media only screen and (max-width: 42.4375em) {
  .navigation-secondary {
    width: calc(100% + 30px);
    overflow: hidden;
    zoom: 1;
    margin: 0 -15px 20px;
  }

  .navigation-secondary:after {
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    content: '';
  }
}

@media only screen and (min-width: 42.5em) {
  .navigation-secondary {
    float: left;
    width: 200px;
    font-size: 14px;
    font-size: 1.4rem;
    border-right: 1px solid #a0a0a0;
  }

  [dir="rtl"] .navigation-secondary {
    border-right: 0;
    border-left: 1px solid #a0a0a0;
  }
}

.navigation-secondary ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin: 0;
}

.navigation-secondary ul li:before {
  content: none;
}

@media only screen and (max-width: 42.4375em) {
  .navigation-secondary ul {
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
  }
}

.navigation-secondary li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin: 0;
}

.navigation-secondary li li:before {
  content: none;
}

@media only screen and (max-width: 42.4375em) {
  .navigation-secondary li {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
}

@media only screen and (min-width: 42.5em) {
  .navigation-secondary li {
    display: block;
    margin-bottom: 20px;
  }
}

.navigation-secondary a {
  overflow: hidden;
  display: block;
  color: #323232;
  text-decoration: none;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media only screen and (max-width: 42.4375em) {
  .navigation-secondary a {
    padding: 15px 5px;
    text-align: center;
    border-bottom: 1px solid #a0a0a0;
  }
}

@media only screen and (min-width: 42.5em) {
  .navigation-secondary a {
    width: 160px;
    padding: 10px 13px;
    border-radius: 3px;
  }
}

@media only screen and (min-width: 42.5em) {
  .navigation-secondary__current {
    border-right: 3px solid #3366ff;
  }

  [dir="rtl"] .navigation-secondary__current {
    border-right: 0;
    border-left: 3px solid #3366ff;
  }
}

.navigation-secondary__current a {
  background: rgba(51, 102, 255, 0.1);
  color: #3366ff;
}

.navigation-user {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  height: 50px;
  color: #ffffff;
}

[dir="rtl"] .navigation-user {
  right: auto;
  left: 0;
}

@media only screen and (min-width: 61.875em) {
  .navigation-user {
    float: right;
    position: relative;
  }

  [dir="rtl"] .navigation-user {
    float: left;
  }
}

.navigation-user ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.navigation-user ul li:before {
  content: none;
}

.navigation-user li {
  margin-bottom: 0;
}

.navigation-user a {
  color: #ffffff;
  text-decoration: none;
}

.navigation-user__profile-link {
  display: inline-block;
  max-width: 400px;
  height: 50px;
  line-height: 50px;
  padding: 0 12px;
  max-width: 160px;
  overflow: hidden;
}

@media only screen and (min-width: 61.875em) {
  .no-touchevents .navigation-user__profile-link:hover,
  .no-touchevents .navigation-user__profile-link:focus {
    background: rgba(0, 0, 0, 0.1);
  }

  .no-touchevents .navigation-user__profile-link:active {
    background: rgba(0, 0, 0, 0.1);
  }

  .navigation-user__profile-link:active {
    background: rgba(0, 0, 0, 0.1);
  }

  .navigation-user__profile-link.is-current {
    background: rgba(0, 0, 0, 0.1);
  }
}

@media only screen and (max-width: 61.8125em) {
  .no-flexbox .navigation-user__profile-link {
    line-height: 1;
    padding: 12px 10px;
  }
}

.navigation-user__profile-link figure {
  display: inline-block;
}

.navigation-user__profile-link img {
  width: 30px;
  height: 30px;
  margin-top: -2px;
  border-radius: 3px;
  overflow: hidden;
}

@media only screen and (min-width: 61.875em) {
  .navigation-user__profile-link img {
    margin-right: 7px;
  }

  [dir="rtl"] .navigation-user__profile-link img {
    margin-right: auto;
    margin-left: 7px;
  }
}

.navigation-user__profile-link span {
  display: none;
}

@media only screen and (min-width: 61.875em) {
  .navigation-user__profile-link span {
    display: inline;
  }
}

.navigation-user__button {
  display: inline-block;
  margin: 9px 10px;
  padding: 0 10px;
  line-height: 30px;
  border: 1px solid #fff;
  border-radius: 3px;
}

@media only screen and (max-width: 61.8125em) {
  .no-flexbox .navigation-user__button {
    line-height: 1;
    padding: 7px 10px;
  }
}

.navigation-countries {
  margin-bottom: 2.875em;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
}

.navigation-countries ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.navigation-countries ul li:before {
  content: none;
}

.navigation-countries li {
  margin: 0;
}

.navigation-countries li + li a {
  border-top: 1px solid #e6e6e6;
}

.navigation-countries h3 {
  margin-bottom: 5px;
}

.navigation-countries a {
  position: relative;
  display: block;
  padding: 15px 25px;
  text-decoration: none;
}

.navigation-countries a.is-current {
  background: #3366ff;
  color: #ffffff;
}

.navigation-countries a.is-current span {
  color: #ffffff;
}

.navigation-countries span {
  color: #323232;
}

.navigation-footer {
  zoom: 1;
}

.navigation-footer:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

@media only screen and (max-width: 42.4375em) {
  .navigation-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.navigation-footer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-width: 120px;
}

.navigation-footer ul li:before {
  content: none;
}

@media only screen and (min-width: 42.5em) {
  .navigation-footer ul {
    float: left;
    max-width: 160px;
    width: 33.3333%;
  }

  [dir="rtl"] .navigation-footer ul {
    float: right;
  }
}

/**
 * Language switch
 */

.navigation-locale {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background: #3366ff;
}

[dir="rtl"] .navigation-locale {
  left: auto;
  right: 0;
}

@media only screen and (min-width: 61.875em) {
  .navigation-locale {
    position: relative;
    float: right;
  }

  [dir="rtl"] .navigation-locale {
    float: left;
  }
}

.navigation-locale__toggle {
  position: relative;
  min-width: 0;
  height: 50px;
  font-size: inherit;
  font-weight: normal;
  border-radius: 0;
  box-shadow: none;
  z-index: 50;
}

.navigation-locale__toggle::after {
  content: '';
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .8em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid currentColor;
  transition: transform .2s;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

[dir="rtl"] .navigation-locale__toggle::after {
  margin-left: 0;
  margin-right: .8em;
}

.no-touchevents .navigation-locale__toggle:hover,
.no-touchevents .navigation-locale__toggle:focus {
  background: rgba(0, 0, 0, 0.1);
}

.no-touchevents .navigation-locale__toggle:active {
  background: rgba(0, 0, 0, 0.1);
}

.navigation-locale__toggle:active {
  background: rgba(0, 0, 0, 0.1);
}

.navigation-locale__toggle.is-active {
  background: rgba(0, 0, 0, 0.1);
}

.navigation-locale__toggle.is-active::after {
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}

.navigation-locale__dropdown {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: absolute;
  right: 0;
  z-index: 40;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  background: #3366ff;
  transition: max-height 0.2s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}

.navigation-locale__dropdown li:before {
  content: none;
}

.navigation-locale__dropdown.is-expanded {
  max-height: 300px;
}

.navigation-locale__dropdown.is-expanded li {
  animation: menu-item-in .2s forwards;
}

.navigation-locale__dropdown.is-expanded li:nth-child(0) {
  animation-delay: 0s;
}

.navigation-locale__dropdown.is-expanded li:nth-child(1) {
  animation-delay: 0.015s;
}

.navigation-locale__dropdown.is-expanded li:nth-child(2) {
  animation-delay: 0.03s;
}

.navigation-locale__dropdown.is-expanded li:nth-child(3) {
  animation-delay: 0.045s;
}

.navigation-locale__dropdown.is-expanded li:nth-child(4) {
  animation-delay: 0.06s;
}

.navigation-locale__dropdown.is-expanded li:nth-child(5) {
  animation-delay: 0.075s;
}

.navigation-locale__dropdown.is-expanded li:nth-child(6) {
  animation-delay: 0.09s;
}

.navigation-locale__dropdown.is-expanded li:nth-child(7) {
  animation-delay: 0.105s;
}

.navigation-locale__dropdown.is-expanded li:nth-child(8) {
  animation-delay: 0.12s;
}

.navigation-locale__dropdown.is-expanded li:nth-child(9) {
  animation-delay: 0.135s;
}

.navigation-locale__dropdown.is-expanded li:nth-child(10) {
  animation-delay: 0.15s;
}

.navigation-locale__dropdown.is-expanded li:nth-child(11) {
  animation-delay: 0.165s;
}

.navigation-locale__dropdown.is-expanded li:nth-child(12) {
  animation-delay: 0.18s;
}

.navigation-locale__dropdown.is-expanded li:nth-child(13) {
  animation-delay: 0.195s;
}

.navigation-locale__dropdown.is-expanded li:nth-child(14) {
  animation-delay: 0.21s;
}

.navigation-locale__dropdown::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: rgba(0, 0, 0, 0.1);
}

.navigation-locale li {
  margin: 0;
}

.navigation-locale li:first-of-type a {
  padding-top: 12px;
}

.navigation-locale li:last-of-type a {
  padding-bottom: 12px;
}

.navigation-locale__locale-link {
  display: inline-block;
  width: 100%;
  padding: 5px 15px;
  color: #becde4;
  text-decoration: none;
  transition: color .2s;
}

.no-touchevents .navigation-locale__locale-link:hover,
.no-touchevents .navigation-locale__locale-link:focus {
  color: #ffffff;
}

.no-touchevents .navigation-locale__locale-link:active {
  color: #ffffff;
}

.navigation-locale__locale-link:active {
  color: #ffffff;
}

.navigation-profile {
  margin: 0 0 1.4375em;
  border-bottom: 2px solid #3366ff;
}

.navigation-profile ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin: 0;
  padding: 0 8px;
}

.navigation-profile ul li:before {
  content: none;
}

.navigation-profile__item {
  display: inline-block;
  margin: 0 2px;
}

.navigation-profile__item a {
  padding: 0.71875em 1.4375em;
  margin: 0 0 -2px;
  display: block;
  text-decoration: none;
  color: rgba(51, 102, 255, 0.6);
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid rgba(51, 102, 255, 0.6);
  border-radius: 4px 4px 0 0;
  transition: background .15s;
}

.navigation-profile__item--current a,
.navigation-profile__item a:hover,
.navigation-profile__item a:focus {
  background: #3366ff;
  color: #ffffff;
}

/**
 * Navigation bar with options to filter the stream
 */

.navigation-stream {
  position: relative;
  min-height: 50px;
  color: #a0a0a0;
  z-index: 9;
}

@media only screen and (min-width: 42.5em) {
  .navigation-stream {
    min-height: 65px;
  }
}

.navigation-stream::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 50px;
  background-color: #ffffff;
  border-bottom: 1px solid rgba(50, 50, 50, 0.055);
}

@media only screen and (min-width: 42.5em) {
  .navigation-stream::before {
    height: 65px;
  }
}

.navigation-stream__part {
  position: relative;
  z-index: 5;
  min-height: inherit;
}

/**
 * Language switch
 */

.navigation-stream__language-switch {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
  width: 66.666%;
  min-height: inherit;
}

.navigation-stream__language-switch li:before {
  content: none;
}

@media only screen and (min-width: 42.5em) {
  .navigation-stream__language-switch {
    width: auto;
  }
}

[dir="rtl"] .navigation-stream__language-switch {
  float: right;
}

.navigation-stream__language-switch li {
  float: left;
  width: 50%;
  min-height: inherit;
  margin: 0;
  line-height: 50px;
  text-align: center;
}

[dir="rtl"] .navigation-stream__language-switch li {
  float: right;
}

@media only screen and (min-width: 42.5em) {
  .navigation-stream__language-switch li {
    width: auto;
    text-align: left;
    line-height: 65px;
  }
}

.navigation-stream__language-switch a {
  display: inline-block;
  min-height: inherit;
  color: inherit;
  text-decoration: none;
}

@media only screen and (min-width: 42.5em) {
  .navigation-stream__language-switch a {
    padding: 0 1.07812em;
  }
}

.no-touchevents .navigation-stream__language-switch a:hover,
.no-touchevents .navigation-stream__language-switch a:focus {
  color: #3366ff;
  box-shadow: inset 0 -4px 0 0 currentColor;
}

.no-touchevents .navigation-stream__language-switch a:active {
  color: #3366ff;
  box-shadow: inset 0 -4px 0 0 currentColor;
}

.navigation-stream__language-switch a:active {
  color: #3366ff;
  box-shadow: inset 0 -4px 0 0 currentColor;
}

.navigation-stream__language-switch a.is-active {
  color: #3366ff;
  box-shadow: inset 0 -4px 0 0 currentColor;
}

/**
 * Countries dropdown
 */

.navigation-stream__countries {
  position: relative;
  float: left;
  width: 33.3333%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  line-height: 50px;
  background: #ffffff;
}

@media only screen and (min-width: 42.5em) {
  .navigation-stream__countries {
    width: auto;
    height: 65px;
    line-height: 65px;
  }

  [dir="rtl"] .navigation-stream__countries {
    padding: 0 0 0 0.71875em;
    border-right: 0;
  }
}

[dir="rtl"] .navigation-stream__countries {
  float: right;
}

.no-js .navigation-stream__countries {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  overflow: hidden;
  height: 45px;
  line-height: 45px;
  overflow-x: scroll;
}

@media only screen and (min-width: 42.5em) {
  .no-js .navigation-stream__countries {
    top: 65px;
  }
}

.no-js .navigation-stream__countries .button--dropdown {
  display: none;
}

.navigation-stream__countries > button {
  line-height: 65px;
  border-radius: 0;
}

.navigation-stream__countries > button.is-active {
  color: #3366ff;
}

.navigation-stream__countries > button.is-active:after {
  border-top-color: #3366ff;
}

.navigation-stream__countries .dropdown {
  top: 50px;
  right: -15px;
}

@media only screen and (min-width: 42.5em) {
  .navigation-stream__countries .dropdown {
    top: 60px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.no-js .navigation-stream__countries .dropdown {
  position: relative;
  top: 0;
  left: 0;
  width: 20000px;
  white-space: nowrap;
  text-align: center;
  border-radius: 0;
  border-top: 1px solid #e6e6e6;
}

@media only screen and (min-width: 42.5em) {
  .no-js .navigation-stream__countries .dropdown {
    -ms-transform: none;
    transform: none;
  }
}

.no-js .navigation-stream__countries .dropdown .dropdown__item {
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
}

.navigation-stream__countries .button {
  margin: 0 auto;
}

.page-header {
  zoom: 1;
  position: relative;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.page-header:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

.page-header .button,
.page-header button {
  text-shadow: none;
}

.page-header__content {
  z-index: 2;
  position: relative;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 25px 15px;
}

@media only screen and (max-width: 42.4375em) {
  .page-header__content {
    overflow: hidden;
  }
}

@media only screen and (min-width: 42.5em) {
  .page-header__content {
    min-height: 260px;
    padding: 60px 240px 60px 30px;
  }

  [dir="rtl"] .page-header__content {
    padding-left: 240px;
    padding-right: 30px;
  }
}

@media only screen and (min-width: 55em) {
  .page-header__content {
    padding: 30px 340px 30px 30px;
  }

  [dir="rtl"] .page-header__content {
    padding-left: 340px;
    padding-right: 30px;
  }
}

.page-header__content h1 a {
  text-decoration: none;
  color: inherit;
}

.page-header__content h1 a:hover,
.page-header__content h1 a:focus {
  color: #e6e6e6;
}

.page-header--logged-in h1 {
  margin-bottom: 0;
}

@media only screen and (min-width: 42.5em) {
  .page-header--logged-in h1 {
    margin-bottom: 0.71875em;
  }
}

.page-header--logged-in.page-header--no-title {
  display: none;
}

.page-header--logged-in .page-header__content {
  overflow: hidden;
}

@media only screen and (min-width: 42.5em) {
  .page-header--logged-in .page-header__content {
    min-height: 0;
    padding: 60px 240px 60px 30px;
  }

  [dir="rtl"] .page-header--logged-in .page-header__content {
    padding-left: 240px;
    padding-right: 30px;
  }
}

@media only screen and (min-width: 55em) {
  .page-header--logged-in .page-header__content {
    padding: 30px 340px 15px 30px;
  }

  [dir="rtl"] .page-header--logged-in .page-header__content {
    padding-left: 340px;
    padding-right: 30px;
  }
}

.page-header--logged-in.page-header--no-title .page-header__content {
  display: none;
}

.page-header--small .page-header__content {
  padding-bottom: 25px;
}

@media only screen and (min-width: 42.5em) {
  .page-header--small .page-header__content {
    min-height: 0;
  }
}

.page-header--small .page-header__content:before {
  display: none !important;
}

.page-header__content:before {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 200px;
  height: 120px;
  background-image: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/theme-icons-ee683f8304.svg");
  background-repeat: no-repeat;
  background-size: 250px;
}

[dir="rtl"] .page-header__content:before {
  right: auto;
  left: 0;
}

@media only screen and (min-width: 42.5em) {
  .page-header__content:before {
    width: 300px;
    height: 170px;
    background-size: 350px;
  }
}

@media only screen and (min-width: 55em) {
  .page-header__content:before {
    width: 360px;
    height: 220px;
    background-size: 400px;
  }
}

.no-svg .page-header__content:before,
.operamini .page-header__content:before {
  background-image: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/theme-icons-88dd39b07c.png");
}

.operamini .page-header__content:before {
  background-size: 500px 1160px !important;
}

@media only screen and (min-width: 55em) {
  .page-header--logged-in .page-header__content:before {
    top: -65px;
  }
}

.page-header__content p {
  position: relative;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.368421053;
}

@media only screen and (min-width: 42.5em) {
  .page-header__content p {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.285714286;
  }
}

.page-header__content p:last-of-type {
  margin: 0;
}

.page-header .button {
  margin-top: 1.4375em;
}

.page-header__thumbnail {
  float: right;
  width: 50px;
  height: 50px;
  margin: 0 0 10px 10px;
}

[dir="rtl"] .page-header__thumbnail {
  float: left;
  margin: 0 10px 10px 0;
}

@media only screen and (min-width: 31.25em) {
  .page-header__thumbnail {
    width: 100px;
    height: 100px;
  }
}

@media only screen and (min-width: 42.5em) {
  .page-header__thumbnail {
    margin-right: -200px;
    margin-bottom: 30px;
  }

  [dir="rtl"] .page-header__thumbnail {
    margin-right: auto;
    margin-left: -200px;
  }
}

@media only screen and (min-width: 55em) {
  .page-header__thumbnail {
    width: 150px;
    height: 150px;
    margin-bottom: 50px;
  }

  [dir="rtl"] .page-header__thumbnail {
    margin-bottom: 50px;
  }
}

.page-header--members {
  background: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/site-introduction-bg-195838efad.jpg");
}

@media only screen and (max-width: 42.4375em) {
  .page-header--primary p,
  .page-header--secondary p,
  .page-header--tertiary p,
  .page-header--quarternary p,
  .page-header--quinary p,
  .page-header--senary p,
  .page-header--primary--dark p,
  .page-header--white p,
  .page-header--grey p {
    padding-right: 20px;
  }
}

.page-header--primary > div:before,
.page-header--secondary > div:before,
.page-header--tertiary > div:before,
.page-header--quarternary > div:before,
.page-header--quinary > div:before,
.page-header--senary > div:before,
.page-header--primary--dark > div:before,
.page-header--white > div:before,
.page-header--grey > div:before {
  content: '';
}

.page-header--primary {
  background-color: #3366ff;
}

.page-header--secondary {
  background-color: #00bed7;
}

.page-header--tertiary {
  background-color: #00bed7;
}

.page-header--quarternary {
  background-color: #ff5d32;
}

.page-header--quinary {
  background-color: #00b97f;
}

.page-header--senary {
  background-color: #83C412;
}

.page-header--primary--dark {
  background-color: #1e50c3;
}

.page-header--white {
  background-color: #ffffff;
}

.page-header--grey {
  background-color: #e6e6e6;
}

.page-header--secondary > div:before {
  bottom: -50px;
  background-position: -110% 2%;
}

@media only screen and (min-width: 42.5em) {
  .page-header--secondary > div:before {
    bottom: 15%;
  }
}

@media only screen and (min-width: 55em) {
  .page-header--secondary > div:before {
    bottom: 0%;
  }
}

.operamini .page-header--secondary > div:before {
  background-position: 0 0;
  bottom: 0;
}

.page-header--tertiary > div:before {
  background-position: -120% 23%;
}

@media only screen and (min-width: 42.5em) {
  .page-header--tertiary > div:before {
    background-position: -30% 26%;
  }
}

.page-header--quarternary > div:before {
  background-position: -30% 49%;
}

@media only screen and (min-width: 42.5em) {
  .page-header--quarternary > div:before {
    bottom: 5%;
  }
}

.operamini .page-header--quarternary > div:before {
  background-position: 0% 62%;
}

.page-header--quinary > div:before {
  background-position: 0 72%;
}

@media only screen and (min-width: 42.5em) {
  .page-header--quinary > div:before {
    bottom: 0%;
  }
}

.operamini .page-header--quinary > div:before {
  background-position: 0 92%;
}

.page-header--senary > div:before {
  background-position: -119% 93%;
}

@media only screen and (min-width: 42.5em) {
  .page-header--senary > div:before {
    bottom: 0%;
    background-position: -30% 101%;
  }
}

.page-header--blogpost {
  background-color: #323232;
}

.page-header--blogpost > div {
  position: relative;
  max-width: 1400px;
  height: 300px;
  padding: 0;
}

@media only screen and (min-width: 55em) {
  .page-header--blogpost > div {
    height: 400px;
  }
}

@media only screen and (min-width: 75em) {
  .page-header--blogpost > div {
    height: 440px;
  }
}

.page-header--blogpost img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-header--blogpost > .page-header__content {
  padding: 0;
}

.page-header--simple h1 {
  margin-bottom: 3px;
}

.page-header--simple div {
  height: auto;
  padding-bottom: 20px;
}

@media only screen and (max-width: 42.4375em) {
  .page-header--simple div {
    overflow: hidden;
  }
}

@media only screen and (min-width: 42.5em) {
  .page-header--simple div {
    min-height: 0;
    padding: 60px 240px 20px 30px;
  }
}

@media only screen and (min-width: 55em) {
  .page-header--simple div {
    padding: 60px 340px 20px 30px;
  }
}

.page-header--simple:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 260px;
  background: #00bed7;
}

.page-header--covid19 {
  background: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/site-introduction-bg-195838efad.jpg");
  color: #323232;
  text-shadow: none;
}

.page-header--covid19 .page-header__content {
  padding: 15px;
}

@media only screen and (min-width: 55em) {
  .page-header--covid19 .page-header__content {
    padding: 60px 30px;
  }
}

.page-header--covid19 .page-header__content-wrap {
  background: #ffffff;
  padding: 15px;
}

@media only screen and (min-width: 55em) {
  .page-header--covid19 .page-header__content-wrap {
    padding: 30px;
  }
}

.page-header--covid19 p {
  font-size: inherit;
  margin: 0 0 2em 0 !important;
}

@media only screen and (max-width: 42.4375em) {
  .page-header--covid19 {
    font-size: smaller;
  }
}

.page-header--covid19 h3 {
  display: inline-block;
  background: #C91D64;
  color: #ffffff;
  padding: 3px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

@media only screen and (min-width: 55em) {
  .page-header--covid19 h3 {
    padding: 5px;
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.page-header--covid19 ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.page-header--covid19 ul li:before {
  content: none;
}

.page-header--covid19 ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  -ms-flex: 1;
  flex: 1;
  margin-right: .25em;
  text-align: center;
}

.page-header--covid19 ul li li:before {
  content: none;
}

@media only screen and (min-width: 55em) {
  .page-header--covid19 ul li {
    margin-right: 2em;
  }

  .page-header--covid19 ul li:last-of-type {
    margin-right: 0;
  }

  .page-header--covid19 ul b,
  .page-header--covid19 ul strong {
    font-size: 40px;
    font-size: 4rem;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  }
}

.page-header--covid19 .support-resources {
  margin-top: 2em;
}

@media only screen and (min-width: 55em) {
  .page-header--covid19 .support-resources {
    margin-top: 60px;
  }
}

.page-header--covid19 .support-resources h3 {
  background: #3081C8;
}

.page-header--covid19 .support-resources ul,
.page-header--covid19 .support-resources li {
  display: inline-block;
}

.page-header--covid19 .support-resources li {
  margin: 0 2em 1em 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border-bottom: 4px #3081C8 solid;
  background: #e5eff9;
  border-radius: 4px;
  padding: 0 8px;
}

.page-header--covid19 .support-resources ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.page-header--covid19 .support-resources li a {
  text-decoration: none;
  color: #3366ff;
  white-space: nowrap;
}

.page-header--covid19 .support-resources li a:hover {
  color: inherit;
}

.page-header--covid19 .support-resources li a:before {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  vertical-align: middle;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 2px;
}

.page-header--covid19 .support-resources li:nth-child(1) a:before {
  background-image: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/covid-first-aid-9c87aa338d.svg");
}

.page-header--covid19 .support-resources li:nth-child(2) a:before {
  background-image: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/covid-play-button-4eb00d8547.svg");
}

.page-header--covid19 .support-resources li:nth-child(3) a:before {
  background-image: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/covid-newspaper-5b63438feb.svg");
}

.page-header--covid19 .support-resources li:nth-child(4) a:before {
  background-image: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/covid-seed-69bd6370d0.svg");
}

.page-header--covid19 .support-resources li:nth-child(5) a:before {
  background-image: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/covid-test-ea2f785a2d.svg");
}

.layer > div,
.layer__inner {
  max-width: 1020px;
  margin: 0 auto;
  padding: 25px 15px;
}

@media only screen and (min-width: 42.5em) {
  .layer > div,
  .layer__inner {
    padding: 60px 30px;
  }
}

.layer--compact > div,
.layer--compact .layer__inner {
  padding: 0 15px;
}

@media only screen and (min-width: 42.5em) {
  .layer--compact > div,
  .layer--compact .layer__inner {
    padding: 0 30px;
  }
}

.layer--compact-top > div,
.layer--compact-top .layer__inner {
  padding-top: 0;
}

.layer--compact-bottom > div,
.layer--compact-bottom .layer__inner {
  padding-bottom: 0;
}

.layer--primary {
  background: #3366ff;
  color: #ffffff;
}

.layer--secondary {
  background: #00bed7;
  color: #ffffff;
}

.layer--tertiary {
  background: #00bed7;
  color: #ffffff;
}

.layer--quarternary {
  background: #ff5d32;
  color: #ffffff;
}

.layer--quinary {
  background: #00b97f;
  color: #ffffff;
}

.layer--senary {
  background: #83C412;
  color: #ffffff;
}

.layer--primary--dark {
  background: #1e50c3;
  color: #ffffff;
}

.layer--white {
  background: #ffffff;
  color: #ffffff;
}

.layer--grey {
  background: #e6e6e6;
  color: #ffffff;
}

.layer--theme-alt {
  background: #f2f2f2;
}

.layer--partners .layer__inner > div {
  margin: -10px;
}

.layer--home-stream {
  margin-bottom: 50px;
}

.layer-teaser--primary {
  background: #3366ff;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.layer-teaser--secondary {
  background: #00bed7;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.layer-teaser--tertiary {
  background: #00bed7;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.layer-teaser--quarternary {
  background: #ff5d32;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.layer-teaser--quinary {
  background: #00b97f;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.layer-teaser--senary {
  background: #83C412;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.layer-teaser--primary--dark {
  background: #1e50c3;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.layer-teaser--white {
  background: #ffffff;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.layer-teaser--grey {
  background: #e6e6e6;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.layer-teaser > div {
  z-index: 2;
  position: relative;
  overflow: hidden;
  max-width: 1020px;
  margin: 0 auto;
  padding: 25px 15px;
}

@media only screen and (min-width: 42.5em) {
  .layer-teaser > div {
    padding: 60px 240px 60px 30px;
  }

  [dir="rtl"] .layer-teaser > div {
    padding-left: 240px;
    padding-right: 30px;
  }
}

@media only screen and (min-width: 55em) {
  .layer-teaser > div {
    padding: 60px 340px 60px 30px;
  }

  [dir="rtl"] .layer-teaser > div {
    padding-left: 340px;
    padding-right: 30px;
  }
}

.layer-teaser--tertiary > div:after,
.layer-teaser--secondary > div:after {
  content: '';
  z-index: 1;
  position: absolute;
  bottom: 0;
  right: 0;
  box-sizing: content-box;
  display: block;
  width: 190px;
  height: 190px;
  background-image: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/theme-icons-small-216987f72d.svg");
  background-repeat: no-repeat;
  background-size: 760px auto;
}

.no-svg .layer-teaser--tertiary > div:after,
.operamini .layer-teaser--tertiary > div:after,
.no-svg
  .layer-teaser--secondary > div:after,
.operamini
  .layer-teaser--secondary > div:after {
  background-image: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/theme-icons-small-5a2d6fada7.png");
}

.layer-teaser--tertiary form {
  padding-right: 80px;
}

.layer-teaser--tertiary form select {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.layer-teaser--tertiary > div:after {
  right: -70px;
  bottom: -35px;
  background-position: -190px 0;
}

@media only screen and (min-width: 42.5em) {
  .layer-teaser--tertiary > div:after {
    right: 0;
    bottom: -50px;
    width: 285px;
    height: 300px;
    background-size: 1140px auto;
    background-position: -285px 0;
  }
}

@media only screen and (min-width: 42.5em) {
  .layer-teaser--secondary {
    margin-bottom: 4.3125em;
  }
}

.layer-teaser--secondary .button {
  z-index: 3;
  position: absolute;
  bottom: 25px;
  left: 15px;
}

@media only screen and (min-width: 42.5em) {
  .layer-teaser--secondary .button {
    position: relative;
    left: 0;
    bottom: 0;
  }
}

@media only screen and (max-width: 42.4375em) {
  .layer-teaser--secondary > div {
    padding-bottom: 210px;
  }
}

.layer-teaser--secondary > div:after {
  right: -80px;
  bottom: -90px;
  width: 380px;
  height: 400px;
  background-size: 1520px auto;
  background-position: 0 0;
}

@media only screen and (min-width: 42.5em) {
  .layer-teaser--secondary > div:after {
    right: -30px;
    bottom: -100px;
  }
}

.layer-teaser--secondary > div:before {
  content: '';
  z-index: 4;
  position: absolute;
  right: 25px;
  bottom: 105px;
  width: 214px;
  height: 148px;
  background: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/member-markers-923f6146f0.png") no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .layer-teaser--secondary > div:before {
    background: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/member-markers-2x-4fbb315863.png") no-repeat;
    background-size: 100%;
  }
}

@media only screen and (min-width: 42.5em) {
  .layer-teaser--secondary > div:before {
    right: 90px;
    bottom: 95px;
  }
}

.island {
  margin-bottom: 25px;
  padding: 15px;
  background: #f2f2f2;
  border-radius: 3px;
}

@media only screen and (max-width: 42.4375em) {
  .island {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 42.5em) {
  .island {
    padding: 30px;
  }
}

.island--alt {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
}

.island--theme-primary:not(.island--alt) {
  background: #3366ff;
}

.island--theme-primary.island--alt {
  border-color: #3366ff;
}

.island--theme-primary .island__supertitle {
  background: #3366ff;
}

.island--theme-secondary:not(.island--alt) {
  background: #00bed7;
}

.island--theme-secondary.island--alt {
  border-color: #00bed7;
}

.island--theme-secondary .island__supertitle {
  background: #00bed7;
}

.island--theme-tertiary:not(.island--alt) {
  background: #00bed7;
}

.island--theme-tertiary.island--alt {
  border-color: #00bed7;
}

.island--theme-tertiary .island__supertitle {
  background: #00bed7;
}

.island--theme-quarternary:not(.island--alt) {
  background: #ff5d32;
}

.island--theme-quarternary.island--alt {
  border-color: #ff5d32;
}

.island--theme-quarternary .island__supertitle {
  background: #ff5d32;
}

.island--theme-quinary:not(.island--alt) {
  background: #00b97f;
}

.island--theme-quinary.island--alt {
  border-color: #00b97f;
}

.island--theme-quinary .island__supertitle {
  background: #00b97f;
}

.island--theme-senary:not(.island--alt) {
  background: #83C412;
}

.island--theme-senary.island--alt {
  border-color: #83C412;
}

.island--theme-senary .island__supertitle {
  background: #83C412;
}

.island--theme-primary--dark:not(.island--alt) {
  background: #1e50c3;
}

.island--theme-primary--dark.island--alt {
  border-color: #1e50c3;
}

.island--theme-primary--dark .island__supertitle {
  background: #1e50c3;
}

.island--theme-white:not(.island--alt) {
  background: #ffffff;
}

.island--theme-white.island--alt {
  border-color: #ffffff;
}

.island--theme-white .island__supertitle {
  background: #ffffff;
}

.island--theme-grey:not(.island--alt) {
  background: #e6e6e6;
}

.island--theme-grey.island--alt {
  border-color: #e6e6e6;
}

.island--theme-grey .island__supertitle {
  background: #e6e6e6;
}

.island__supertitle {
  margin: -15px -15px 15px;
  padding: 5px;
  font-size: 11px;
  font-size: 1.1rem;
  text-transform: uppercase;
  text-align: center;
}

@media only screen and (min-width: 42.5em) {
  .island__supertitle {
    margin: -30px -30px 30px;
  }
}

.island p:last-child {
  margin-bottom: 0;
}

.island--signup .button {
  margin-right: 10px;
  vertical-align: middle;
}

.island hr {
  margin: 20px 0;
}

.teaser {
  position: relative;
  padding: 20px 90px 20px 15px;
}

@media only screen and (max-width: 42.4375em) {
  .teaser {
    border-bottom: 1px solid #e6e6e6;
  }
}

@media only screen and (min-width: 42.5em) {
  .teaser {
    max-width: 1020px;
    min-height: 240px;
    margin: 0 auto 60px;
    padding: 0 240px 0 20px;
  }
}

.teaser:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: content-box;
  display: block;
  width: 80px;
  height: 100%;
  background-image: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/theme-icons-small-216987f72d.svg");
  background-repeat: no-repeat;
  background-size: 760px auto;
}

@media only screen and (max-width: 42.4375em) {
  .teaser:after {
    border-bottom: 1px solid;
  }
}

@media only screen and (min-width: 42.5em) {
  .teaser:after {
    right: 20px;
    width: 180px;
    border-radius: 3px;
  }
}

.no-svg .teaser:after,
.operamini .teaser:after {
  background-image: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/theme-icons-small-5a2d6fada7.png");
}

.teaser--primary:after {
  background-color: #3366ff;
  border-color: #3366ff;
}

.teaser--secondary:after {
  background-color: #00bed7;
  border-color: #00bed7;
}

.teaser--tertiary:after {
  background-color: #00bed7;
  border-color: #00bed7;
}

.teaser--quarternary:after {
  background-color: #ff5d32;
  border-color: #ff5d32;
}

.teaser--quinary:after {
  background-color: #00b97f;
  border-color: #00b97f;
}

.teaser--senary:after {
  background-color: #83C412;
  border-color: #83C412;
}

.teaser--primary--dark:after {
  background-color: #1e50c3;
  border-color: #1e50c3;
}

.teaser--white:after {
  background-color: #ffffff;
  border-color: #ffffff;
}

.teaser--grey:after {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}

.teaser--secondary:after {
  background-position: 0 80%;
}

@media only screen and (min-width: 42.5em) {
  .teaser--secondary:after {
    background-position: 0 20px;
  }
}

.teaser--tertiary:after {
  background-position: -190px 80%;
}

@media only screen and (min-width: 42.5em) {
  .teaser--tertiary:after {
    background-position: -190px 20px;
  }
}

.teaser--quarternary:after {
  background-position: -380px 80%;
}

@media only screen and (min-width: 42.5em) {
  .teaser--quarternary:after {
    background-position: -380px 20px;
  }
}

.teaser--quinary:after {
  background-position: -570px 80%;
}

@media only screen and (min-width: 42.5em) {
  .teaser--quinary:after {
    background-position: -570px 20px;
  }
}

.call-to-action {
  position: relative;
  z-index: 2;
  margin-bottom: 1em;
  padding: 20px 25px;
  background: #e6e6e6;
  border-radius: 3px;
}

.call-to-action--bottom {
  margin-bottom: 0;
}

.call-to-action__button {
  margin-top: 1.4375em;
  margin-bottom: 0.71875em;
}

.call-to-action hr {
  margin-bottom: 2.15625em;
  margin-top: 2.15625em;
}

.call-to-action--primary {
  color: #ffffff;
  background: #3366ff;
}

.call-to-action--primary ul li:before {
  border-color: #ffffff;
}

.call-to-action--primary hr {
  border-color: #ffffff;
}

.call-to-action--secondary {
  color: #ffffff;
  background: #00bed7;
}

.call-to-action--secondary ul li:before {
  border-color: #ffffff;
}

.call-to-action--secondary hr {
  border-color: #ffffff;
}

.call-to-action--tertiary {
  color: #ffffff;
  background: #00bed7;
}

.call-to-action--tertiary ul li:before {
  border-color: #ffffff;
}

.call-to-action--tertiary hr {
  border-color: #ffffff;
}

.call-to-action--quarternary {
  color: #ffffff;
  background: #ff5d32;
}

.call-to-action--quarternary ul li:before {
  border-color: #ffffff;
}

.call-to-action--quarternary hr {
  border-color: #ffffff;
}

.call-to-action--quinary {
  color: #ffffff;
  background: #00b97f;
}

.call-to-action--quinary ul li:before {
  border-color: #ffffff;
}

.call-to-action--quinary hr {
  border-color: #ffffff;
}

.call-to-action--senary {
  color: #ffffff;
  background: #83C412;
}

.call-to-action--senary ul li:before {
  border-color: #ffffff;
}

.call-to-action--senary hr {
  border-color: #ffffff;
}

.call-to-action--primary--dark {
  color: #ffffff;
  background: #1e50c3;
}

.call-to-action--primary--dark ul li:before {
  border-color: #ffffff;
}

.call-to-action--primary--dark hr {
  border-color: #ffffff;
}

.call-to-action--white {
  color: #323232;
  background: #ffffff;
}

.call-to-action--white ul li:before {
  border-color: #ffffff;
}

.call-to-action--white hr {
  border-color: #ffffff;
}

.call-to-action--grey {
  color: #ffffff;
  background: #e6e6e6;
}

.call-to-action--grey ul li:before {
  border-color: #ffffff;
}

.call-to-action--grey hr {
  border-color: #ffffff;
}

.aside {
  margin-bottom: 1.4375em;
  margin-top: 1.4375em;
  padding: 20px 25px;
  border-radius: 3px;
}

.aside p:last-of-type {
  margin-bottom: 0.71875em;
}

.aside > .button {
  margin-top: 1.4375em;
  margin-bottom: 0.71875em;
}

.aside--primary {
  background: #3366ff;
  color: #ffffff;
}

.aside--primary a:not(.button) {
  color: #ffffff;
}

.aside--primary ul li:before {
  border-color: #ffffff;
}

.aside--secondary {
  background: #00bed7;
  color: #ffffff;
}

.aside--secondary a:not(.button) {
  color: #ffffff;
}

.aside--secondary ul li:before {
  border-color: #ffffff;
}

.aside--tertiary {
  background: #00bed7;
  color: #ffffff;
}

.aside--tertiary a:not(.button) {
  color: #ffffff;
}

.aside--tertiary ul li:before {
  border-color: #ffffff;
}

.aside--quarternary {
  background: #ff5d32;
  color: #ffffff;
}

.aside--quarternary a:not(.button) {
  color: #ffffff;
}

.aside--quarternary ul li:before {
  border-color: #ffffff;
}

.aside--quinary {
  background: #00b97f;
  color: #ffffff;
}

.aside--quinary a:not(.button) {
  color: #ffffff;
}

.aside--quinary ul li:before {
  border-color: #ffffff;
}

.aside--senary {
  background: #83C412;
  color: #ffffff;
}

.aside--senary a:not(.button) {
  color: #ffffff;
}

.aside--senary ul li:before {
  border-color: #ffffff;
}

.aside--primary--dark {
  background: #1e50c3;
  color: #ffffff;
}

.aside--primary--dark a:not(.button) {
  color: #ffffff;
}

.aside--primary--dark ul li:before {
  border-color: #ffffff;
}

.aside--white {
  background: #ffffff;
  color: #ffffff;
}

.aside--white a:not(.button) {
  color: #ffffff;
}

.aside--white ul li:before {
  border-color: #ffffff;
}

.aside--grey {
  background: #e6e6e6;
  color: #ffffff;
}

.aside--grey a:not(.button) {
  color: #ffffff;
}

.aside--grey ul li:before {
  border-color: #ffffff;
}

.aside:first-child {
  margin-top: 0;
}

.aside--grey {
  background: #f2f2f2;
  color: #323232;
}

.aside--alt {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
}

.aside--blue {
  border: 1px solid #3366ff;
  background: #f5f7ff;
  border-radius: 3px;
}

.button-group,
.button-group--small,
.button-group--medium {
  zoom: 1;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

.button-group:after,
.button-group--small:after,
.button-group--medium:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

~ .button-group,
~ .button-group--small,
~ .button-group--medium {
  margin-bottom: 10px;
}

.button-group > *,
.button-group--small > *,
.button-group--medium > * {
  float: left;
  margin-left: 20px;
}

[dir="rtl"] .button-group > *,
[dir="rtl"] .button-group--small > *,
[dir="rtl"] .button-group--medium > * {
  float: right;
  margin-left: 0;
  margin-right: 20px;
}

.button-group > *:first-child,
.button-group--small > *:first-child,
.button-group--medium > *:first-child {
  margin-left: 0;
}

[dir="rtl"] .button-group > *:first-child,
[dir="rtl"] .button-group--small > *:first-child,
[dir="rtl"] .button-group--medium > *:first-child {
  margin-left: 0;
  margin-right: 0;
}

.button-group--small > * {
  margin-left: 10px;
}

[dir="rtl"] .button-group--small > * {
  margin-left: 0;
  margin-right: 10px;
}

.button-group--small > *:first-child {
  margin-left: 0;
}

[dir="rtl"] .button-group--small > *:first-child {
  margin-left: 0;
  margin-right: 0;
}

.button-group--medium > * {
  margin-left: 15px;
}

[dir="rtl"] .button-group--medium > * {
  margin-left: 0;
  margin-right: 15px;
}

.button-group--medium > *:first-child {
  margin-left: 0;
}

[dir="rtl"] .button-group--medium > *:first-child {
  margin-left: 0;
  margin-right: 0;
}

button,
.button {
  display: inline-block;
  min-width: 80px;
  padding: 8px 15px;
  border: 0;
  background: #3366ff;
  vertical-align: top;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: inherit;
  text-decoration: none;
  text-align: center;
  outline: 0;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  transition: all .05s ease-out;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-shadow: none;
}

@media only screen and (min-width: 42.5em) {
  button,
  .button {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.no-touchevents button:hover,
.no-touchevents button:focus,
.no-touchevents .button:hover,
.no-touchevents .button:focus {
  background-color: #1e50c3;
}

.no-touchevents button:active,
.no-touchevents .button:active {
  background-color: #1e50c3;
}

button:active,
.button:active {
  background-color: #1e50c3;
}

.no-touchevents button:active,
.no-touchevents .button:active {
  background-color: #1a44a6;
}

button:active,
.button:active {
  background-color: #1a44a6;
}

button,
.button {
  color: #ffffff;
}

button:disabled,
button.is-disabled,
.button:disabled,
.button.is-disabled {
  background: #e6e6e6;
  color: #a0a0a0;
  box-shadow: none;
  pointer-events: none;
}

button:disabled:hover,
button:disabled:focus,
button:disabled:visited,
button.is-disabled:hover,
button.is-disabled:focus,
button.is-disabled:visited,
.button:disabled:hover,
.button:disabled:focus,
.button:disabled:visited,
.button.is-disabled:hover,
.button.is-disabled:focus,
.button.is-disabled:visited {
  cursor: default;
  color: #a0a0a0;
  background: #e6e6e6;
}

.button--alt {
  padding: 14px 18px;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.button--alt,
.button--alt:visited {
  color: #3366ff;
}

.no-touchevents .button--alt:hover,
.no-touchevents .button--alt:focus {
  background: #ebf0ff;
}

.no-touchevents .button--alt:active {
  background: #ebf0ff;
}

.button--alt:active {
  background: #ebf0ff;
}

.no-touchevents .button--alt:active {
  background: #d6e0ff;
}

.button--alt:active {
  background: #d6e0ff;
}

.button--small {
  padding: 6px 10px;
  font-size: 13px;
  font-size: 1.3rem;
}

.button--small.button--alt {
  padding: 5px 8px;
  border: 1px solid #3366ff;
  box-shadow: none;
}

.button--medium {
  padding: 10px 14px;
  font-size: 13px;
  font-size: 1.3rem;
}

.button--medium.button--alt {
  padding: 8px 12px;
  border: 2px solid #3366ff;
  box-shadow: none;
}

.button--full-width {
  display: block;
  width: 100%;
}

.button--primary {
  background: #3366ff;
}

.no-touchevents .button--primary:hover,
.no-touchevents .button--primary:focus {
  background-color: #2b57d9;
}

.no-touchevents .button--primary:active {
  background-color: #2b57d9;
}

.button--primary:active {
  background-color: #2b57d9;
}

.no-touchevents .button--primary:active {
  background-color: #2447b3;
}

.button--primary:active {
  background-color: #2447b3;
}

.button--primary-alt {
  color: #3366ff;
  background: #ffffff;
}

.no-touchevents .button--primary-alt:hover,
.no-touchevents .button--primary-alt:focus {
  background-color: #d9d9d9;
}

.no-touchevents .button--primary-alt:active {
  background-color: #d9d9d9;
}

.button--primary-alt:active {
  background-color: #d9d9d9;
}

.no-touchevents .button--primary-alt:active {
  background-color: #b3b3b3;
}

.button--primary-alt:active {
  background-color: #b3b3b3;
}

.button--secondary {
  background: #00bed7;
}

.no-touchevents .button--secondary:hover,
.no-touchevents .button--secondary:focus {
  background-color: #00a2b7;
}

.no-touchevents .button--secondary:active {
  background-color: #00a2b7;
}

.button--secondary:active {
  background-color: #00a2b7;
}

.no-touchevents .button--secondary:active {
  background-color: #008597;
}

.button--secondary:active {
  background-color: #008597;
}

.button--secondary-alt {
  color: #00bed7;
  background: #ffffff;
}

.no-touchevents .button--secondary-alt:hover,
.no-touchevents .button--secondary-alt:focus {
  background-color: #d9d9d9;
}

.no-touchevents .button--secondary-alt:active {
  background-color: #d9d9d9;
}

.button--secondary-alt:active {
  background-color: #d9d9d9;
}

.no-touchevents .button--secondary-alt:active {
  background-color: #b3b3b3;
}

.button--secondary-alt:active {
  background-color: #b3b3b3;
}

.button--tertiary {
  background: #00bed7;
}

.no-touchevents .button--tertiary:hover,
.no-touchevents .button--tertiary:focus {
  background-color: #00a2b7;
}

.no-touchevents .button--tertiary:active {
  background-color: #00a2b7;
}

.button--tertiary:active {
  background-color: #00a2b7;
}

.no-touchevents .button--tertiary:active {
  background-color: #008597;
}

.button--tertiary:active {
  background-color: #008597;
}

.button--tertiary-alt {
  color: #00bed7;
  background: #ffffff;
}

.no-touchevents .button--tertiary-alt:hover,
.no-touchevents .button--tertiary-alt:focus {
  background-color: #d9d9d9;
}

.no-touchevents .button--tertiary-alt:active {
  background-color: #d9d9d9;
}

.button--tertiary-alt:active {
  background-color: #d9d9d9;
}

.no-touchevents .button--tertiary-alt:active {
  background-color: #b3b3b3;
}

.button--tertiary-alt:active {
  background-color: #b3b3b3;
}

.button--quarternary {
  background: #ff5d32;
}

.no-touchevents .button--quarternary:hover,
.no-touchevents .button--quarternary:focus {
  background-color: #d94f2b;
}

.no-touchevents .button--quarternary:active {
  background-color: #d94f2b;
}

.button--quarternary:active {
  background-color: #d94f2b;
}

.no-touchevents .button--quarternary:active {
  background-color: #b34123;
}

.button--quarternary:active {
  background-color: #b34123;
}

.button--quarternary-alt {
  color: #ff5d32;
  background: #ffffff;
}

.no-touchevents .button--quarternary-alt:hover,
.no-touchevents .button--quarternary-alt:focus {
  background-color: #d9d9d9;
}

.no-touchevents .button--quarternary-alt:active {
  background-color: #d9d9d9;
}

.button--quarternary-alt:active {
  background-color: #d9d9d9;
}

.no-touchevents .button--quarternary-alt:active {
  background-color: #b3b3b3;
}

.button--quarternary-alt:active {
  background-color: #b3b3b3;
}

.button--quinary {
  background: #00b97f;
}

.no-touchevents .button--quinary:hover,
.no-touchevents .button--quinary:focus {
  background-color: #009d6c;
}

.no-touchevents .button--quinary:active {
  background-color: #009d6c;
}

.button--quinary:active {
  background-color: #009d6c;
}

.no-touchevents .button--quinary:active {
  background-color: #008259;
}

.button--quinary:active {
  background-color: #008259;
}

.button--quinary-alt {
  color: #00b97f;
  background: #ffffff;
}

.no-touchevents .button--quinary-alt:hover,
.no-touchevents .button--quinary-alt:focus {
  background-color: #d9d9d9;
}

.no-touchevents .button--quinary-alt:active {
  background-color: #d9d9d9;
}

.button--quinary-alt:active {
  background-color: #d9d9d9;
}

.no-touchevents .button--quinary-alt:active {
  background-color: #b3b3b3;
}

.button--quinary-alt:active {
  background-color: #b3b3b3;
}

.button--senary {
  background: #83C412;
}

.no-touchevents .button--senary:hover,
.no-touchevents .button--senary:focus {
  background-color: #6fa70f;
}

.no-touchevents .button--senary:active {
  background-color: #6fa70f;
}

.button--senary:active {
  background-color: #6fa70f;
}

.no-touchevents .button--senary:active {
  background-color: #5c890d;
}

.button--senary:active {
  background-color: #5c890d;
}

.button--senary-alt {
  color: #83C412;
  background: #ffffff;
}

.no-touchevents .button--senary-alt:hover,
.no-touchevents .button--senary-alt:focus {
  background-color: #d9d9d9;
}

.no-touchevents .button--senary-alt:active {
  background-color: #d9d9d9;
}

.button--senary-alt:active {
  background-color: #d9d9d9;
}

.no-touchevents .button--senary-alt:active {
  background-color: #b3b3b3;
}

.button--senary-alt:active {
  background-color: #b3b3b3;
}

.button--primary--dark {
  background: #1e50c3;
}

.no-touchevents .button--primary--dark:hover,
.no-touchevents .button--primary--dark:focus {
  background-color: #1a44a6;
}

.no-touchevents .button--primary--dark:active {
  background-color: #1a44a6;
}

.button--primary--dark:active {
  background-color: #1a44a6;
}

.no-touchevents .button--primary--dark:active {
  background-color: #153889;
}

.button--primary--dark:active {
  background-color: #153889;
}

.button--primary--dark-alt {
  color: #1e50c3;
  background: #ffffff;
}

.no-touchevents .button--primary--dark-alt:hover,
.no-touchevents .button--primary--dark-alt:focus {
  background-color: #d9d9d9;
}

.no-touchevents .button--primary--dark-alt:active {
  background-color: #d9d9d9;
}

.button--primary--dark-alt:active {
  background-color: #d9d9d9;
}

.no-touchevents .button--primary--dark-alt:active {
  background-color: #b3b3b3;
}

.button--primary--dark-alt:active {
  background-color: #b3b3b3;
}

.button--white {
  background: #ffffff;
}

.no-touchevents .button--white:hover,
.no-touchevents .button--white:focus {
  background-color: #d9d9d9;
}

.no-touchevents .button--white:active {
  background-color: #d9d9d9;
}

.button--white:active {
  background-color: #d9d9d9;
}

.no-touchevents .button--white:active {
  background-color: #b3b3b3;
}

.button--white:active {
  background-color: #b3b3b3;
}

.button--white-alt {
  color: #ffffff;
  background: #ffffff;
}

.no-touchevents .button--white-alt:hover,
.no-touchevents .button--white-alt:focus {
  background-color: #d9d9d9;
}

.no-touchevents .button--white-alt:active {
  background-color: #d9d9d9;
}

.button--white-alt:active {
  background-color: #d9d9d9;
}

.no-touchevents .button--white-alt:active {
  background-color: #b3b3b3;
}

.button--white-alt:active {
  background-color: #b3b3b3;
}

.button--grey {
  background: #e6e6e6;
}

.no-touchevents .button--grey:hover,
.no-touchevents .button--grey:focus {
  background-color: #c4c4c4;
}

.no-touchevents .button--grey:active {
  background-color: #c4c4c4;
}

.button--grey:active {
  background-color: #c4c4c4;
}

.no-touchevents .button--grey:active {
  background-color: #a1a1a1;
}

.button--grey:active {
  background-color: #a1a1a1;
}

.button--grey-alt {
  color: #e6e6e6;
  background: #ffffff;
}

.no-touchevents .button--grey-alt:hover,
.no-touchevents .button--grey-alt:focus {
  background-color: #d9d9d9;
}

.no-touchevents .button--grey-alt:active {
  background-color: #d9d9d9;
}

.button--grey-alt:active {
  background-color: #d9d9d9;
}

.no-touchevents .button--grey-alt:active {
  background-color: #b3b3b3;
}

.button--grey-alt:active {
  background-color: #b3b3b3;
}

.button--facebook {
  position: relative;
  padding: 16px 5px 14px 27px;
  background-color: #3b5998;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: left;
  box-shadow: none;
}

[dir="rtl"] .button--facebook {
  padding-left: 27px;
  padding-right: 5px;
  text-align: right;
}

.no-touchevents .button--facebook:hover,
.no-touchevents .button--facebook:focus {
  background-color: #324c81;
}

.no-touchevents .button--facebook:active {
  background-color: #324c81;
}

.button--facebook:active {
  background-color: #324c81;
}

@media only screen and (min-width: 55em) {
  .button--facebook {
    padding: 13px 5px 12px 50px;
    font-size: 14px;
    font-size: 1.4rem;
  }

  [dir="rtl"] .button--facebook {
    padding-left: 5px;
    padding-right: 50px;
  }
}

.button--facebook:before {
  width: 16px;
  height: 16px;
  background-position: 0 0px;
  position: absolute;
  left: 8px;
  top: 13px;
}

[dir="rtl"] .button--facebook:before {
  left: auto;
  right: 8px;
}

@media only screen and (min-width: 55em) {
  .button--facebook:before {
    left: 11px;
    top: 12px;
  }

  [dir="rtl"] .button--facebook:before {
    left: auto;
    right: 11px;
  }
}

@media only screen and (min-width: 55em) {
  .button--facebook:after {
    content: '';
    position: absolute;
    left: 37px;
    top: 0;
    bottom: 0;
    border-right: 1px solid #ffffff;
    border-color: rgba(255, 255, 255, 0.5);
  }

  [dir="rtl"] .button--facebook:after {
    left: auto;
    right: 37px;
  }
}

.button--twitter {
  position: relative;
  padding: 16px 5px 14px 27px;
  background-color: #55acee;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: left;
  box-shadow: none;
}

[dir="rtl"] .button--twitter {
  padding-left: 27px;
  padding-right: 5px;
  text-align: right;
}

.no-touchevents .button--twitter:hover,
.no-touchevents .button--twitter:focus {
  background-color: #4892ca;
}

.no-touchevents .button--twitter:active {
  background-color: #4892ca;
}

.button--twitter:active {
  background-color: #4892ca;
}

@media only screen and (min-width: 55em) {
  .button--twitter {
    padding: 13px 5px 12px 50px;
    font-size: 14px;
    font-size: 1.4rem;
  }

  [dir="rtl"] .button--twitter {
    padding-left: 5px;
    padding-right: 50px;
  }
}

.button--twitter:before {
  width: 16px;
  height: 16px;
  background-position: 0 -16px;
  position: absolute;
  left: 8px;
  top: 13px;
}

[dir="rtl"] .button--twitter:before {
  left: auto;
  right: 8px;
}

@media only screen and (min-width: 55em) {
  .button--twitter:before {
    left: 11px;
    top: 12px;
  }

  [dir="rtl"] .button--twitter:before {
    left: auto;
    right: 11px;
  }
}

@media only screen and (min-width: 55em) {
  .button--twitter:after {
    content: '';
    position: absolute;
    left: 37px;
    top: 0;
    bottom: 0;
    border-right: 1px solid #ffffff;
    border-color: rgba(255, 255, 255, 0.5);
  }

  [dir="rtl"] .button--twitter:after {
    left: auto;
    right: 37px;
  }
}

.button--linkedin {
  position: relative;
  padding: 16px 5px 14px 27px;
  background-color: #007ab8;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: left;
  box-shadow: none;
}

[dir="rtl"] .button--linkedin {
  padding-left: 27px;
  padding-right: 5px;
  text-align: right;
}

.no-touchevents .button--linkedin:hover,
.no-touchevents .button--linkedin:focus {
  background-color: #00689c;
}

.no-touchevents .button--linkedin:active {
  background-color: #00689c;
}

.button--linkedin:active {
  background-color: #00689c;
}

@media only screen and (min-width: 55em) {
  .button--linkedin {
    padding: 13px 5px 12px 50px;
    font-size: 14px;
    font-size: 1.4rem;
  }

  [dir="rtl"] .button--linkedin {
    padding-left: 5px;
    padding-right: 50px;
  }
}

.button--linkedin:before {
  width: 16px;
  height: 16px;
  background-position: 0 -32px;
  position: absolute;
  left: 8px;
  top: 13px;
}

[dir="rtl"] .button--linkedin:before {
  left: auto;
  right: 8px;
}

@media only screen and (min-width: 55em) {
  .button--linkedin:before {
    left: 11px;
    top: 12px;
  }

  [dir="rtl"] .button--linkedin:before {
    left: auto;
    right: 11px;
  }
}

@media only screen and (min-width: 55em) {
  .button--linkedin:after {
    content: '';
    position: absolute;
    left: 37px;
    top: 0;
    bottom: 0;
    border-right: 1px solid #ffffff;
    border-color: rgba(255, 255, 255, 0.5);
  }

  [dir="rtl"] .button--linkedin:after {
    left: auto;
    right: 37px;
  }
}

.button--googleplus {
  position: relative;
  padding: 16px 5px 14px 27px;
  background-color: #dd4b39;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: left;
  box-shadow: none;
}

[dir="rtl"] .button--googleplus {
  padding-left: 27px;
  padding-right: 5px;
  text-align: right;
}

.no-touchevents .button--googleplus:hover,
.no-touchevents .button--googleplus:focus {
  background-color: #bc4030;
}

.no-touchevents .button--googleplus:active {
  background-color: #bc4030;
}

.button--googleplus:active {
  background-color: #bc4030;
}

@media only screen and (min-width: 55em) {
  .button--googleplus {
    padding: 13px 5px 12px 50px;
    font-size: 14px;
    font-size: 1.4rem;
  }

  [dir="rtl"] .button--googleplus {
    padding-left: 5px;
    padding-right: 50px;
  }
}

.button--googleplus:before {
  width: 16px;
  height: 16px;
  background-position: 0 -128px;
  position: absolute;
  left: 8px;
  top: 13px;
}

[dir="rtl"] .button--googleplus:before {
  left: auto;
  right: 8px;
}

@media only screen and (min-width: 55em) {
  .button--googleplus:before {
    left: 11px;
    top: 12px;
  }

  [dir="rtl"] .button--googleplus:before {
    left: auto;
    right: 11px;
  }
}

@media only screen and (min-width: 55em) {
  .button--googleplus:after {
    content: '';
    position: absolute;
    left: 37px;
    top: 0;
    bottom: 0;
    border-right: 1px solid #ffffff;
    border-color: rgba(255, 255, 255, 0.5);
  }

  [dir="rtl"] .button--googleplus:after {
    left: auto;
    right: 37px;
  }
}

.button--vote {
  zoom: 1;
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  padding-right: 65px;
}

.button--vote:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

@media only screen and (min-width: 42.5em) {
  .button--vote {
    font-size: 17px;
    font-size: 1.7rem;
  }
}

.button--vote.button--small {
  padding: 8px 10px;
  font-size: 14px;
  font-size: 1.4rem;
  width: 215px;
  padding-right: 60px;
}

.button--vote.button--small .button__count {
  padding: 6px 0;
}

.button__count {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 50px;
  padding: 10px 0;
  background: #1e50c3;
  transition: all .05s ease-out;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: normal;
}

.button--vote:hover .button__count,
.button--vote:focus .button__count {
  background: #18409c;
}

[disabled] .button__count,
[disabled]:hover .button__count,
[disabled]:focus .button__count {
  background: #a0a0a0;
  color: #fff;
}

.button--trigger {
  width: 34px;
  height: 34px;
  padding: 0;
  box-shadow: none;
  min-width: auto;
  background: #ffffff;
  border: 1px solid #cdcdcd;
  border-radius: 0;
  position: relative;
}

.boxshadow .button--trigger {
  border: 0;
  box-shadow: 0 1px 3px 0 rgba(50, 50, 50, 0.36);
}

@media only screen and (min-width: 42.5em) {
  .button--trigger {
    width: 24px;
    height: 24px;
  }
}

.button--trigger:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/./img/chevron-3704556081.svg") no-repeat 50% 55%/0.8em auto;
  transition: transform .25s;
}

@media only screen and (min-width: 42.5em) {
  .button--trigger:after {
    background-size: .65em auto;
  }
}

.button--trigger.is-clicked:after {
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}

.no-touchevents .button--trigger:hover,
.no-touchevents .button--trigger:focus {
  background: #fafafa;
}

.no-touchevents .button--trigger:active {
  background: #fafafa;
}

.button--trigger:active {
  background: #fafafa;
}

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

.button--bare {
  background: none;
  padding-left: 0;
  padding-right: 0;
  box-shadow: none;
  min-width: auto;
  color: inherit;
  font-weight: normal;
}

.no-touchevents .button--bare:hover,
.no-touchevents .button--bare:focus {
  background-color: transparent;
}

.no-touchevents .button--bare:active {
  background-color: transparent;
}

.button--bare:active {
  background-color: transparent;
}

.no-touchevents .button--bare:active {
  background-color: transparent;
}

.button--bare:active {
  background-color: transparent;
}

.button--close {
  width: 34px;
  height: 34px;
  padding: 0;
  box-shadow: none;
  min-width: auto;
  background: transparent url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/./img/close-d897d7c830.svg") no-repeat 50% 50%/0.7em auto;
}

.no-touchevents .button--close:hover,
.no-touchevents .button--close:focus {
  background: rgba(255, 255, 255, 0.5) url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/./img/close-d897d7c830.svg") no-repeat 50% 50%/0.7em auto;
}

.no-touchevents .button--close:active {
  background: rgba(255, 255, 255, 0.5) url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/./img/close-d897d7c830.svg") no-repeat 50% 50%/0.7em auto;
}

.button--close:active {
  background: rgba(255, 255, 255, 0.5) url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/./img/close-d897d7c830.svg") no-repeat 50% 50%/0.7em auto;
}

.button--dropdown {
  position: relative;
  min-width: auto;
  background: none;
  color: #a0a0a0;
  box-shadow: none;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: normal;
  line-height: 1.15;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 20px;
  padding-left: 1.07812em;
}

@media only screen and (min-width: 42.5em) {
  .button--dropdown {
    padding-right: 40px;
    font-size: 13px;
    font-size: 1.3rem;
  }
}

[dir="rtl"] .button--dropdown {
  padding-right: 1.07812em;
  padding-left: 20px;
}

@media only screen and (min-width: 42.5em) {
  [dir="rtl"] .button--dropdown {
    padding-left: 40px;
  }
}

.no-touchevents .button--dropdown:hover,
.no-touchevents .button--dropdown:focus {
  background-color: transparent;
}

.no-touchevents .button--dropdown:active {
  background-color: transparent;
}

.button--dropdown:active {
  background-color: transparent;
}

.no-touchevents .button--dropdown:active {
  background-color: transparent;
}

.button--dropdown:active {
  background-color: transparent;
}

.button--dropdown::after {
  content: '';
  position: absolute;
  right: -5px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  pointer-events: none;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #a0a0a0;
  transition: transform .2s;
}

[dir="rtl"] .button--dropdown::after {
  right: auto;
  left: -5px;
}

@media only screen and (min-width: 42.5em) {
  .button--dropdown::after {
    right: 15px;
  }

  [dir="rtl"] .button--dropdown::after {
    right: auto;
    left: 15px;
  }
}

.button--dropdown.is-clicked::after {
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}

.block-button {
  direction: ltr;
  position: relative;
  display: block;
  margin-bottom: 3px;
  padding: 15px 20px;
  padding-right: 50px;
  text-decoration: none;
  background: #3366ff;
  color: #ffffff;
  border-radius: 3px;
}

.block-button:after {
  width: 24px;
  height: 24px;
  background-position: 0 -144px;
  position: absolute;
  right: 0.71875em;
  top: 50%;
  margin-top: -12px;
}

.no-touchevents .block-button:hover,
.no-touchevents .block-button:focus {
  background: #1e50c3;
}

.no-touchevents .block-button:active {
  background: #1e50c3;
}

.block-button:active {
  background: #1e50c3;
}

.block-button--rtl {
  direction: rtl;
  padding-right: 20px;
  padding-left: 50px;
}

.block-button--rtl::after {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 0.71875em;
  right: auto;
}

.block-button--alt {
  color: #323232;
  background: #ffffff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.no-touchevents .block-button--alt:hover,
.no-touchevents .block-button--alt:focus {
  background-color: #f2f2f2;
}

.no-touchevents .block-button--alt:active {
  background-color: #f2f2f2;
}

.block-button--alt:active {
  background-color: #f2f2f2;
}

.block-button--alt:after {
  width: 24px;
  height: 24px;
  background-position: 0 -216px;
}

.block-button--subtle {
  padding: 7px 0;
  opacity: .6;
  box-shadow: none;
}

.block-button--subtle:after {
  width: 20px;
  height: 20px;
  background-position: 0 -180px;
  margin-top: -10px;
}

.no-touchevents .block-button--subtle:hover,
.no-touchevents .block-button--subtle:focus {
  opacity: 1;
  background: #ffffff;
}

.no-touchevents .block-button--subtle:active {
  opacity: 1;
  background: #ffffff;
}

.block-button--subtle:active {
  opacity: 1;
  background: #ffffff;
}

.block-button--subtle .block-button__label {
  font-size: 13px;
  font-size: 1.3rem;
}

.block-button--subtle .block-button__description {
  font-size: 11px;
  font-size: 1.1rem;
}

.block-button__label {
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
}

@media only screen and (min-width: 42.5em) {
  .block-button__label {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.block-button__description {
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.4;
}

@media only screen and (min-width: 42.5em) {
  .block-button__description {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

.block-button__description ~ * {
  margin-top: 15px;
}

.block-button__label + .block-button__description {
  margin-top: 3px;
}

.block-button--primary {
  background: #3366ff;
}

.no-touchevents .block-button--primary:hover,
.no-touchevents .block-button--primary:focus {
  background-color: #2b57d9;
}

.no-touchevents .block-button--primary:active {
  background-color: #2b57d9;
}

.block-button--primary:active {
  background-color: #2b57d9;
}

.no-touchevents .block-button--primary:active {
  background-color: #2447b3;
}

.block-button--primary:active {
  background-color: #2447b3;
}

.block-button--secondary {
  background: #00bed7;
}

.no-touchevents .block-button--secondary:hover,
.no-touchevents .block-button--secondary:focus {
  background-color: #00a2b7;
}

.no-touchevents .block-button--secondary:active {
  background-color: #00a2b7;
}

.block-button--secondary:active {
  background-color: #00a2b7;
}

.no-touchevents .block-button--secondary:active {
  background-color: #008597;
}

.block-button--secondary:active {
  background-color: #008597;
}

.block-button--tertiary {
  background: #00bed7;
}

.no-touchevents .block-button--tertiary:hover,
.no-touchevents .block-button--tertiary:focus {
  background-color: #00a2b7;
}

.no-touchevents .block-button--tertiary:active {
  background-color: #00a2b7;
}

.block-button--tertiary:active {
  background-color: #00a2b7;
}

.no-touchevents .block-button--tertiary:active {
  background-color: #008597;
}

.block-button--tertiary:active {
  background-color: #008597;
}

.block-button--quarternary {
  background: #ff5d32;
}

.no-touchevents .block-button--quarternary:hover,
.no-touchevents .block-button--quarternary:focus {
  background-color: #d94f2b;
}

.no-touchevents .block-button--quarternary:active {
  background-color: #d94f2b;
}

.block-button--quarternary:active {
  background-color: #d94f2b;
}

.no-touchevents .block-button--quarternary:active {
  background-color: #b34123;
}

.block-button--quarternary:active {
  background-color: #b34123;
}

.block-button--quinary {
  background: #00b97f;
}

.no-touchevents .block-button--quinary:hover,
.no-touchevents .block-button--quinary:focus {
  background-color: #009d6c;
}

.no-touchevents .block-button--quinary:active {
  background-color: #009d6c;
}

.block-button--quinary:active {
  background-color: #009d6c;
}

.no-touchevents .block-button--quinary:active {
  background-color: #008259;
}

.block-button--quinary:active {
  background-color: #008259;
}

.block-button--senary {
  background: #83C412;
}

.no-touchevents .block-button--senary:hover,
.no-touchevents .block-button--senary:focus {
  background-color: #6fa70f;
}

.no-touchevents .block-button--senary:active {
  background-color: #6fa70f;
}

.block-button--senary:active {
  background-color: #6fa70f;
}

.no-touchevents .block-button--senary:active {
  background-color: #5c890d;
}

.block-button--senary:active {
  background-color: #5c890d;
}

.block-button--primary--dark {
  background: #1e50c3;
}

.no-touchevents .block-button--primary--dark:hover,
.no-touchevents .block-button--primary--dark:focus {
  background-color: #1a44a6;
}

.no-touchevents .block-button--primary--dark:active {
  background-color: #1a44a6;
}

.block-button--primary--dark:active {
  background-color: #1a44a6;
}

.no-touchevents .block-button--primary--dark:active {
  background-color: #153889;
}

.block-button--primary--dark:active {
  background-color: #153889;
}

.block-button--white {
  background: #ffffff;
}

.no-touchevents .block-button--white:hover,
.no-touchevents .block-button--white:focus {
  background-color: #d9d9d9;
}

.no-touchevents .block-button--white:active {
  background-color: #d9d9d9;
}

.block-button--white:active {
  background-color: #d9d9d9;
}

.no-touchevents .block-button--white:active {
  background-color: #b3b3b3;
}

.block-button--white:active {
  background-color: #b3b3b3;
}

.block-button--grey {
  background: #e6e6e6;
}

.no-touchevents .block-button--grey:hover,
.no-touchevents .block-button--grey:focus {
  background-color: #c4c4c4;
}

.no-touchevents .block-button--grey:active {
  background-color: #c4c4c4;
}

.block-button--grey:active {
  background-color: #c4c4c4;
}

.no-touchevents .block-button--grey:active {
  background-color: #a1a1a1;
}

.block-button--grey:active {
  background-color: #a1a1a1;
}

.pagination ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.pagination ol li:before {
  content: none;
}

.pagination li {
  display: inline-block;
}

.pagination li:first-child > * {
  margin-left: 0;
}

.pagination a,
.pagination__current {
  display: inline-block;
  width: 40px;
  margin-left: 3px;
  padding: 12px 5px;
  line-height: 1;
  text-align: center;
  border: 2px solid #3366ff;
  color: #3366ff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 3px;
  transition: background .1s ease-out;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pagination a b,
.pagination__current b {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
  border: 0 none;
}

.no-touchevents .pagination a:hover,
.no-touchevents .pagination a:focus {
  background: #ebf0ff;
}

.no-touchevents .pagination a:active {
  background: #d6e0ff;
}

.pagination a:active {
  background: #d6e0ff;
  text-decoration: none;
}

.pagination a:visited {
  color: #3366ff;
}

.pagination__current {
  background: #3366ff;
  color: #ffffff;
  pointer-events: none;
}

.pagination--theme-1 a {
  color: #3366ff;
}

.no-touchevents .pagination--theme-1 a:hover,
.no-touchevents .pagination--theme-1 a:focus {
  background: #ebf0ff;
}

.no-touchevents .pagination--theme-1 a:active {
  background: #d6e0ff;
}

.pagination--theme-1 a:active {
  background: #d6e0ff;
  text-decoration: none;
}

.pagination--theme-1 a,
.pagination--theme-1 .pagination__current {
  border-color: #3366ff;
}

.pagination--theme-1 .pagination__current {
  background: #3366ff;
}

.pagination--theme-2 a {
  color: #00bed7;
}

.no-touchevents .pagination--theme-2 a:hover,
.no-touchevents .pagination--theme-2 a:focus {
  background: #e6f9fb;
}

.no-touchevents .pagination--theme-2 a:active {
  background: #ccf2f7;
}

.pagination--theme-2 a:active {
  background: #ccf2f7;
  text-decoration: none;
}

.pagination--theme-2 a,
.pagination--theme-2 .pagination__current {
  border-color: #00bed7;
}

.pagination--theme-2 .pagination__current {
  background: #00bed7;
}

.pagination--theme-3 a {
  color: #00bed7;
}

.no-touchevents .pagination--theme-3 a:hover,
.no-touchevents .pagination--theme-3 a:focus {
  background: #e6f9fb;
}

.no-touchevents .pagination--theme-3 a:active {
  background: #ccf2f7;
}

.pagination--theme-3 a:active {
  background: #ccf2f7;
  text-decoration: none;
}

.pagination--theme-3 a,
.pagination--theme-3 .pagination__current {
  border-color: #00bed7;
}

.pagination--theme-3 .pagination__current {
  background: #00bed7;
}

.pagination--theme-4 a {
  color: #ff5d32;
}

.no-touchevents .pagination--theme-4 a:hover,
.no-touchevents .pagination--theme-4 a:focus {
  background: #ffefeb;
}

.no-touchevents .pagination--theme-4 a:active {
  background: #ffdfd6;
}

.pagination--theme-4 a:active {
  background: #ffdfd6;
  text-decoration: none;
}

.pagination--theme-4 a,
.pagination--theme-4 .pagination__current {
  border-color: #ff5d32;
}

.pagination--theme-4 .pagination__current {
  background: #ff5d32;
}

.pagination--theme-5 a {
  color: #00b97f;
}

.no-touchevents .pagination--theme-5 a:hover,
.no-touchevents .pagination--theme-5 a:focus {
  background: #e6f8f2;
}

.no-touchevents .pagination--theme-5 a:active {
  background: #ccf1e5;
}

.pagination--theme-5 a:active {
  background: #ccf1e5;
  text-decoration: none;
}

.pagination--theme-5 a,
.pagination--theme-5 .pagination__current {
  border-color: #00b97f;
}

.pagination--theme-5 .pagination__current {
  background: #00b97f;
}

.pagination--theme-6 a {
  color: #83C412;
}

.no-touchevents .pagination--theme-6 a:hover,
.no-touchevents .pagination--theme-6 a:focus {
  background: #f3f9e7;
}

.no-touchevents .pagination--theme-6 a:active {
  background: #e6f3d0;
}

.pagination--theme-6 a:active {
  background: #e6f3d0;
  text-decoration: none;
}

.pagination--theme-6 a,
.pagination--theme-6 .pagination__current {
  border-color: #83C412;
}

.pagination--theme-6 .pagination__current {
  background: #83C412;
}

.pagination--theme-7 a {
  color: #1e50c3;
}

.no-touchevents .pagination--theme-7 a:hover,
.no-touchevents .pagination--theme-7 a:focus {
  background: #e9eef9;
}

.no-touchevents .pagination--theme-7 a:active {
  background: #d2dcf3;
}

.pagination--theme-7 a:active {
  background: #d2dcf3;
  text-decoration: none;
}

.pagination--theme-7 a,
.pagination--theme-7 .pagination__current {
  border-color: #1e50c3;
}

.pagination--theme-7 .pagination__current {
  background: #1e50c3;
}

.pagination--theme-8 a {
  color: #ffffff;
}

.no-touchevents .pagination--theme-8 a:hover,
.no-touchevents .pagination--theme-8 a:focus {
  background: white;
}

.no-touchevents .pagination--theme-8 a:active {
  background: white;
}

.pagination--theme-8 a:active {
  background: white;
  text-decoration: none;
}

.pagination--theme-8 a,
.pagination--theme-8 .pagination__current {
  border-color: #ffffff;
}

.pagination--theme-8 .pagination__current {
  background: #ffffff;
}

.pagination--theme-9 a {
  color: #e6e6e6;
}

.no-touchevents .pagination--theme-9 a:hover,
.no-touchevents .pagination--theme-9 a:focus {
  background: #fdfdfd;
}

.no-touchevents .pagination--theme-9 a:active {
  background: #fafafa;
}

.pagination--theme-9 a:active {
  background: #fafafa;
  text-decoration: none;
}

.pagination--theme-9 a,
.pagination--theme-9 .pagination__current {
  border-color: #e6e6e6;
}

.pagination--theme-9 .pagination__current {
  background: #e6e6e6;
}

.pagination--centered {
  text-align: center;
}

.tabs ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.tabs ul li:before {
  content: none;
}

.tabs li {
  display: inline-block;
}

.tabs li:first-child > * {
  margin-left: 0;
}

.tabs a,
.tabs__current {
  display: inline-block;
  width: 40px;
  margin-left: 3px;
  padding: 12px 5px;
  line-height: 1;
  text-align: center;
  border: 2px solid #3366ff;
  color: #3366ff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 3px;
  transition: background .1s ease-out;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tabs a b,
.tabs__current b {
  position: absolute;
  left: -999em;
}

.no-touchevents .tabs a:hover,
.no-touchevents .tabs a:focus {
  background: #ebf0ff;
}

.no-touchevents .tabs a:active {
  background: #d6e0ff;
}

.tabs a:active {
  background: #d6e0ff;
  text-decoration: none;
}

.tabs a:visited {
  color: #3366ff;
}

.tabs__current {
  background: #3366ff;
  color: #ffffff;
  pointer-events: none;
}

.no-touchevents .tabs--theme-1 a:hover,
.no-touchevents .tabs--theme-1 a:focus {
  background: #ebf0ff;
}

.no-touchevents .tabs--theme-1 a:active {
  background: #d6e0ff;
}

.tabs--theme-1 a:active {
  background: #d6e0ff;
  text-decoration: none;
}

.tabs--theme-1 a:visited {
  color: #3366ff;
}

.tabs--theme-1 a,
.tabs--theme-1 .tabs__current {
  border-color: #3366ff;
}

.tabs--theme-1 .tabs__current {
  background: #3366ff;
}

.no-touchevents .tabs--theme-2 a:hover,
.no-touchevents .tabs--theme-2 a:focus {
  background: #e6f9fb;
}

.no-touchevents .tabs--theme-2 a:active {
  background: #ccf2f7;
}

.tabs--theme-2 a:active {
  background: #ccf2f7;
  text-decoration: none;
}

.tabs--theme-2 a:visited {
  color: #00bed7;
}

.tabs--theme-2 a,
.tabs--theme-2 .tabs__current {
  border-color: #00bed7;
}

.tabs--theme-2 .tabs__current {
  background: #00bed7;
}

.no-touchevents .tabs--theme-3 a:hover,
.no-touchevents .tabs--theme-3 a:focus {
  background: #e6f9fb;
}

.no-touchevents .tabs--theme-3 a:active {
  background: #ccf2f7;
}

.tabs--theme-3 a:active {
  background: #ccf2f7;
  text-decoration: none;
}

.tabs--theme-3 a:visited {
  color: #00bed7;
}

.tabs--theme-3 a,
.tabs--theme-3 .tabs__current {
  border-color: #00bed7;
}

.tabs--theme-3 .tabs__current {
  background: #00bed7;
}

.no-touchevents .tabs--theme-4 a:hover,
.no-touchevents .tabs--theme-4 a:focus {
  background: #ffefeb;
}

.no-touchevents .tabs--theme-4 a:active {
  background: #ffdfd6;
}

.tabs--theme-4 a:active {
  background: #ffdfd6;
  text-decoration: none;
}

.tabs--theme-4 a:visited {
  color: #ff5d32;
}

.tabs--theme-4 a,
.tabs--theme-4 .tabs__current {
  border-color: #ff5d32;
}

.tabs--theme-4 .tabs__current {
  background: #ff5d32;
}

.no-touchevents .tabs--theme-5 a:hover,
.no-touchevents .tabs--theme-5 a:focus {
  background: #e6f8f2;
}

.no-touchevents .tabs--theme-5 a:active {
  background: #ccf1e5;
}

.tabs--theme-5 a:active {
  background: #ccf1e5;
  text-decoration: none;
}

.tabs--theme-5 a:visited {
  color: #00b97f;
}

.tabs--theme-5 a,
.tabs--theme-5 .tabs__current {
  border-color: #00b97f;
}

.tabs--theme-5 .tabs__current {
  background: #00b97f;
}

.no-touchevents .tabs--theme-6 a:hover,
.no-touchevents .tabs--theme-6 a:focus {
  background: #f3f9e7;
}

.no-touchevents .tabs--theme-6 a:active {
  background: #e6f3d0;
}

.tabs--theme-6 a:active {
  background: #e6f3d0;
  text-decoration: none;
}

.tabs--theme-6 a:visited {
  color: #83C412;
}

.tabs--theme-6 a,
.tabs--theme-6 .tabs__current {
  border-color: #83C412;
}

.tabs--theme-6 .tabs__current {
  background: #83C412;
}

.no-touchevents .tabs--theme-7 a:hover,
.no-touchevents .tabs--theme-7 a:focus {
  background: #e9eef9;
}

.no-touchevents .tabs--theme-7 a:active {
  background: #d2dcf3;
}

.tabs--theme-7 a:active {
  background: #d2dcf3;
  text-decoration: none;
}

.tabs--theme-7 a:visited {
  color: #1e50c3;
}

.tabs--theme-7 a,
.tabs--theme-7 .tabs__current {
  border-color: #1e50c3;
}

.tabs--theme-7 .tabs__current {
  background: #1e50c3;
}

.no-touchevents .tabs--theme-8 a:hover,
.no-touchevents .tabs--theme-8 a:focus {
  background: white;
}

.no-touchevents .tabs--theme-8 a:active {
  background: white;
}

.tabs--theme-8 a:active {
  background: white;
  text-decoration: none;
}

.tabs--theme-8 a:visited {
  color: #ffffff;
}

.tabs--theme-8 a,
.tabs--theme-8 .tabs__current {
  border-color: #ffffff;
}

.tabs--theme-8 .tabs__current {
  background: #ffffff;
}

.no-touchevents .tabs--theme-9 a:hover,
.no-touchevents .tabs--theme-9 a:focus {
  background: #fdfdfd;
}

.no-touchevents .tabs--theme-9 a:active {
  background: #fafafa;
}

.tabs--theme-9 a:active {
  background: #fafafa;
  text-decoration: none;
}

.tabs--theme-9 a:visited {
  color: #e6e6e6;
}

.tabs--theme-9 a,
.tabs--theme-9 .tabs__current {
  border-color: #e6e6e6;
}

.tabs--theme-9 .tabs__current {
  background: #e6e6e6;
}

.filter-box {
  position: relative;
  margin-bottom: 20px;
  padding: 50px 15px 0;
  background: #f2f2f2;
  border-radius: 3px;
}

@media only screen and (min-width: 42.5em) {
  .filter-box {
    padding: 20px;
  }
}

@media only screen and (max-width: 42.4375em) {
  .filter-box.has-active-filters:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 5px;
    height: 100%;
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
    border-radius: 0 3px 3px 0;
  }
}

.filter-box.is-open:after {
  content: none;
}

.filter-box__heading {
  display: none;
}

@media only screen and (min-width: 42.5em) {
  .filter-box__heading {
    display: block;
  }
}

.filter-box__form-toggle {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  padding-left: 45px;
  color: #323232;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 50px;
  text-align: left;
  text-decoration: none;
  border-radius: 3px;
}

.has-active-filters .filter-box__form-toggle {
  width: 45px;
}

.is-open .filter-box__form-toggle {
  width: 100%;
}

@media only screen and (min-width: 42.5em) {
  .filter-box__form-toggle {
    display: none;
  }
}

[dir="rtl"] .filter-box__form-toggle {
  left: auto;
  right: 0;
}

.filter-box__form-toggle:before {
  content: '';
  position: absolute;
  left: 15px;
  bottom: 22px;
  z-index: 2;
  pointer-events: none;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #a0a0a0;
}

.is-open .filter-box__form-toggle:before {
  border-top-color: transparent;
  border-bottom: 8px solid #a0a0a0;
}

@media only screen and (max-width: 42.4375em) {
  .filter-box .garp-form {
    display: none;
    padding: 15px 0;
  }
}

.filter-box.is-open .garp-form {
  display: block;
}

.filter-box label {
  display: block;
  padding: 0;
  background: transparent;
  font-size: 11px;
  font-size: 1.1rem;
}

.filter-box .custom-select {
  margin-bottom: 15px;
}

.filter-box .custom-search {
  margin-bottom: 15px;
}

@media only screen and (max-width: 42.4375em) {
  .active-filters {
    overflow-x: scroll;
    position: absolute;
    top: 0;
    left: 45px;
    right: 0;
    padding: 10px;
    border-left: 1px solid #a0a0a0;
  }

  .is-open .active-filters {
    display: none;
  }

  [dir="rtl"] .active-filters {
    left: auto;
    right: 45px;
    border-left: 0;
    border-right: 1px solid #a0a0a0;
  }
}

.active-filters ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 600px;
}

.active-filters ul li:before {
  content: none;
}

.active-filters li {
  float: left;
  margin: 0;
  padding-right: 3px;
  padding-bottom: 3px;
}

[dir="rtl"] .active-filters li {
  float: right;
  padding-right: 0;
  padding-left: 3px;
}

.active-filters a {
  display: block;
  padding: 0 8px;
  background: #fff;
  color: #323232;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: normal;
  line-height: 30px;
}

.active-filters a:before {
  content: '×';
  display: inline-block;
  margin-right: 5px;
  color: #a0a0a0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 30px;
  vertical-align: bottom;
}

[dir="rtl"] .active-filters a:before {
  margin-right: auto;
  margin-left: 5px;
}

.active-filters--lap {
  display: none;
}

@media only screen and (min-width: 42.5em) {
  .active-filters--lap {
    display: block;
  }
}

.active-filters--lap ul {
  zoom: 1;
  width: auto;
  margin-bottom: 30px;
}

.active-filters--lap ul:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

.active-filters--lap a {
  background: #e6e6e6;
}

.active-filters.active-filters a:hover,
.active-filters.active-filters a:focus {
  background: #fff;
  vertical-align: top;
}

/**
 * Custom Select
 */

.custom-select {
  position: relative;
  display: block;
  padding: 2px 0;
}

.custom-select:after {
  content: '';
  position: absolute;
  right: 15px;
  bottom: 18px;
  z-index: 2;
  pointer-events: none;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #a0a0a0;
}

[dir="rtl"] .custom-select:after {
  right: auto;
  left: 15px;
}

.custom-select select {
  margin: 0;
  padding-right: 40px;
  width: 100%;
  background: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

[dir="rtl"] .custom-select select {
  padding-right: 12px;
  padding-left: 40px;
}

.custom-select option {
  font-weight: normal;
  color: #323232;
}

/**
 * Custom Select hacks
 * See: https://github.com/filamentgroup/select-css/blob/master/src/select.css
 */

x:-o-prefocus,
.custom-select::after {
  display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .custom-select select::-ms-expand {
    display: none;
  }

  .custom-select select:focus::-ms-value {
    background: transparent;
    color: #323232 !important;
  }
}

@-moz-document url-prefix()  {

}

.custom-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #323232 !important;
}

.custom-file-input.not-empty .custom-file-input__upload {
  position: relative;
  border-color: #00b97f;
  opacity: 0.3;
}

.custom-file-input.not-empty .custom-file-input__upload::after {
  content: 'File chosen';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  color: #00b97f;
  line-height: 35px;
  pointer-events: none;
}

.custom-file-input.not-empty .custom-file-input__submit .button {
  background: #00b97f;
}

.custom-file-input__upload,
.custom-file-input__submit {
  display: inline-block;
  margin-bottom: 0 !important;
}

.custom-file-input__upload {
  margin-right: 5px;
  padding: 0 !important;
  position: relative;
  overflow: hidden;
}

[dir="rtl"] .custom-file-input__upload {
  margin-right: auto;
  margin-left: 5px;
}

.custom-file-input__upload label {
  margin-bottom: 0;
  padding: 8px 10px;
}

.custom-file-input__upload input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  display: block;
  font-size: 100px;
  font-size: 10rem;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: transparent;
  cursor: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.auth-form {
  position: relative;
}

.auth-form__header {
  zoom: 1;
  margin-bottom: 1.4375em;
}

.auth-form__header:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

.auth-form__header h1 {
  float: left;
  margin-right: 10px;
}

[dir="rtl"] .auth-form__header h1 {
  float: right;
  margin-right: 0;
  margin-left: 10px;
}

.auth-form__header a {
  margin-left: 10px;
}

@media only screen and (min-width: 42.5em) {
  .auth-form__header a,
  .auth-form__header p {
    vertical-align: bottom;
  }
}

@media only screen and (min-width: 42.5em) {
  .auth-form__main {
    float: left;
    width: 50%;
    padding-right: 40px;
  }

  [dir="rtl"] .auth-form__main {
    float: right;
    padding-right: auto;
    padding-left: 40px;
  }
}

@media only screen and (min-width: 55em) {
  .auth-form__main {
    padding-right: 80px;
  }

  [dir="rtl"] .auth-form__main {
    float: right;
    padding-right: 0;
    padding-left: 80px;
  }
}

@media only screen and (max-width: 42.4375em) {
  .auth-form__sidebar {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 42.5em) {
  .auth-form__sidebar {
    float: right;
    width: 50%;
  }

  [dir="rtl"] .auth-form__sidebar {
    float: left;
  }
}

.auth-form__sidebar ul {
  margin: 0;
}

.auth-form__email {
  position: relative;
}

@media only screen and (max-width: 42.4375em) {
  .auth-form__email {
    margin-top: 20px;
  }
}

.auth-form__email input,
.auth-form__forgotpassword input,
.auth-form__resetpassword input {
  width: 100%;
  margin-bottom: 15px;
}

.auth-form__seperator {
  position: relative;
  display: block;
  margin: 1.4375em 0;
  text-align: center;
  background: #ffffff;
}

.auth-form__seperator:before,
.auth-form__seperator:after {
  content: '';
  display: block;
  width: 45%;
  position: absolute;
  top: 10px;
  border-top: 1px solid #a0a0a0;
}

.auth-form__seperator:before {
  left: 0;
}

.auth-form__seperator:after {
  right: 0;
}

.auth-form__switch-link {
  position: absolute;
  top: 0;
  right: 0;
}

.social-form {
  zoom: 1;
}

.social-form:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

.social-form__header {
  margin-bottom: 1.4375em;
}

.social-form p {
  float: left;
  margin-top: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

.social-form button {
  float: left;
  width: 32.666666667%;
  margin-left: 1%;
}

.social-form button.first {
  margin-left: 0;
}

.progress-form {
  zoom: 1;
}

.progress-form:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

.progress-form__steps {
  margin: 0;
  padding: 0;
  list-style-type: none;
  zoom: 1;
  margin-bottom: 1.4375em;
}

.progress-form__steps li:before {
  content: none;
}

.progress-form__steps:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

@media only screen and (min-width: 42.5em) {
  .progress-form__steps {
    margin-bottom: 2.875em;
  }
}

.progress-form__steps li {
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
  margin: 0;
  color: #a0a0a0;
  border-bottom: 3px solid #e6e6e6;
}

.progress-form__steps li.is-current {
  border-color: #3366ff;
  color: #3366ff;
}

.progress-form--coaching .progress-form__steps li.is-current {
  border-color: #ff5d32;
  color: #ff5d32;
}

.progress-form--funding .progress-form__steps li.is-current {
  border-color: #00b97f;
  color: #00b97f;
}

.progress-form__steps li > * {
  overflow: hidden;
  display: block;
  font-size: 10px;
  font-size: 1rem;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.progress-form__steps li > *:before {
  content: attr(data-step);
}

.progress-form__steps .is-current > * {
  font-size: 14px;
  font-size: 1.4rem;
}

.progress-form__steps a {
  color: #a0a0a0;
  text-decoration: none;
}

.progress-form__steps a:hover,
.progress-form__steps a:focus {
  background: #f2f2f2;
}

.progress-form__steps--5 li {
  width: 17.75%;
}

.progress-form__steps--5 li + li {
  margin-left: 1%;
}

.progress-form__intro {
  padding: 10px 15px;
  background: #3366ff;
  color: #ffffff;
  border-radius: 3px;
}

.progress-form--coaching .progress-form__intro {
  background: #ff5d32;
}

.progress-form--funding .progress-form__intro {
  background: #00b97f;
}

@media only screen and (min-width: 42.5em) {
  .progress-form__intro {
    display: none;
  }
}

@media only screen and (max-width: 42.4375em) {
  .progress-form__sidebar {
    display: none;
  }
}

.progress-form .garp-form .button {
  float: right;
}

.avatar-upload {
  margin-bottom: 35px;
}

.avatar-upload__form,
.avatar-upload__avatar,
.avatar-upload__placeholder {
  display: inline-block;
  vertical-align: top;
}

.avatar-upload__avatar,
.avatar-upload__placeholder {
  width: 100px;
  height: 100px;
  margin-right: 15px;
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  overflow: hidden;
}

[dir="rtl"] .avatar-upload__avatar,
[dir="rtl"]
  .avatar-upload__placeholder {
  margin-right: auto;
  margin-left: 15px;
}

@media only screen and (max-width: 42.4375em) {
  .avatar-upload__avatar,
  .avatar-upload__placeholder {
    margin-bottom: 10px;
  }
}

.profile-header {
  zoom: 1;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background: #00bed7;
  color: #ffffff;
}

.profile-header:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

@media only screen and (max-width: 42.4375em) {
  .profile-header {
    margin-bottom: 1.4375em;
    padding: 0;
  }
}

.profile-header__inner-wrapper {
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 42.5em) {
  .profile-header__inner-wrapper {
    min-height: 280px;
  }
}

.profile-header__avatar {
  overflow: hidden;
  float: left;
  width: 60px;
  height: 60px;
  background: #f2f2f2;
  border: 1px solid #ffffff;
  border-radius: 5px;
}

[dir="rtl"] .profile-header__avatar {
  float: right;
}

@media only screen and (min-width: 42.5em) {
  .profile-header__avatar {
    width: 100px;
    height: 100px;
  }
}

.profile-header__details {
  margin-left: 75px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

[dir="rtl"] .profile-header__details {
  margin-left: auto;
  margin-right: 75px;
}

@media only screen and (min-width: 42.5em) {
  .profile-header__details {
    margin-left: 120px;
  }

  [dir="rtl"] .profile-header__details {
    margin-left: auto;
    margin-right: 120px;
  }
}

.profile-header__details a:not(.button) {
  color: #fff;
}

.profile-header h1 {
  margin-bottom: 8px;
}

.profile-header__location {
  margin-top: 7px;
  color: #fff;
}

.profile-header__location:before {
  width: 13px;
  height: 13px;
  background-position: 0 -52px;
  margin-right: 5px;
}

[dir="rtl"] .profile-header__location:before {
  margin-right: auto;
  margin-left: 5px;
}

.profile-header__website {
  max-width: 100%;
  word-wrap: break-word;
}

.profile-header__website:before {
  width: 13px;
  height: 13px;
  background-position: 0 -39px;
  margin-right: 5px;
}

[dir="rtl"] .profile-header__website:before {
  margin-right: auto;
  margin-left: 5px;
}

.profile-header__partner span {
  overflow: hidden;
  display: block;
}

.profile-header__partner:before {
  float: left;
  width: 13px;
  height: 13px;
  background-position: 0 -65px;
  margin-top: 4px;
  margin-right: 5px;
}

.profile-header__actions {
  position: relative;
  display: block;
  padding-top: 1.4375em;
}

.profile-header__actions .button {
  margin-top: 5px;
}

.profile-header__actions a {
  min-width: 0;
  padding: 8px;
}

/* ugly specificity is required because .page-header__content p is being used somewhere else */

p.profile-header__notification.profile-header__notification {
  display: block;
  max-width: 400px;
  margin-top: 20px;
  padding: 10px;
  background: #3366ff;
  border-radius: 3px;
  text-align: center;
  font-size: .8em;
}

.profile-header__notification:after {
  content: '';
  position: absolute;
  top: -15px;
  left: 20px;
  border-width: 0 15px 15px;
  border-style: solid;
  border-color: #3366ff transparent;
  display: block;
  width: 0;
}

[dir="rtl"] .profile-header__notification:after {
  left: auto;
  right: 20px;
}

.profile-header__featured-label,
.profile-header__ambassador-label {
  display: inline-block;
  margin-left: 5px;
  padding: 3px 5px;
  color: #3366ff;
  background: #fff;
  font-size: 9px;
  font-size: 0.9rem;
  font-weight: normal;
  text-transform: uppercase;
  vertical-align: middle;
  border-radius: 2px;
  text-shadow: none;
}

.profile-header__ambassador-label {
  color: #00a5be;
}

.profile-header-coach {
  zoom: 1;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background: #ff5d32;
  color: #ffffff;
}

.profile-header-coach:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

@media only screen and (max-width: 42.4375em) {
  .profile-header-coach {
    margin-bottom: 1.4375em;
    padding: 0;
  }
}

.profile-header-coach__inner-wrapper {
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 42.5em) {
  .profile-header-coach__inner-wrapper {
    min-height: 280px;
  }
}

.profile-header-coach__avatar {
  overflow: hidden;
  float: left;
  width: 60px;
  height: 60px;
  background: #f2f2f2;
  border: 1px solid #ffffff;
  border-radius: 5px;
}

@media only screen and (min-width: 42.5em) {
  .profile-header-coach__avatar {
    width: 150px;
    height: 150px;
    margin-right: 50px;
  }
}

.profile-header-coach__details {
  margin-left: 75px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

@media only screen and (min-width: 42.5em) {
  .profile-header-coach__details {
    margin-left: 120px;
  }
}

.profile-header-coach__details a:not(.button) {
  color: #fff;
}

.profile-header-coach h1 {
  margin-bottom: 8px;
}

.profile-header-coach__location {
  margin-top: 7px;
  color: #fff;
}

.profile-header-coach__location:before {
  width: 13px;
  height: 13px;
  background-position: 0 -52px;
  margin-right: 5px;
}

.profile-header-coach__website {
  max-width: 100%;
  word-wrap: break-word;
}

.profile-header-coach__website:before {
  width: 13px;
  height: 13px;
  background-position: 0 -39px;
  margin-right: 5px;
}

.profile-header-coach__actions {
  position: relative;
  display: block;
  padding-top: 1.4375em;
}

.profile-header-coach__actions .button {
  margin-top: 5px;
}

/* ugly specificity is required because .page-header__content p is being used somewhere else */

p.profile-header-coach__notification.profile-header-coach__notification {
  display: block;
  max-width: 400px;
  margin-top: 20px;
  padding: 10px;
  background: #3366ff;
  border-radius: 3px;
  text-align: center;
  font-size: .8em;
}

.profile-header-coach__notification:after {
  content: "";
  position: absolute;
  top: -15px;
  left: 100px;
  border-width: 0 15px 15px;
  border-style: solid;
  border-color: #3366ff transparent;
  display: block;
  width: 0;
}

.profile-header-coach__actions p {
  font-size: 1.2em;
}

.profile-header-coach__approve-label {
  display: inline-block;
  margin-left: 5px;
  padding: 5px 8px;
  color: #ffffff;
  background: #3366ff;
  font-size: 9px;
  font-size: 0.9rem;
  font-weight: normal;
  text-transform: uppercase;
  vertical-align: middle;
  border-radius: 2px;
  text-shadow: none;
}

.profile-body__empty-field {
  display: block;
  padding: 80px 30px;
  margin-bottom: 2.875em;
  border: 1px dashed #a0a0a0;
  border-radius: 5px;
  color: #a0a0a0;
  text-align: center;
  text-decoration: none;
}

@media only screen and (min-width: 42.5em) {
  .profile-body__empty-field {
    padding: 120px 30px;
  }
}

.profile-body__empty-field ~ .profile-body__empty-field {
  margin-bottom: 1.4375em;
}

.no-touchevents .profile-body__empty-field[href]:hover,
.no-touchevents .profile-body__empty-field[href]:focus {
  text-decoration: underline;
}

.no-touchevents .profile-body__empty-field[href]:active {
  text-decoration: underline;
}

.profile-body__empty-field[href]:active {
  text-decoration: underline;
}

@media only screen and (min-width: 42.5em) {
  .profile-body__description {
    margin-bottom: 2.875em;
  }
}

.profile-body__description,
.profile-body__business {
  position: relative;
}

.profile-body__description > h2,
.profile-body__business > h2 {
  font-size: 23px;
  font-size: 2.3rem;
}

.profile-body__edit {
  position: absolute;
  top: 0;
  right: 0;
}

[dir="rtl"] .profile-body__edit {
  right: auto;
  left: 0;
}

.profile-body__tagline {
  font-size: 16px;
  font-size: 1.6rem;
  color: #6e6e6e;
}

.profile-body__tagline:before {
  content: open-quote;
}

.profile-body__tagline:after {
  content: close-quote;
}

.profile-body-coach__empty-field {
  display: block;
  padding: 80px 30px;
  margin-bottom: 2.875em;
  border: 1px dashed #a0a0a0;
  border-radius: 5px;
  color: #a0a0a0;
  text-align: center;
  text-decoration: none;
}

@media only screen and (min-width: 42.5em) {
  .profile-body-coach__empty-field {
    padding: 120px 30px;
  }
}

.profile-body-coach__empty-field ~ .profile-body-coach__empty-field {
  margin-bottom: 1.4375em;
}

.no-touchevents .profile-body-coach__empty-field[href]:hover,
.no-touchevents .profile-body-coach__empty-field[href]:focus {
  text-decoration: underline;
}

.no-touchevents .profile-body-coach__empty-field[href]:active {
  text-decoration: underline;
}

.profile-body-coach__empty-field[href]:active {
  text-decoration: underline;
}

@media only screen and (min-width: 42.5em) {
  .profile-body-coach__description {
    margin-bottom: 2.875em;
  }
}

.profile-body-coach__description,
.profile-body-coach__business {
  position: relative;
}

.profile-body-coach__description > h2,
.profile-body-coach__business > h2 {
  font-size: 23px;
  font-size: 2.3rem;
}

.profile-body-coach__edit {
  position: absolute;
  top: 0;
  right: 0;
}

[dir="rtl"] .profile-body-coach__edit {
  left: 0;
  right: auto;
}

.profile-body-coach__website {
  max-width: 100%;
  word-wrap: break-word;
}

.profile-body-coach__website:before {
  width: 18px;
  height: 18px;
  background-position: 0 -198px;
  margin-right: 5px;
  -ms-transform: translateY(2px);
  transform: translateY(2px);
}

.profile-body-coach__website > a {
  text-decoration: none;
  color: inherit;
}

.profile-body-coach__website > a:hover,
.profile-body-coach__website > a:focus {
  text-decoration: underline;
}

.profile-body-coach__location:before {
  width: 18px;
  height: 18px;
  background-position: 0 -180px;
  margin-right: 5px;
  -ms-transform: translateY(2px);
  transform: translateY(2px);
}

[dir="rtl"] .profile-body-coach__location:before {
  margin-left: 5px;
  margin-right: auto;
}

.profile-body-coach h3 {
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
}

.profile-body-coach__island {
  margin: 0;
  margin-bottom: 40px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (min-width: 42.5em) {
  .profile-body-coach__island {
    margin-bottom: 0;
  }
}

.profile-body-coach__island > div {
  padding: 15px 0;
  border-bottom: 1px solid #E3E3E3;
}

.profile-body-coach__island > div:last-of-type {
  border: 0;
  padding-bottom: 0;
}

.profile-body-coach__island > div:first-of-type {
  padding-top: 0;
}

.profile-card {
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 rgba(50, 50, 50, 0.2);
  overflow: hidden;
  /* needed for border-radius clipping */
  padding: 0.71875em;
  margin-bottom: 2.875em;
}

@media only screen and (min-width: 42.5em) {
  .profile-card {
    padding: 1.4375em;
  }
}

.profile-card__banner {
  background-color: #00bed7;
  min-height: 6em;
  margin: -15px -15px 15px;
}

@media only screen and (min-width: 42.5em) {
  .profile-card__banner {
    margin: -30px -30px 30px;
  }
}

.profile-card__header h2,
.profile-card__header h3 {
  font-size: 1em;
  margin: 0 0 1.07812em;
}

.profile-card__avatar {
  border-radius: 3px;
  margin: -95px 0 15px;
}

.profile-card__quote {
  padding: 0;
  margin: 0.43125em 0 1.4375em;
}

.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(230, 230, 230, 0.8);
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.lightbox:after {
  content: "×";
  color: #323232;
  font-size: 80px;
  font-size: 8rem;
  line-height: 50px;
  display: block;
  position: absolute;
  top: 5%;
  right: 5%;
}

[dir="rtl"] .lightbox:after {
  right: auto;
  left: 5%;
}

.lightbox img {
  border: 1px solid #ffffff;
  border-radius: 5px;
}

.lightbox--hidden {
  display: none;
}

.user-listing {
  position: relative;
  min-height: 650px;
}

.user-listing--not-registered {
  margin-bottom: -100px;
}

.user-listing--not-registered::after {
  content: '';
  position: absolute;
  bottom: 100px;
  left: 0;
  width: 100%;
  height: 300px;
  background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
}

.user-listing input[type="submit"] {
  min-width: 120px;
}

.user-listing__filter {
  zoom: 1;
  margin-bottom: 1.4375em;
  padding-bottom: 1.4375em;
  border-bottom: 1px solid #a0a0a0;
}

.user-listing__filter:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

@media only screen and (min-width: 42.5em) {
  .user-listing__filter {
    padding: 20px 25px;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
  }
}

.user-listing__filter label {
  display: none;
}

.user-listing__filter .garp-form > div {
  margin-bottom: 15px;
}

.user-listing__filter .garp-form > div:last-of-type {
  margin-bottom: 0;
}

.user-listing__count {
  padding: 5px 10px;
  margin-bottom: 1.4375em;
  background: #f2f2f2;
  font-size: 13px;
  font-size: 1.3rem;
  border-radius: 3px;
}

@media only screen and (min-width: 42.5em) {
  .user-listing__count {
    padding: 10px 15px;
    font-size: inherit;
  }
}

.user-listing__show-all {
  color: #323232;
}

.user-listing__pagination {
  margin-top: 1.4375em;
  margin-bottom: 1.4375em;
  text-align: center;
}

@media only screen and (min-width: 42.5em) {
  .user-listing__pagination {
    margin-top: 4.3125em;
    margin-bottom: 4.3125em;
  }
}

.user-listing-tabs {
  margin-top: 60px;
  margin-bottom: 30px;
  border-bottom: 1px solid #6e6e6e;
}

@media only screen and (min-width: 42.5em) {
  .user-listing-tabs {
    padding-left: 10px;
  }

  [dir="rtl"] .user-listing-tabs {
    padding-left: 0;
    padding-right: 10px;
  }
}

.user-listing-tabs__tab {
  position: relative;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
  display: inline-block;
  min-width: 80px;
  margin: 0 3px;
  padding: 10px 20px;
  border: 1px solid #a0a0a0;
  border-bottom: 0;
  color: #a0a0a0;
  font-size: 13px;
  font-size: 1.3rem;
  text-decoration: none;
  text-align: center;
  text-shadow: none;
  transition: all .05s ease-out;
  border-radius: 3px 3px 0 0;
}

@media only screen and (min-width: 42.5em) {
  .user-listing-tabs__tab {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.user-listing-tabs__tab:hover,
.user-listing-tabs__tab:focus {
  background: #f2f2f2;
}

.user-listing-tabs__tab.is-active {
  position: relative;
  background: #3366ff;
  border-color: #3366ff;
  color: #fff;
}

.user-listing-tabs__tab.is-active::before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: -1px;
  border-top: 1px solid #3366ff;
}

.user-count {
  font-size: 12px;
  font-size: 1.2rem;
}

.listed-user {
  zoom: 1;
  position: relative;
  display: block;
  color: #323232;
  text-decoration: none;
}

.listed-user:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

.listed-user--outlined {
  border-top: 1px solid #f2f2f2;
  margin-bottom: 0.71875em;
  padding-top: 0.71875em;
}

.listed-user--outlined:last-of-type {
  border-bottom: 0;
}

@media only screen and (min-width: 42.5em) {
  .listed-user--outlined {
    margin-bottom: 1.15em;
    padding-top: 1.15em;
  }
}

.no-touchevents a.listed-user:hover h3,
.no-touchevents a.listed-user:focus h3 {
  color: #3366ff;
}

.no-touchevents a.listed-user:active h3 {
  color: #3366ff;
}

a.listed-user:active h3 {
  color: #3366ff;
}

.listed-user__avatar {
  overflow: hidden;
  float: left;
  width: 60px;
  height: 60px;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
}

[dir="rtl"] .listed-user__avatar {
  float: right;
}

@media only screen and (min-width: 42.5em) {
  .listed-user__avatar {
    width: auto;
    height: auto;
  }
}

.listed-user__details {
  margin-left: 75px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
}

@media only screen and (min-width: 42.5em) {
  .listed-user__details {
    margin-left: 120px;
  }

  [dir="rtl"] .listed-user__details {
    margin-left: auto;
    margin-right: 120px;
  }
}

.listed-user__details > div {
  margin-bottom: 3px;
}

.listed-user__featured-label,
.listed-user__ambassador-label,
.listed-user__coach-label,
.listed-user__hot-label,
.listed-user__is-featured-label {
  display: inline-block;
  margin-left: 5px;
  padding: 3px 5px;
  background: #3366ff;
  color: #fff;
  font-size: 9px;
  font-size: 0.9rem;
  font-weight: normal;
  text-transform: uppercase;
  vertical-align: middle;
  border-radius: 2px;
}

[dir="rtl"] .listed-user__featured-label,
[dir="rtl"]
  .listed-user__ambassador-label,
[dir="rtl"]
  .listed-user__coach-label,
[dir="rtl"]
  .listed-user__hot-label,
[dir="rtl"]
  .listed-user__is-featured-label {
  margin-left: auto;
  margin-right: 5px;
}

.listed-user__ambassador-label {
  background: #00a5be;
}

.listed-user__coach-label {
  background: #00b97f;
}

.listed-user__hot-label {
  background: #ff5d32;
}

.listed-user__is-featured-label {
  background: #00bed7;
}

.listed-user__languages-label {
  display: inline-block;
  margin-bottom: 0.2875em;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: normal;
  text-transform: capitalize;
  border: 1px solid #a0a0a0;
  border-radius: 2px;
  padding: 0 .45em;
}

@media only screen and (min-width: 42.5em) {
  .listed-user__languages-label {
    margin-bottom: 0.71875em;
  }
}

.listed-user h3 {
  margin-bottom: 3px;
}

@media only screen and (min-width: 42.5em) {
  .listed-user h3 {
    font-size: 19px;
    font-size: 1.9rem;
    margin-bottom: 7px;
  }
}

.listed-user__location {
  color: #6e6e6e;
}

.listed-user__interests {
  display: inline-block;
  margin-top: 10px;
  padding: 5px 10px;
  border: 1px solid #a0a0a0;
  border-radius: 3px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media only screen and (min-width: 42.5em) {
  .listed-user__interests {
    margin-top: 17px;
  }
}

.listed-user--small .listed-user__avatar {
  margin-right: 10px;
}

[dir="rtl"] .listed-user--small .listed-user__avatar {
  margin-right: auto;
  margin-left: 10px;
}

.listed-user--small .listed-user__details {
  margin-left: 0;
  overflow: hidden;
}

[dir="rtl"] .listed-user--small .listed-user__details {
  margin-left: auto;
  margin-right: 0;
}

.listed-user--small .listed-user__details > h3 {
  font-size: 16px;
  font-size: 1.6rem;
}

.listed-user--small .listed-user__avatar img {
  width: 35px;
  height: 35px;
}

@media only screen and (min-width: 42.5em) {
  .listed-user--small .listed-user__avatar img {
    width: 70px;
    height: 70px;
  }
}

.listed-user--small .listed-user__business {
  display: none;
}

@media only screen and (min-width: 42.5em) {
  .listed-user--small .listed-user__business {
    display: block;
  }
}

.partner {
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
}

.no-touchevents a.partner:hover,
.no-touchevents a.partner:focus {
  opacity: .7;
}

.no-touchevents a.partner:active {
  opacity: .7;
}

a.partner:active {
  opacity: .7;
}

.testimonial {
  max-width: 600px;
  overflow: hidden;
  margin-bottom: 1.4375em;
  padding: 20px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.testimonial:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 42.5em) {
  .testimonial {
    margin-bottom: 2.875em;
    padding: 30px;
  }
}

.no-boxshadow .testimonial {
  border: 1px solid #e6e6e6;
}

.testimonial--primary {
  color: #3366ff;
}

.testimonial--secondary {
  color: #00bed7;
}

.testimonial--tertiary {
  color: #00bed7;
}

.testimonial--quarternary {
  color: #ff5d32;
}

.testimonial--quinary {
  color: #00b97f;
}

.testimonial--senary {
  color: #83C412;
}

.testimonial--primary--dark {
  color: #1e50c3;
}

.testimonial--white {
  color: #ffffff;
}

.testimonial--grey {
  color: #e6e6e6;
}

.testimonial__item {
  zoom: 1;
}

.testimonial__item:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

.testimonial__image {
  float: left;
  position: relative;
  max-width: 100px;
  margin-right: 15px;
  margin-bottom: 0;
  border-radius: 3px;
  overflow: hidden;
}

@media only screen and (min-width: 42.5em) {
  .testimonial__image {
    max-width: 150px;
    margin-right: 30px;
  }
}

.testimonial__description {
  margin: 0;
}

.testimonial__description p {
  padding-left: .25em;
  text-indent: -.25em;
}

.testimonial__description p:last-of-type {
  margin-bottom: 0;
}

@media only screen and (min-width: 42.5em) {
  .testimonial__description {
    overflow: hidden;
  }
}

.testimonial--flipped {
  float: right;
}

[dir="rtl"] .testimonial--flipped {
  float: left;
}

.testimonial--flipped .testimonial__image {
  float: right;
  margin-left: 15px;
  margin-right: 0;
}

@media only screen and (min-width: 42.5em) {
  .testimonial--flipped .testimonial__image {
    margin-left: 30px;
    margin-right: 0;
  }
}

.tools-listing {
  position: relative;
}

.tools-listing input[type="submit"] {
  min-width: 120px;
}

.tools-listing__filter {
  zoom: 1;
  margin-bottom: 1.4375em;
  padding-bottom: 1.4375em;
  border-bottom: 1px solid #a0a0a0;
}

.tools-listing__filter:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

@media only screen and (min-width: 42.5em) {
  .tools-listing__filter {
    padding: 20px 25px;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
  }
}

.tools-listing__filter label {
  display: none;
}

.tools-listing__filter .garp-form > div {
  margin-bottom: 15px;
}

.tools-listing__filter .garp-form > div:last-of-type {
  margin-bottom: 0;
}

.tools-listing__count {
  padding: 5px 10px;
  margin-bottom: 1.4375em;
  background: #f2f2f2;
  font-size: 13px;
  font-size: 1.3rem;
  border-radius: 3px;
}

@media only screen and (min-width: 42.5em) {
  .tools-listing__count {
    padding: 10px 15px;
    font-size: inherit;
  }
}

.tools-listing__show-all {
  color: #323232;
}

.tools-listing__pagination {
  margin-top: 1.4375em;
  text-align: center;
}

@media only screen and (min-width: 42.5em) {
  .tools-listing__pagination {
    margin-top: 4.3125em;
  }
}

.listed-tool {
  zoom: 1;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding: 10px 0 10px 55px;
  color: #323232;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.461538462;
  text-decoration: none;
}

.listed-tool:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

[dir="rtl"] .listed-tool {
  padding-left: 0;
  padding-right: 55px;
}

@media only screen and (min-width: 42.5em) {
  .listed-tool {
    margin-bottom: 30px;
    padding: 20px 30px 20px 120px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.428571429;
  }

  [dir="rtl"] .listed-tool {
    padding-left: 30px;
    padding-right: 120px;
  }
}

.listed-tool:hover,
.listed-tool:focus {
  color: #6e6e6e;
}

.listed-tool--featured {
  margin-left: -10px;
  margin-right: -10px;
  padding: 15px 10px 15px 65px;
  border: 2px solid #83C412;
  border-top-width: 8px;
  border-radius: 2px;
}

[dir="rtl"] .listed-tool--featured {
  padding-left: 10px;
  padding-right: 65px;
}

@media only screen and (min-width: 42.5em) {
  .listed-tool--featured {
    padding: 30px 30px 30px 120px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4375;
  }

  [dir="rtl"] .listed-tool--featured {
    padding-left: 30px;
    padding-right: 120px;
  }
}

.listed-tool__logo {
  overflow: hidden;
  float: left;
  margin-left: -45px;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
}

[dir="rtl"] .listed-tool__logo {
  float: right;
  margin-left: auto;
  margin-right: -45px;
}

@media only screen and (min-width: 42.5em) {
  .listed-tool__logo {
    margin-left: -70px;
  }

  [dir="rtl"] .listed-tool__logo {
    margin-left: auto;
    margin-right: -70px;
  }
}

.listed-tool--featured .listed-tool__logo {
  margin-left: -55px;
}

[dir="rtl"] .listed-tool--featured .listed-tool__logo {
  margin-left: auto;
  margin-right: -55px;
}

@media only screen and (min-width: 42.5em) {
  .listed-tool--featured .listed-tool__logo {
    margin-left: -90px;
  }

  [dir="rtl"] .listed-tool--featured .listed-tool__logo {
    margin-left: auto;
    margin-right: -90px;
  }
}

.listed-tool img {
  width: 30px;
  height: 30px;
}

@media only screen and (min-width: 42.5em) {
  .listed-tool img {
    width: 50px;
    height: 50px;
  }
}

.listed-tool--featured img {
  width: 40px;
  height: 40px;
}

@media only screen and (min-width: 42.5em) {
  .listed-tool--featured img {
    width: 70px;
    height: 70px;
  }
}

.listed-tool__title {
  margin-bottom: 5px;
  line-height: 1.2;
}

@media only screen and (min-width: 42.5em) {
  .listed-tool__title {
    font-size: 19px;
    font-size: 1.9rem;
    margin-bottom: 7px;
  }
}

.listed-tool--featured .listed-tool__title {
  font-size: 19px;
  font-size: 1.9rem;
}

@media only screen and (min-width: 42.5em) {
  .listed-tool--featured .listed-tool__title {
    font-size: 22px;
    font-size: 2.2rem;
  }
}

.listed-tool__interests {
  display: inline-block;
  margin-top: 10px;
  padding: 5px 10px;
  border: 1px solid #a0a0a0;
  border-radius: 3px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media only screen and (min-width: 42.5em) {
  .listed-tool__interests {
    margin-top: 17px;
  }
}

.listed-tool--small .listed-tool__avatar {
  margin-right: 10px;
}

[dir="rtl"] .listed-tool--small .listed-tool__avatar {
  margin-right: auto;
  margin-left: 10px;
}

.listed-tool--small .listed-tool__details {
  margin-left: 0;
  overflow: hidden;
}

[dir="rtl"] .listed-tool--small .listed-tool__details {
  margin-left: auto;
  margin-right: 0;
}

.listed-tool--small .listed-tool__avatar img {
  width: 35px;
  height: 35px;
}

@media only screen and (min-width: 42.5em) {
  .listed-tool--small .listed-tool__avatar img {
    width: 70px;
    height: 70px;
  }
}

.listed-tool--small .listed-tool__business {
  display: none;
}

@media only screen and (min-width: 42.5em) {
  .listed-tool--small .listed-tool__business {
    display: block;
  }
}

/**
 * Video embed
 * Scale video's while keeping aspect ratio
 * - Aspect ratio: 16:9 (padding-top: 56.25%)
 * - Padding bottom is used for Youtube playbar
 */

.video-embed {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  display: block;
  margin-bottom: 1.4375em;
}

@media only screen and (min-width: 42.5em) {
  .video-embed {
    margin-bottom: 2.15625em;
  }
}

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

.blogpost-index__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.blogpost-index__list li:before {
  content: none;
}

.blogpost-index__list li {
  zoom: 1;
  position: relative;
  display: block;
}

.blogpost-index__list li:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

.blogpost-index__list--spaced {
  margin-bottom: 30px;
}

.blogpost-excerpt {
  zoom: 1;
  max-width: 660px;
  margin-bottom: 0.71875em;
  padding-top: 0.71875em;
}

.blogpost-excerpt:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

@media only screen and (min-width: 42.5em) {
  .blogpost-excerpt {
    margin-bottom: 1.15em;
    padding-top: 1.15em;
  }
}

.blogpost-excerpt a {
  color: #323232;
}

.blogpost-excerpt a:hover {
  color: #3366ff;
}

.blogpost-excerpt__thumbnail {
  float: left;
  margin-right: 20px;
}

.blogpost-excerpt__thumbnail img {
  display: block;
  width: 100px;
  height: 100px;
}

@media only screen and (min-width: 42.5em) {
  .blogpost-excerpt__thumbnail img {
    width: 150px;
    height: 150px;
  }
}

.blogpost-excerpt__details {
  overflow: hidden;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
}

.blogpost-excerpt__title {
  margin-bottom: 3px;
}

.blogpost-excerpt__title a {
  text-decoration: none;
}

.blogpost-excerpt__date {
  color: #6e6e6e;
  display: block;
  margin-bottom: 5px;
}

.blogpost {
  margin-bottom: 60px;
  font-family: 'Helvetica', sans-serif;
}

.blogpost h1,
.blogpost h2 {
  font-family: 'Montserrat';
}

.blogpost__date {
  color: #6e6e6e;
}

.network__container {
  padding-top: 0;
}

@media only screen and (min-width: 42.5em) {
  .network__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.network {
  width: 100%;
  margin-bottom: 1.4375em;
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.25);
}

@media only screen and (min-width: 53.125em) {
  .network {
    width: 30%;
  }
}

@media only screen and (min-width: 53.125em) {
  .network--two-third {
    width: 65%;
  }
}

.network--stream-teaser {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #2e60ff;
}

.network--stream-teaser a,
.network--stream-teaser img {
  display: block;
  width: 100%;
  border-radius: 5px;
}

.share-buttons {
  margin-bottom: 30px;
}

.share-buttons__title {
  font-size: 16px;
  font-size: 1.6rem;
  color: #323232;
}

.share-buttons__title--small {
  font-size: 14px;
  font-size: 1.4rem;
}

.share-buttons__facebook {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
  border: 0 none;
  position: relative;
  width: 30px;
  height: 30px;
  padding-top: 7px;
  display: inline-block;
  background-color: #3b5998;
  vertical-align: middle;
  text-align: center;
  border-radius: 1px;
}

.no-touchevents .share-buttons__facebook:hover,
.no-touchevents .share-buttons__facebook:focus {
  vertical-align: middle;
  background-color: #324c81;
}

.no-touchevents .share-buttons__facebook:active {
  vertical-align: middle;
  background-color: #324c81;
}

.share-buttons__facebook:active {
  vertical-align: middle;
  background-color: #324c81;
}

.share-buttons__facebook:before {
  width: 16px;
  height: 16px;
  background-position: 0 0px;
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
}

.share-buttons__twitter {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
  border: 0 none;
  position: relative;
  width: 30px;
  height: 30px;
  padding-top: 7px;
  display: inline-block;
  background-color: #55acee;
  vertical-align: middle;
  text-align: center;
  border-radius: 1px;
}

.no-touchevents .share-buttons__twitter:hover,
.no-touchevents .share-buttons__twitter:focus {
  vertical-align: middle;
  background-color: #4892ca;
}

.no-touchevents .share-buttons__twitter:active {
  vertical-align: middle;
  background-color: #4892ca;
}

.share-buttons__twitter:active {
  vertical-align: middle;
  background-color: #4892ca;
}

.share-buttons__twitter:before {
  width: 16px;
  height: 16px;
  background-position: 0 -16px;
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
}

.share-buttons__linkedin {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
  border: 0 none;
  position: relative;
  width: 30px;
  height: 30px;
  padding-top: 7px;
  display: inline-block;
  background-color: #007ab8;
  vertical-align: middle;
  text-align: center;
  border-radius: 1px;
}

.no-touchevents .share-buttons__linkedin:hover,
.no-touchevents .share-buttons__linkedin:focus {
  vertical-align: middle;
  background-color: #00689c;
}

.no-touchevents .share-buttons__linkedin:active {
  vertical-align: middle;
  background-color: #00689c;
}

.share-buttons__linkedin:active {
  vertical-align: middle;
  background-color: #00689c;
}

.share-buttons__linkedin:before {
  width: 16px;
  height: 16px;
  background-position: 0 -32px;
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
}

.share-buttons__googleplus {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
  border: 0 none;
  position: relative;
  width: 30px;
  height: 30px;
  padding-top: 7px;
  display: inline-block;
  background-color: #dd4b39;
  vertical-align: middle;
  text-align: center;
  border-radius: 1px;
}

.no-touchevents .share-buttons__googleplus:hover,
.no-touchevents .share-buttons__googleplus:focus {
  vertical-align: middle;
  background-color: #bc4030;
}

.no-touchevents .share-buttons__googleplus:active {
  vertical-align: middle;
  background-color: #bc4030;
}

.share-buttons__googleplus:active {
  vertical-align: middle;
  background-color: #bc4030;
}

.share-buttons__googleplus:before {
  width: 16px;
  height: 16px;
  background-position: 0 -128px;
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
}

/*
	Pure css tooltips. Take their (string) content from data-tooltip attributes.
*/

[data-tooltip] {
  position: relative;
}

[data-tooltip]:before,
[data-tooltip]:after {
  background: #323232;
  color: #ffffff;
  position: absolute;
  top: 100%;
  display: none;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  text-transform: none;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  display: block;
}

[data-tooltip]:before {
  content: "";
  width: 10px;
  height: 10px;
  left: 50%;
  margin-top: 3px;
  margin-left: -5px;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

[data-tooltip]:after {
  content: attr(data-tooltip);
  text-align: left;
  width: 220px;
  padding: 10px;
  left: 50%;
  margin-left: -100px;
  margin-top: 5px;
  border-radius: 2px;
}

.footer {
  position: relative;
  background: #323232;
  color: #ffffff;
}

@media only screen and (min-width: 42.5em) {
  .footer {
    margin-top: -275px;
  }
}

@media only screen and (min-width: 55em) {
  .footer {
    margin-top: -235px;
  }
}

.footer__title {
  margin-bottom: 20px;
}

@media only screen and (min-width: 55em) {
  .footer__title {
    float: left;
    width: 20%;
  }

  [dir="rtl"] .footer__title {
    float: right;
  }
}

.footer__title a {
  text-decoration: none;
}

@media only screen and (max-width: 42.4375em) {
  .footer__navigation {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 42.5em) {
  .footer__navigation {
    float: left;
    width: 65%;
  }

  [dir="rtl"] .footer__navigation {
    float: right;
  }
}

@media only screen and (min-width: 55em) {
  .footer__navigation {
    width: 50%;
  }
}

.footer__parent-company {
  font-size: 12px;
  font-size: 1.2rem;
}

@media only screen and (min-width: 42.5em) {
  .footer__parent-company {
    float: right;
    width: 200px;
  }

  [dir="rtl"] .footer__parent-company {
    float: left;
  }
}

.footer a {
  color: #ffffff;
}

.footer__privacy-policy {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 10px;
  font-size: 1rem;
}

[dir="rtl"] .footer__privacy-policy {
  right: auto;
  left: 20px;
}

.footer-logo {
  display: block;
  text-indent: -999em;
  background-size: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 1.4375em;
}

.footer-logo--ye {
  width: 180px;
  height: 33px;
  background: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/child-and-youth-finance-logo-f4929ecc06.svg");
}

.no-svg .footer-logo--ye,
.operamini .footer-logo--ye {
  background-image: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/child-and-youth-finance-logo-145051fc44.png");
}

.footer-logo--sanad {
  width: 135px;
  height: 29px;
  background: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/sanad-taf-logo-22b0a488a9.svg") no-repeat;
  background-size: contain;
}

.no-svg .footer-logo--sanad,
.operamini .footer-logo--sanad {
  background-image: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/sanad-taf-logo.png");
}

.footer-logo--eu {
  width: 75px;
  height: 50px;
  background: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/flag-of-europe-20eeafd654.svg");
}

.no-svg .footer-logo--eu,
.operamini .footer-logo--eu {
  background-image: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/flag-of-europe-0b736ef378.png");
}

.footer-logo--itc {
  width: 209px;
  height: 87px;
  background: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/img/ITC-logo-202c5219f2.png") no-repeat;
  background-size: contain;
}

.list-contests {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-width: 600px;
}

.list-contests li:before {
  content: none;
}

.contest-entry__video {
  position: relative;
}

.contest-entry__video + .contest-entry__video {
  margin-top: 20px;
}

.contest-entry__description {
  margin-bottom: 40px;
}

@media only screen and (min-width: 53.125em) {
  .contest-entry__social-buttons--bottom {
    display: none;
  }
}

.contest-entry__text {
  position: relative;
}

.contest-entry__inner {
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contest-entry__content {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 20px;
}

.contest-entry__content > div {
  margin-bottom: 0;
}

.no-flexbox .contest-entry__content {
  width: 100%;
}

@media only screen and (min-width: 37.5em) {
  .contest-entry__content {
    width: 50%;
  }
}

.contest-entry__label {
  margin-top: 1em;
  font-weight: bold;
}

.contest-entry__sidebar {
  position: relative;
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
}

.contest-entry__sidebar > div {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}

.contest-entry__sidebar div:last-of-type {
  margin-bottom: 0;
}

@media only screen and (min-width: 37.5em) {
  .contest-entry__sidebar {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .contest-entry__sidebar > div {
    width: auto;
    margin: 0;
  }
}

@media only screen and (min-width: 46.875em) {
  .contest-entry__sidebar {
    max-width: 300px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contest-entry__sidebar > div {
    width: 100%;
    margin-bottom: 15px;
  }

  .contest-entry__sidebar > div:nth-last-of-type(2) {
    margin-bottom: 20px;
  }
}

.no-flexbox .contest-entry__sidebar {
  width: 100%;
  zoom: 1;
}

.no-flexbox .contest-entry__sidebar:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

.no-flexbox .contest-entry__sidebar > div {
  display: block;
  margin-bottom: 20px;
}

.list-contest-entries {
  position: relative;
  max-width: 960px;
  margin: auto;
  list-style-type: none;
}

@media only screen and (min-width: 46.875em) {
  .list-contest-entries {
    display: block;
    width: 100%;
  }
}

.list-contest-entries > li {
  margin: 35px;
}

@media only screen and (min-width: 46.875em) {
  .list-contest-entries > li {
    display: inline-block;
    width: 50%;
    height: auto;
    margin: 35px 0;
    padding: 0 20px;
  }
}

.list-contest-entries > li:first-child {
  margin-top: 35px;
}

.tag {
  min-width: 80px;
  padding: 6px 10px;
  margin-right: 10px;
  display: inline-block;
  border: 0;
  background: #3366ff;
  vertical-align: top;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: inherit;
  text-align: center;
  border-radius: 3px;
}

.tag--theme-primary {
  color: #ffffff;
  background: #3366ff;
}

.tag--theme-secondary {
  color: #ffffff;
  background: #00bed7;
}

.tag--theme-tertiary {
  color: #ffffff;
  background: #00bed7;
}

.tag--theme-quarternary {
  color: #ffffff;
  background: #ff5d32;
}

.tag--theme-quinary {
  color: #ffffff;
  background: #00b97f;
}

.tag--theme-senary {
  color: #ffffff;
  background: #83C412;
}

.tag--theme-primary--dark {
  color: #ffffff;
  background: #1e50c3;
}

.tag--theme-white {
  color: #ffffff;
  background: #ffffff;
}

.tag--theme-grey {
  color: #ffffff;
  background: #e6e6e6;
}

.tag--theme-grey,
.tag--theme-white {
  color: #323232;
}

.video-container {
  zoom: 1;
  background: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.video-container:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

.video-container > div {
  width: 100%;
}

@media only screen and (min-width: 46.875em) {
  .video-container {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.no-flexbox .video-container .video-container__content {
  max-width: none;
}

@media only screen and (min-width: 65em) {
  .no-flexbox .video-container .video-container__player {
    float: left;
    max-width: 660px;
  }

  .no-flexbox .video-container .video-container__content {
    float: right;
    width: 300px;
  }
}

.video-container__player {
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.video-container__player > div {
  margin-bottom: 0;
}

@media only screen and (min-width: 37.5em) {
  .video-container__player {
    width: auto;
  }
}

.no-flexbox .video-container__player {
  width: 100%;
}

.video-container__content {
  position: relative;
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
}

.video-container__content > div {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}

.video-container__content div:nth-last-of-type(2) {
  margin-bottom: 0;
}

.video-container__content div:last-of-type {
  margin-bottom: 0;
}

@media only screen and (min-width: 37.5em) {
  .video-container__content {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .video-container__content > div {
    width: auto;
    margin: 0;
  }
}

@media only screen and (min-width: 46.875em) {
  .video-container__content {
    max-width: 300px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .video-container__content > div {
    width: 100%;
    margin-bottom: 15px;
  }

  .video-container__content > div:nth-last-of-type(2) {
    margin-bottom: 20px;
  }
}

.no-flexbox .video-container__content {
  width: 100%;
  zoom: 1;
}

.no-flexbox .video-container__content:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

.no-flexbox .video-container__content > div {
  display: block;
  margin-bottom: 20px;
}

.video-container__share-buttons {
  display: none !important;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

@media only screen and (min-width: 53.125em) {
  .video-container__share-buttons {
    display: inline-block !important;
  }
}

.video-container__share-buttons .share-buttons {
  margin-bottom: 0;
}

@media only screen and (min-width: 46.875em) {
  .video-container__share-buttons {
    position: absolute;
    bottom: 20px;
    left: 20px;
  }
}

.no-flexbox .video-container__share-buttons {
  display: none;
  position: static;
}

@media only screen and (min-width: 65em) {
  .no-flexbox .video-container__share-buttons {
    display: block;
  }
}

.contest-list-vertical {
  zoom: 1;
  margin: 15px 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  background: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.contest-list-vertical:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

@media only screen and (min-width: 37.5em) {
  .contest-list-vertical__player {
    width: auto;
  }
}

.contest-list-vertical__player > div {
  margin-bottom: 0;
}

.contest-list-vertical__content {
  position: relative;
  padding: 20px;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.contest-list-vertical__content > div {
  width: 100%;
  margin-bottom: 20px;
}

.contest-list-vertical__content div:nth-last-of-type(2),
.contest-list-vertical__content div:last-of-type {
  margin-bottom: 0;
}

.contest-list-vertical__share-buttons {
  margin-top: 15px;
  display: none;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (min-width: 53.125em) {
  .contest-list-vertical__share-buttons {
    display: inline-block;
  }
}

.contest-list-vertical__share-buttons > aside {
  margin-bottom: 0;
}

.vote-button {
  width: 250px;
}

.voting {
  float: right;
  margin: 0.93438em 0 0;
}

[dir="rtl"] .voting {
  float: left;
}

.stream-item--own-post .voting {
  cursor: not-allowed;
}

.voting__form {
  display: table;
}

.voting__value {
  display: inline-block;
  margin-right: 0.71875em;
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem;
  height: 46px;
  display: table-cell;
  vertical-align: middle;
  padding: 0 0.71875em;
  color: #a0a0a0;
}

.has-voted .voting__value {
  color: #3366ff;
}

.stream-item--own-post .voting__value {
  color: #e6e6e6;
}

@media only screen and (min-width: 42.5em) {
  .voting__value {
    font-size: 13px;
    font-size: 1.3rem;
    height: 32px;
  }
}

.voting__button {
  position: relative;
  background-color: #ffffff;
  width: 46px;
  height: 46px;
  padding: 0;
  min-width: auto;
  border-radius: 3px;
  box-shadow: none;
  border: 1px solid #e6e6e6;
  display: table-cell;
  overflow: hidden;
}

@media only screen and (min-width: 42.5em) {
  .voting__button {
    width: 32px;
    height: 32px;
  }
}

.no-touchevents .voting__button:hover,
.no-touchevents .voting__button:focus {
  background-color: transparent;
}

.no-touchevents .voting__button:active {
  background-color: transparent;
}

.voting__button:active {
  background-color: transparent;
}

.voting__button:active {
  color: #3366ff;
  border-color: rgba(51, 102, 255, 0.5);
  box-shadow: 1px 2px 2px #a0a0a0;
}

.cssanimations .voting__button:hover:after {
  animation: moving-thumb .25s 1 ease-in-out;
}

.stream-item--own-post .cssanimations .voting__button:hover:after {
  animation: none;
}

.voting__button::after {
  content: '';
  width: inherit;
  height: inherit;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/./img/thumbs-up-grey-3a610e2c10.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 20px auto;
  transform: translateZ(0);
}

.has-voted .voting__button::after {
  background-image: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/./img/thumbs-up-blue-51b82da21a.svg");
}

.stream-item--own-post .voting__button::after {
  background-image: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/./img/thumbs-up-grey-light-f8e481b27b.svg");
  border-color: #e6e6e6;
  cursor: not-allowed;
}

@media only screen and (min-width: 42.5em) {
  .voting__button::after {
    background-size: 14px auto;
  }
}

.cssanimations .voting__button.is-clicked::after {
  animation: scale-in 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.voting form[data-tooltip]:after {
  text-align: center;
  width: 140px;
  padding: 5px;
  margin-left: -91px;
  margin-top: 5px;
  z-index: 999;
}

[dir="rtl"] .voting form[data-tooltip]:after {
  margin-left: -48px;
}

.voting form[data-tooltip]:before {
  margin-left: 8px;
}

[dir="rtl"] .voting form[data-tooltip]:before {
  margin-left: -17px;
}

.list-divided {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.list-divided li:before {
  content: none;
}

.list-divided li {
  margin: 0;
  border-bottom: 1px solid #f2f2f2;
}

.list-divided li:last-of-type {
  border-bottom: 0;
}

.notification {
  background: #ffffff;
  color: #6e6e6e;
  font-size: 13px;
  font-size: 1.3rem;
  text-shadow: none;
  animation: grow 1.6s;
}

@media only screen and (min-width: 75em) {
  .notification {
    padding-left: 60px;
    padding-right: 60px;
  }
}

.notification--alt {
  background: #1b48b0;
  color: #ffffff;
}

.notification__body {
  max-width: 1020px;
  margin: 0 auto;
  padding: 15px;
  text-align: center;
  font-weight: bold;
  font-size: 19px;
  font-size: 1.9rem;
}

@media only screen and (min-width: 42.5em) {
  .notification__body {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 30px;
    font-size: 3rem;
  }
}

@media only screen and (max-width: 42.4375em) {
  .notification__body span {
    display: block;
  }
}

.notification__link {
  padding: 5px;
  display: inline-block;
  border: 1px solid #6e6e6e;
  background: transparent;
  box-shadow: none;
  font-weight: normal;
  vertical-align: middle;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  text-decoration: none;
  color: #6e6e6e;
  border-radius: 2px;
}

@media only screen and (max-width: 42.4375em) {
  .notification__link {
    margin-top: 10px;
    font-size: 11px;
    font-size: 1.1rem;
  }
}

@media only screen and (min-width: 42.5em) {
  .notification__link {
    margin-left: 10px;
    padding-left: 7px;
    padding-right: 7px;
  }

  [dir="rtl"] .notification__link {
    margin-left: auto;
    margin-right: 10px;
  }
}

.notification__link:hover,
.notification__link:focus {
  border-color: #3366ff;
  color: #3366ff;
  background: #ffffff;
}

.notification--alt .notification__link {
  border-color: transparent;
  background: #00b97f;
  color: #ffffff;
}

@keyframes grow {
  0% {
    max-height: 0;
    overflow: hidden;
  }

  100% {
    max-height: 100vh;
    overflow: hidden;
  }
}

.message {
  position: relative;
  padding: 30px 15px 15px;
  border-radius: 5px;
  background: rgba(50, 50, 50, 0.06);
  font-size: 13px;
  font-size: 1.3rem;
  margin: 0 0 45px;
  max-height: 350px;
  transition: max-height .22s, padding .22s, margin .22s, opacity .22s;
}

.message * {
  opacity: 1;
}

@media only screen and (min-width: 42.5em) {
  .message {
    padding: 30px;
    margin: 0 0 30px;
  }
}

.message.js-remove {
  max-height: 0;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  overflow-y: hidden;
}

.message.js-remove * {
  opacity: 0;
  transition: opacity .25s;
}

.message--primary {
  background: #3366ff;
  color: #ffffff;
}

.message--primary a:not(.button) {
  color: #ffffff;
}

.message--primary ul li:before {
  border-color: #ffffff;
}

.message--secondary {
  background: #00bed7;
  color: #ffffff;
}

.message--secondary a:not(.button) {
  color: #ffffff;
}

.message--secondary ul li:before {
  border-color: #ffffff;
}

.message--tertiary {
  background: #00bed7;
  color: #ffffff;
}

.message--tertiary a:not(.button) {
  color: #ffffff;
}

.message--tertiary ul li:before {
  border-color: #ffffff;
}

.message--quarternary {
  background: #ff5d32;
  color: #ffffff;
}

.message--quarternary a:not(.button) {
  color: #ffffff;
}

.message--quarternary ul li:before {
  border-color: #ffffff;
}

.message--quinary {
  background: #00b97f;
  color: #ffffff;
}

.message--quinary a:not(.button) {
  color: #ffffff;
}

.message--quinary ul li:before {
  border-color: #ffffff;
}

.message--senary {
  background: #83C412;
  color: #ffffff;
}

.message--senary a:not(.button) {
  color: #ffffff;
}

.message--senary ul li:before {
  border-color: #ffffff;
}

.message--primary--dark {
  background: #1e50c3;
  color: #ffffff;
}

.message--primary--dark a:not(.button) {
  color: #ffffff;
}

.message--primary--dark ul li:before {
  border-color: #ffffff;
}

.message--white {
  background: #ffffff;
  color: #ffffff;
}

.message--white a:not(.button) {
  color: #ffffff;
}

.message--white ul li:before {
  border-color: #ffffff;
}

.message--grey {
  background: #e6e6e6;
  color: #ffffff;
}

.message--grey a:not(.button) {
  color: #ffffff;
}

.message--grey ul li:before {
  border-color: #ffffff;
}

.message--compact {
  padding: 15px;
}

.message .rich {
  margin-bottom: 1.4375em;
}

.message p:last-child {
  margin-bottom: 0;
}

.message__button-group {
  margin: 0;
}

.reminder {
  min-height: 175px;
  padding-top: 15px;
  background: #1b48b0;
  color: #ffffff;
  font-size: 13px;
  font-size: 1.3rem;
  text-shadow: none;
  box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.25);
}

.reminder__close {
  float: right;
  width: 5%;
  margin-right: 15px;
  text-align: right;
}

[dir="rtl"] .reminder__close {
  float: left;
  margin-right: auto;
  margin-left: 15px;
  text-align: left;
}

@media only screen and (max-width: 54.9375em) {
  .reminder__close {
    display: none;
  }
}

.reminder__close-button {
  display: inline;
  color: #a0a0a0;
  text-decoration: none;
  font-weight: normal;
  background: none;
  box-shadow: none;
}

.reminder__body {
  width: 25%;
  margin-left: 24%;
  text-align: right;
  padding: 15px;
}

[dir="rtl"] .reminder__body {
  margin-left: auto;
  margin-right: 24%;
  text-align: left;
}

@media only screen and (max-width: 54.9375em) {
  .reminder__body {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
}

.reminder__progressbar {
  float: right;
  width: 44%;
}

[dir="rtl"] .reminder__progressbar {
  float: left;
}

@media only screen and (max-width: 54.9375em) {
  .reminder__progressbar {
    float: none;
    width: 100%;
    text-align: center;
  }
}

.reminder__button {
  display: inline-block;
  margin: 15px 10px 0 0;
  vertical-align: baseline;
}

.progress-circle__percentage {
  top: 25px;
  position: relative;
  font-size: 30px;
  font-size: 3rem;
}

.progress-circle__inner {
  position: relative;
  top: 5px;
  left: 5px;
  width: 100px;
  height: 100px;
  background-color: #1b48b0;
  text-align: center;
  border-radius: 100%;
}

[dir="rtl"] .progress-circle__inner {
  left: auto;
  right: 5px;
}

.progress-circle__active-border {
  width: 110px;
  height: 110px;
  margin: 10px 0;
  text-align: center;
  border-radius: 100%;
  background-color: #6e6e6e;
  background-image: linear-gradient(270deg, transparent 50%, #6e6e6e 50%), linear-gradient(250deg, #ffffff 50%, transparent 50%);
}

@media only screen and (max-width: 54.9375em) {
  .progress-circle__active-border {
    margin: 10px auto;
  }
}

@media only screen and (min-width: 42.5em) {
  .blogpost-small__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.blogpost-small {
  width: 100%;
  margin-bottom: 1.65312em;
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.25);
}

@media only screen and (min-width: 53.125em) {
  .blogpost-small {
    width: 30%;
    margin-bottom: 2.15625em;
  }
}

.blogpost-small__thumbnail {
  display: block;
  width: 100%;
  background: #f2f2f2;
}

.blogpost-small__details {
  display: block;
  padding: 15px;
}

.blogpost-small__date {
  font-size: small;
}

.blogpost-small__title {
  color: #323232;
  text-decoration: none;
}

.no-touchevents .blogpost-small__title:hover,
.no-touchevents .blogpost-small__title:focus {
  color: #3366ff;
}

.no-touchevents .blogpost-small__title:active {
  color: #3366ff;
}

.blogpost-small__title:active {
  color: #3366ff;
}

.teaser-compact__layer {
  overflow: visible;
  background: #00bed7;
  color: #ffffff;
}

@media only screen and (min-width: 42.5em) {
  .teaser-compact__layer {
    height: 14em;
    margin-bottom: 8em;
  }
}

@media only screen and (min-width: 46.875em) {
  .teaser-compact__layer {
    margin-bottom: 6em;
  }
}

@media only screen and (min-width: 42.5em) {
  .teaser-compact__flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.teaser-compact__container {
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-bottom: 2em;
}

@media only screen and (min-width: 42.5em) {
  .teaser-compact__container {
    width: 45%;
  }
}

.teaser-compact_inner {
  min-height: 8em;
  padding: 15px;
  background: #ffffff;
  color: #323232;
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.25);
}

.teaser-compact__description {
  min-height: 5em;
}

@media only screen and (min-width: 42.5em) {
  .resource-small__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.resource-small {
  width: 100%;
  margin-bottom: 1.65312em;
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.25);
}

@media only screen and (min-width: 53.125em) {
  .resource-small {
    width: 30%;
    margin-bottom: 2.15625em;
  }
}

.resource-small--full .resource-image-ct {
  position: relative;
  overflow: hidden;
  height: 100%;
  display: block;
  width: 100%;
}

.resource-small--full .resource-image-ct .resource-description-teaser {
  position: absolute;
  bottom: -300px;
  left: 0;
  transition: bottom .3s linear;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
}

.resource-small--full .resource-image-ct .resource-description-teaser > ul {
  padding-left: 40px;
  margin-bottom: 20px;
}

.resource-small--full .resource-image-ct:hover .resource-description-teaser {
  bottom: 0;
}

.resource-small__thumbnail {
  display: block;
  width: 100%;
  background: #f2f2f2;
}

.resource-small__details {
  display: block;
  padding: 15px;
}

.resource-small__date {
  font-size: small;
}

.resource-small__title {
  color: #323232;
  text-decoration: none;
}

.no-touchevents .resource-small__title:hover,
.no-touchevents .resource-small__title:focus {
  color: #3366ff;
}

.no-touchevents .resource-small__title:active {
  color: #3366ff;
}

.resource-small__title:active {
  color: #3366ff;
}

.facebook-widget__container {
  overflow: hidden;
}

/* I know this is very ugly, but otherwise the .layer > div would overwrite the padding */

.facebook-widget__container.facebook-widget__container {
  padding-bottom: 0;
}

@media only screen and (min-width: 55em) {
  .affix {
    position: fixed;
    top: 50px;
    margin-left: 660px;
    width: 300px;
  }

  [dir="rtl"] .affix {
    margin-right: 660px;
  }
}

/* Safari runs best on black magic. */

_::-webkit-:not(:root:root),
.affix {
  margin-left: 0;
}

/*
 * Load more posts button beneath overviews
 */

.more-posts {
  text-align: center;
  padding: 3.95312em 0 0;
  margin-bottom: 3.59375em;
}

@media only screen and (min-width: 42.5em) {
  .more-posts {
    margin: 0;
  }
}

.more-posts__loader {
  width: loaderWidth;
  height: 100px;
  display: block;
  margin: -25px auto 0;
}

.flatpickr-calendar {
  background: transparent;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  padding: 0;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 315px;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  visibility: visible;
  overflow: visible;
  max-height: 640px;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.hasWeeks {
  width: auto;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 28px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
}

.flatpickr-prev-month,
.flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0px;
  line-height: 16px;
  height: 28px;
  padding: 10px calc(3.57% - 1.5px);
  z-index: 3;
}

.flatpickr-prev-month i,
.flatpickr-next-month i {
  position: relative;
}

.flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  left: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
        /*rtl:begin:ignore*/

/*
        /*rtl:end:ignore*/

.flatpickr-prev-month.flatpickr-next-month,
.flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  right: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
        /*rtl:begin:ignore*/

/*
        /*rtl:end:ignore*/

.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  width: 14px;
}

.flatpickr-prev-month svg path,
.flatpickr-next-month svg path {
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.05);
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
  top: 33%;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 6.16px 0 0 0;
  line-height: 1;
  height: 28px;
  display: inline-block;
  text-align: center;
  transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month.slideLeft {
  transform: translate3d(-100%, 0px, 0px);
  animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-current-month.slideLeftNew {
  transform: translate3d(100%, 0px, 0px);
  animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-current-month.slideRight {
  transform: translate3d(100%, 0px, 0px);
  animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-current-month.slideRightNew {
  transform: translate3d(0, 0, 0px);
  animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  cursor: default;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: initial;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 315px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  width: 315px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 315px;
  min-width: 315px;
  max-width: 315px;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-around;
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

.flatpickr-calendar.animate .dayContainer.slideLeft {
  animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.animate .dayContainer.slideLeft,
.flatpickr-calendar.animate .dayContainer.slideLeftNew {
  transform: translate3d(-100%, 0px, 0px);
}

.flatpickr-calendar.animate .dayContainer.slideLeftNew {
  animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.animate .dayContainer.slideRight {
  animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
  transform: translate3d(100%, 0px, 0px);
}

.flatpickr-calendar.animate .dayContainer.slideRightNew {
  animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  display: inline-block;
  position: relative;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange,
.flatpickr-day.startRange.startRange + .endRange,
.flatpickr-day.endRange.startRange + .endRange {
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  pointer-events: none;
}

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  display: inline-block;
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day {
  display: block;
  width: 100%;
  max-width: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  cursor: pointer;
  color: #393939;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  box-sizing: border-box;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #f0f0f0;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fpSlideLeft {
  from {
    transform: translate3d(0px, 0px, 0px);
  }

  to {
    transform: translate3d(-100%, 0px, 0px);
  }
}

@keyframes fpSlideLeftNew {
  from {
    transform: translate3d(100%, 0px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@keyframes fpSlideRight {
  from {
    transform: translate3d(0, 0, 0px);
  }

  to {
    transform: translate3d(100%, 0px, 0px);
  }
}

@keyframes fpSlideRightNew {
  from {
    transform: translate3d(-100%, 0, 0px);
  }

  to {
    transform: translate3d(0, 0, 0px);
  }
}

@keyframes fpFadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fpFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.flatpickr-current-month .numInputWrapper.numInputWrapper {
  display: inline-block !important;
  width: 7ch !important;
}

.recaptcha-container {
  margin-bottom: 1em;
  overflow: hidden;
}

/**
 * Selectr - https://github.com/Mobius1/Selectr
 */

.selectr-container {
  position: relative;
}

.selectr-container.disabled * {
  pointer-events: none;
}

.selectr-container li {
  list-style: none;
}

.selectr-container .hidden-input {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0px, 0px, 0px, 0px) !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 none !important;
}

.selectr-selected {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  padding: 7px 28px 7px 14px;
  cursor: pointer;
  border: 1px solid #999;
  border-radius: 3px;
  background-color: #fff;
}

.selectr-selected::before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  content: '';
  transform: rotate(0deg) translate3d(0px, -50%, 0px);
  border-width: 4px 4px 0;
  border-style: solid;
  border-color: #6c7a86 transparent transparent;
}

.selectr-label {
  display: none;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.selectr-placeholder {
  color: #6c7a86;
}

.selectr-tags {
  margin: 0;
  padding: 0;
  white-space: normal;
}

.has-selected .selectr-tags {
  margin: 0 0 -2px;
}

.selectr-tag {
  list-style: none;
  position: relative;
  float: left;
  padding: 2px 25px 2px 8px;
  margin: 0 2px 2px 0;
  cursor: default;
  color: #fff;
  border: medium none;
  border-radius: 10px;
  background: #acb7bf none repeat scroll 0 0;
}

.selectr-container.multiple.has-selected .selectr-selected {
  padding: 5px 28px 5px 5px;
}

.selectr-options-container {
  position: absolute;
  z-index: 10000;
  top: calc(100% - 1px);
  display: none;
  box-sizing: border-box;
  width: 100%;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: transparent #999 #999;
  border-radius: 0 0 3px 3px;
  background-color: #fff;
}

.selectr-container.open .selectr-options-container {
  display: block;
}

.selectr-input-container {
  position: relative;
  display: none;
}

.selectr-clear,
.selectr-tag-remove {
  position: absolute;
  top: 50%;
  right: 22px;
  width: 20px;
  height: 20px;
  padding: 0;
  cursor: pointer;
  transform: translate3d(0px, -50%, 0px);
  border: medium none;
  background-color: transparent;
}

.selectr-clear,
.selectr-selected .selectr-clear {
  display: none;
}

.has-selected .selectr-selected .selectr-clear {
  display: block;
}

.selectr-selected .selectr-tag-remove {
  right: 2px;
}

.selectr-clear::before,
.selectr-clear::after,
.selectr-tag-remove::before,
.selectr-tag-remove::after {
  position: absolute;
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  content: ' ';
  background-color: #6c7a86;
}

.selectr-tag-remove::before,
.selectr-tag-remove::after {
  top: 4px;
  width: 3px;
  height: 12px;
  background-color: #fff;
}

.selectr-clear:before,
.selectr-tag-remove::before {
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.selectr-clear:after,
.selectr-tag-remove::after {
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.selectr-input-container.active,
.selectr-input-container.active .selectr-clear {
  display: block;
}

.selectr-input {
  top: 5px;
  left: 5px;
  box-sizing: border-box;
  width: calc(100% - 30px);
  margin: 10px 15px;
  padding: 7px 30px 7px 9px;
  border: 1px solid #999;
  border-radius: 3px;
}

.selectr-notice {
  display: none;
  box-sizing: border-box;
  width: 100%;
  padding: 8px 16px;
  border-top: 1px solid #999;
  border-radius: 0 0 3px 3px;
  background-color: #fff;
}

.selectr-container.notice .selectr-notice {
  display: block;
}

.selectr-container.notice .selectr-selected {
  border-radius: 3px 3px 0 0;
}

.selectr-options {
  position: relative;
  top: calc(100% + 2px);
  display: none;
  overflow: auto;
  max-height: 200px;
  margin: 0;
  padding: 0;
}

.selectr-container.open .selectr-options,
.selectr-container.open .selectr-input-container,
.selectr-container.notice .selectr-options-container {
  display: block;
}

.selectr-options li {
  position: relative;
  display: block;
  padding: 5px 20px;
  list-style: outside none none;
  cursor: pointer;
  font-weight: normal;
}

.selectr-options.optgroups > li.selectr-option {
  padding-left: 25px;
}

.selectr-optgroup {
  font-weight: bold;
  padding: 0;
}

.selectr-options li.selectr-optgroup--label {
  font-weight: bold;
  margin-top: 10px;
  padding: 5px 15px;
}

.selectr-options li.match span {
  text-decoration: underline;
}

.selectr-option.selected {
  background-color: #ddd;
}

.selectr-option.active {
  color: #fff;
  background-color: #5897fb;
}

.selectr-option.disabled {
  opacity: 0.4;
}

.selectr-option.excluded {
  display: none;
}

.selectr-options > li > * {
  pointer-events: none;
}

.selectr-container.open .selectr-selected {
  border-color: #999 #999 transparent #999;
  border-radius: 3px 3px 0 0;
}

.selectr-container.open .selectr-selected::after {
  transform: rotate(180deg) translate3d(0px, 50%, 0px);
}

.selectr-container.disabled {
  opacity: .6;
}

.selectr-empty,
.has-selected .selectr-placeholder {
  display: none;
}

.has-selected .selectr-label {
  display: block;
}

/* TAGGABLE */

.taggable .selectr-selected {
  padding: 4px 28px 4px 4px;
}

.taggable .selectr-selected::after {
  display: table;
  content: " ";
  clear: both;
}

.taggable .selectr-label {
  width: auto;
}

.taggable .selectr-tags {
  float: left;
  display: block;
}

.taggable .selectr-placeholder {
  display: none;
}

.input-tag {
  float: left;
  max-width: 200px;
  min-width: 90px;
  width: 90px;
}

.selectr-tag-input {
  border: medium none;
  padding: 3px 10px;
  width: 100%;
}

.selectr-tag-input:focus {
  outline: 0;
}

.selectr-input-container.loading::after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  content: '';
  transform: translate3d(0px, -50%, 0px);
  -ms-transform-origin: 50% 0 0;
  transform-origin: 50% 0 0;
  animation: 500ms linear 0s normal forwards infinite running spin;
  border-width: 3px;
  border-style: solid;
  border-color: #aaa #ddd #ddd;
  border-radius: 50%;
}

@keyframes spin {
  0% {
    transform: rotate(0deg) translate3d(0px, -50%, 0px);
  }

  100% {
    transform: rotate(360deg) translate3d(0px, -50%, 0px);
  }
}

.selectr-container.open.inverted .selectr-selected {
  border-color: transparent #999 #999;
  border-radius: 0 0 3px 3px;
}

.selectr-container.inverted .selectr-options-container {
  border-width: 1px 1px 0;
  border-color: #999 #999 transparent;
  border-radius: 3px 3px 0 0;
  background-color: #fff;
}

.selectr-container.inverted .selectr-options-container {
  top: auto;
  bottom: calc(100% - 1px);
}

*:-ms-input-placeholder {
  color: #6c7a86;
  opacity: 1;
}

*::placeholder {
  color: #6c7a86;
  opacity: 1;
}

/**
 *  Ye! Community x Selectr overrides
 */

.selectr-container {
  font-size: 13px;
  font-size: 1.3rem;
  padding: 12px;
  border: 1px solid #a0a0a0;
  border-radius: 4px;
}

@media only screen and (min-width: 42.5em) {
  .selectr-container {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.selectr-placeholder {
  color: #323232;
}

.selectr-tags,
.selectr-options {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.selectr-tags li:before,
.selectr-options li:before {
  content: none;
}

.selectr-tag {
  font-size: 12px;
  font-size: 1.2rem;
  background: #3366ff;
  color: #ffffff;
  padding: 4px 25px 4px 10px;
}

.selectr-options-container {
  left: -1px;
  width: calc(100% + 2px);
  background-color: #ffffff;
  border: 1px solid #a0a0a0;
  border-top: 0;
}

.selectr-clear,
.selectr-tag-remove {
  box-shadow: none;
  padding: 0;
  min-width: 0;
}

.selectr-clear::before,
.selectr-clear::after,
.selectr-tag-remove::before,
.selectr-tag-remove::after {
  top: 6px;
  left: 9px;
  width: 2px;
  height: 9px;
}

.selectr-tag-remove::before,
.selectr-tag-remove::after {
  top: 6px;
  width: 2px;
  height: 9px;
  background-color: #ffffff;
  border-radius: 2px;
}

.selectr-input-container .selectr-input {
  width: 100%;
  margin: 0;
  padding: 12px;
  box-sizing: border-box;
  border: 1px solid #a0a0a0;
  border-radius: 4px;
}

.selectr-notice {
  padding: 8px 0.71875em;
  border-top: 1px solid #a0a0a0;
}

.selectr-options li {
  margin: 0;
  padding: 0.35938em 0.71875em;
}

.selectr-option.active {
  background-color: #3366ff;
  color: #ffffff;
}

.selectr-selected::before {
  content: none;
}

.selectr-selected {
  margin: 0;
  padding: 0;
  border: 0;
  min-height: 1.2em;
  line-height: 1.2;
}

.selectr-tag-remove,
.selectr-clear {
  border-radius: 50%;
}

.no-touchevents .selectr-tag-remove:hover::before,
.no-touchevents .selectr-tag-remove:hover::after,
.no-touchevents .selectr-tag-remove:focus::before,
.no-touchevents .selectr-tag-remove:focus::after,
.no-touchevents
  .selectr-clear:hover::before,
.no-touchevents
  .selectr-clear:hover::after,
.no-touchevents
  .selectr-clear:focus::before,
.no-touchevents
  .selectr-clear:focus::after {
  background: #ffffff;
}

.no-touchevents .selectr-tag-remove:active::before,
.no-touchevents .selectr-tag-remove:active::after,
.no-touchevents
  .selectr-clear:active::before,
.no-touchevents
  .selectr-clear:active::after {
  background: #ffffff;
}

.selectr-tag-remove:active::before,
.selectr-tag-remove:active::after,
.selectr-clear:active::before,
.selectr-clear:active::after {
  background: #ffffff;
}

.selectr-input-container {
  margin-bottom: 0.71875em;
  padding: 0 0.71875em;
}

.selectr-container.multiple.has-selected .selectr-selected {
  padding: 0;
}

/* activity stream */

body.activity-stream {
  background-color: #f4f6f9;
}

.activity-stream {
  z-index: 0;
}

.activity-stream--not-registered {
  margin-bottom: -200px;
  position: relative;
}

.activity-stream--not-registered::after {
  content: '';
  position: absolute;
  bottom: 200px;
  left: 0;
  width: 100%;
  height: 300px;
  background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
}

.activity-stream--profile-page > h2 {
  margin-bottom: 1.86875em;
  font-size: 23px;
  font-size: 2.3rem;
}

.activity-stream--profile-page > hr {
  margin-top: 8.625em;
}

@media only screen and (min-width: 42.5em) {
  .activity-stream__inner-wrapper.has-sidebar {
    display: block;
  }
}

@media only screen and (min-width: 55em) {
  .activity-stream__inner-wrapper.has-sidebar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 1020px;
  }
}

@media only screen and (min-width: 42.5em) {
  .activity-stream__main.main {
    padding: 0;
  }

  [dir="rtl"] .activity-stream__main.main {
    padding: 0;
  }
}

@media only screen and (min-width: 55em) {
  .activity-stream__main.main {
    padding-right: 60px;
  }

  [dir="rtl"] .activity-stream__main.main {
    padding-right: auto;
    padding-left: 60px;
  }
}

.post-to-stream {
  background: #ffffff;
  padding: 0.71875em;
  margin-bottom: 1.4375em;
  box-shadow: 0 2px 5px 0 rgba(50, 50, 50, 0.2);
}

@media only screen and (min-width: 42.5em) {
  .post-to-stream {
    padding: 1.4375em;
    margin-bottom: 2.875em;
  }
}

.post-to-stream__explanation {
  margin: 0;
  padding: 0;
  list-style-type: none;
  opacity: 0;
  transition: .6s opacity;
  margin-top: 0.35938em;
}

.post-to-stream__explanation li:before {
  content: none;
}

@media only screen and (min-width: 42.5em) {
  .post-to-stream__explanation {
    text-align: right;
  }

  [dir="rtl"] .post-to-stream__explanation {
    text-align: left;
  }
}

.post-to-stream__explanation li {
  display: inline-block;
  margin: 0 0 0.71875em 0.43125em;
  color: #6e6e6e;
  font-size: 11px;
  font-size: 1.1rem;
}

@media only screen and (min-width: 42.5em) {
  .post-to-stream__explanation li {
    font-size: 13px;
    font-size: 1.3rem;
    color: #a0a0a0;
  }
}

.post-to-stream__explanation li.bold-text {
  font-weight: bold;
}

.post-to-stream__explanation li.italic-text {
  font-style: italic;
}

.post-to-stream__textarea {
  min-height: 7em;
}

.post-to-stream__textarea:focus + .post-to-stream__explanation {
  opacity: 1;
  transition: .6s opacity;
}

/**
 * Language option
 */

.post-to-stream__custom-select {
  width: auto;
  display: inline-block;
  padding: 0;
}

.post-to-stream__custom-select select {
  padding-top: 10px;
  padding-bottom: 10px;
}

.post-to-stream__label {
  margin: 0 0.71875em 0 0;
  line-height: 40px;
}

@media only screen and (min-width: 42.5em) {
  .post-to-stream__label {
    float: left;
  }

  [dir="rtl"] .post-to-stream__label {
    float: right;
  }
}

[dir="rtl"] .post-to-stream__label {
  margin: 0 0 0 0.71875em;
}

.post-to-stream__button {
  float: right;
}

[dir="rtl"] .post-to-stream__button {
  float: left;
}

/*
 *  Generic Styles for regular post item, with comments etc
 */

.stream-item {
  position: relative;
  clear: both;
  padding: 0.71875em;
  margin-bottom: 1.4375em;
  background-color: #ffffff;
  box-shadow: 0 2px 5px 0 rgba(50, 50, 50, 0.2);
  font-size: 15px;
  font-size: 1.5rem;
  opacity: 1;
  transition-property: max-height, opacity, padding, border;
  transition-duration: .3s;
  transition-timing-function: ease-in;
}

.stream-item * {
  opacity: 1;
}

@media only screen and (min-width: 42.5em) {
  .stream-item {
    padding: 1.4375em;
    margin-bottom: 2.875em;
  }
}

.stream-item.stream-item--hot-post {
  border-top: 4px solid #ff5d32;
}

.stream-item.stream-item--coach-post {
  border-top: 4px solid #00b97f;
}

.stream-item.stream-item--own-post {
  border-top: 4px solid #3366ff;
}

.stream-item.stream-item--is-featured {
  border-top: 4px solid #00bed7;
}

.stream-item.stream-item--added {
  opacity: 0;
  animation: fade-in .4s forwards;
}

.stream-item.is-deleted {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  overflow-y: hidden;
}

.stream-item.is-deleted * {
  opacity: 0;
  transition: opacity .45s;
}

.stream-item h2,
.stream-item h3 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  margin: 0;
}

.stream-item h2,
.stream-item .listed-user__label {
  display: inline-block;
}

.author-name {
  font-weight: bold;
}

.author-company {
  font-weight: normal;
}

.stream-item p:last-of-type {
  margin-bottom: 0;
}

.stream-item time {
  display: block;
}

.stream-item time,
.stream-item address {
  font-size: 12px;
  font-size: 1.2rem;
  color: #a0a0a0;
}

.stream-item ul,
.stream-item ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.stream-item ul li:before,
.stream-item ol li:before {
  content: none;
}

.stream-item__avatar,
.stream-item__avatar--small {
  width: 50px;
  height: 50px;
  margin: 4px 10px 0 0;
  opacity: 1;
  transition: opacity 0.2s;
  transform: translate3d(0, 0, 0);
  /* paint a new layer for render */
}

.no-touchevents .stream-item__avatar:hover,
.no-touchevents .stream-item__avatar:focus,
.no-touchevents
  .stream-item__avatar--small:hover,
.no-touchevents
  .stream-item__avatar--small:focus {
  opacity: 0.7;
}

.no-touchevents .stream-item__avatar:active,
.no-touchevents
  .stream-item__avatar--small:active {
  opacity: 0.7;
}

.stream-item__avatar:active,
.stream-item__avatar--small:active {
  opacity: 0.7;
}

[dir="rtl"] .stream-item__avatar,
[dir="rtl"]
  .stream-item__avatar--small {
  margin: 4px 0 0 10px;
}

.stream-item__avatar--small {
  width: 45px;
  height: 45px;
}

/* Stream item metadata */

.stream-item__metadata {
  margin-bottom: 1.4375em;
  min-height: 55px;
}

.stream-item__metadata img {
  float: left;
}

[dir="rtl"] .stream-item__metadata img {
  float: right;
}

.stream-item__metadata a {
  color: #323232;
  text-decoration: none;
}

/*
 * Comment & delete links
 */

.stream-item__comment-link,
.stream-item__delete button,
button.stream-item__delete {
  padding: 1.79688em 0 1.79688em 1.4375em;
  box-shadow: none;
  min-width: 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #a0a0a0;
  text-decoration: underline;
}

@media only screen and (min-width: 42.5em) {
  .stream-item__comment-link,
  .stream-item__delete button,
  button.stream-item__delete {
    padding: 1.4375em 0 1.4375em 1.4375em;
    font-size: 13px;
    font-size: 1.3rem;
  }
}

.no-touchevents .stream-item__comment-link:hover,
.no-touchevents .stream-item__comment-link:focus,
.no-touchevents
  .stream-item__delete button:hover,
.no-touchevents
  .stream-item__delete button:focus,
.no-touchevents
  button.stream-item__delete:hover,
.no-touchevents
  button.stream-item__delete:focus {
  background-color: transparent;
  text-decoration: none;
}

.no-touchevents .stream-item__comment-link:active,
.no-touchevents
  .stream-item__delete button:active,
.no-touchevents
  button.stream-item__delete:active {
  background-color: transparent;
  text-decoration: none;
}

.stream-item__comment-link:active,
.stream-item__delete button:active,
button.stream-item__delete:active {
  background-color: transparent;
  text-decoration: none;
}

[dir="rtl"] .stream-item__comment-link,
[dir="rtl"]
  .stream-item__delete button,
[dir="rtl"]
  button.stream-item__delete {
  padding-left: 0;
  padding-right: 1.79688em;
}

@media only screen and (min-width: 42.5em) {
  [dir="rtl"] .stream-item__comment-link,
  [dir="rtl"]
      .stream-item__delete button,
  [dir="rtl"]
      button.stream-item__delete {
    padding-right: 1.4375em;
    padding-left: 0;
  }
}

.stream-item__comment-link,
.stream-item__delete {
  display: inline-block;
}

/* If comment form is expanded remove underline */

.stream-item__comment-link {
  background: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/./img/comment-bubble-0e4e0c4986.svg") no-repeat left center/1em auto;
}

.stream-item__comment-link.is-clicked {
  text-decoration: none;
}

[dir="rtl"] .stream-item__comment-link {
  background-position: right center;
}

.stream-comments .stream-item__delete {
  float: right;
}

[dir="rtl"] .stream-comments .stream-item__delete {
  float: left;
}

.stream-item__delete-button {
  background: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/./img/trash-can-bfb93912b7.svg") no-repeat left center/0.93em auto;
}

[dir="rtl"] .stream-item__delete-button {
  background-position: right center;
}

.stream-comments .stream-item__delete-button {
  padding-top: 0;
  padding-bottom: 0;
}

.stream-item__comment-link + .stream-item__delete {
  margin-left: 0.71875em;
}

/*
 *  Dropdown with actions like report, copy link
 */

.stream-item__post-actions {
  position: relative;
  font-size: 13px;
  font-size: 1.3rem;
  width: 100%;
  float: left;
}

[dir="rtl"] .stream-item__post-actions {
  float: right;
}

.no-js .stream-item__post-actions {
  margin-top: 1.4375em;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.js .stream-item__post-actions {
  width: 190px;
  position: absolute;
  top: 15px;
  right: 12px;
  z-index: 333;
}

@media only screen and (min-width: 42.5em) {
  .js .stream-item__post-actions {
    top: 27px;
    right: 22px;
  }
}

.js[dir="rtl"] .stream-item__post-actions {
  right: auto;
  left: 12px;
}

@media only screen and (min-width: 42.5em) {
  .js[dir="rtl"] .stream-item__post-actions {
    right: auto;
    left: 22px;
  }
}

.js.operamini .stream-item__post-actions {
  width: 100%;
  position: relative;
  top: auto;
  right: auto;
}

.stream-item__post-actions .button--trigger {
  position: relative;
  z-index: 444;
  float: right;
}

.js.operamini .stream-item__post-actions .button--trigger,
.no-js .stream-item__post-actions .button--trigger {
  display: none;
}

[dir="rtl"] .stream-item__post-actions .button--trigger {
  float: left;
}

.stream-item__post-actions ul {
  float: left;
  z-index: 555;
  position: relative;
  transition: min-height 0.35s cubic-bezier(0.87, -0.41, 0.19, 1.44), opacity 0.2s;
  border-radius: 2px;
}

[dir="rtl"] .stream-item__post-actions ul {
  text-align: right;
}

.js .stream-item__post-actions ul {
  height: 0;
  min-height: 0;
  opacity: 0;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #cdcdcd;
}

.js .stream-item__post-actions ul.is-expanded {
  min-height: 130px;
  opacity: 1;
  transition: min-height 0.35s cubic-bezier(0.87, -0.41, 0.19, 1.44), opacity 0.2s;
}

@media only screen and (min-width: 42.5em) {
  .js .stream-item__post-actions ul.is-expanded {
    min-height: 120px;
  }
}

.js .stream-item__post-actions ul.is-expanded li {
  opacity: 1;
  transition: opacity .25s 0s;
}

.js.boxshadow .stream-item__post-actions ul {
  border: 0;
  box-shadow: 0 1px 3px 0 rgba(50, 50, 50, 0.36);
}

.js.operamini .stream-item__post-actions ul {
  background: #f3f3f3;
  margin-bottom: 1.4375em;
  width: 100%;
  border: 0;
  opacity: 1;
  min-height: 130px;
}

@media only screen and (min-width: 42.5em) {
  .js.operamini .stream-item__post-actions ul {
    min-height: 120px;
  }
}

.stream-item__post-actions li {
  margin: 0;
  padding: 10px 0;
}

.js .stream-item__post-actions li {
  opacity: 0;
  padding: 10px;
  border-bottom: 1px solid #e9e9e9;
}

.js .stream-item__post-actions li:last-of-type {
  border: 0;
}

.js.operamini .stream-item__post-actions li {
  opacity: 1;
}

input.form-element--sm.actions__input {
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  margin: 0.71875em 0 0;
}

@media only screen and (min-width: 42.5em) {
  input.form-element--sm.actions__input {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.js input.form-element--sm.actions__input {
  display: block;
}

.stream-item__post-actions button,
.stream-item__post-actions a {
  padding-top: 0;
  padding-bottom: 0;
  color: #323232;
  text-decoration: none;
  font-size: 13px;
  font-size: 1.3rem;
}

.no-touchevents .stream-item__post-actions button:hover,
.no-touchevents .stream-item__post-actions button:focus,
.no-touchevents
  .stream-item__post-actions a:hover,
.no-touchevents
  .stream-item__post-actions a:focus {
  color: #3366ff;
}

.no-touchevents .stream-item__post-actions button:active,
.no-touchevents
  .stream-item__post-actions a:active {
  color: #3366ff;
}

.stream-item__post-actions button:active,
.stream-item__post-actions a:active {
  color: #3366ff;
}

/*
 *  Stream item comment styles
 */

/* comment block with form and comments */

.stream-item__comments {
  position: relative;
  width: 100%;
  padding: 0 1.4375em;
  max-height: 0;
  overflow: hidden;
  background: #f5f6f8;
  border-radius: 5px;
}

.js.opacity .stream-item__comments {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: .2s;
}

.js.operamini .stream-item__comments {
  opacity: 1;
  max-height: 9999px;
  position: relative;
}

.stream-item__comments:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: -6px;
  left: 50px;
  background: inherit;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.js.opacity .stream-item__comments.is-expanded,
.js.opacity
.activity-stream--single .stream-item__comments {
  opacity: 1;
  max-height: 9999px;
  position: relative;
}

.stream-item__comments header {
  margin-bottom: 0.71875em;
  min-height: 55px;
}

.stream-item__comments li {
  float: left;
  width: 100%;
  margin: 0;
  padding: 1.4375em 0;
  line-height: 1.15;
}

.opacity .stream-item__comments li {
  opacity: 1;
  max-height: 9999px;
  transition: max-height .4s, opacity .4s, padding .4s;
}

.opacity .stream-item__comments li.is-deleted,
.opacity .stream-item__comments li.is-deleted * {
  opacity: 0;
  max-height: 0;
  margin: 0;
  padding: 0;
}

.opacity .stream-item__comments li * {
  opacity: 1;
  max-height: 9999px;
}

.stream-item__comments li:last-of-type {
  margin: 0;
}

.stream-item__comments img {
  float: left;
}

[dir="rtl"] .stream-item__comments img {
  float: right;
}

.stream-item__comments button {
  margin-left: .12em;
}

.stream-item__comments p {
  margin: 0 0 0.71875em;
}

.stream-item__comments p.stream-item__register,
.stream-item__comments p.stream-item__finalize {
  display: inline-block;
  margin: 2.0125em 0.50312em 2.0125em 0;
  color: #3366ff;
  font-size: 13px;
  font-size: 1.3rem;
}

.stream-item__comments p.stream-item__register + [role=button],
.stream-item__comments p.stream-item__finalize + [role=button] {
  margin-bottom: 1.58125em;
}

@media only screen and (min-width: 42.5em) {
  .stream-item__comments p.stream-item__register + [role=button],
  .stream-item__comments p.stream-item__finalize + [role=button] {
    margin-top: 1.58125em;
  }
}

.comment__body {
  float: left;
  padding: 0;
  margin: 0;
  font-size: 13px;
  font-size: 1.3rem;
}

@media only screen and (min-width: 42.5em) {
  .comment__body {
    width: calc(100% - 60px);
    margin-left: 60px;
  }
}

.comment__header {
  line-height: 1.5;
}

.comment__header a {
  text-decoration: none;
  color: #323232;
}

.comment {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}

.comment:last-of-type {
  margin-bottom: 1.4375em;
}

.comment--removed {
  font-style: italic;
  color: #a0a0a0;
  font-size: 13px;
  font-size: 1.3rem;
}

@media only screen and (min-width: 42.5em) {
  .comment--removed {
    text-align: center;
  }
}

[dir="rtl"] .comment-amount {
  float: right;
}

.js.opacity li.comment--hidden {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  padding: 0;
  transition: all .2s ease-out;
}

.js.operamini li.comment--hidden {
  opacity: 1;
  max-height: 9999px;
  padding: 1.07812em 0;
}

.comment-form {
  margin-top: 1.4375em;
  float: left;
  width: 100%;
}

.comment-form__button {
  margin-bottom: 1.4375em;
}

.comment-form__textarea {
  margin-bottom: 0.71875em;
  font-size: 13px;
  font-size: 1.3rem;
}

.toggle-earlier-comments {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #a0a0a0;
  text-align: center;
  padding: 1.07812em 0;
  cursor: pointer;
  border-bottom: 1px solid #e5e5e5;
}

.toggle-earlier-comments:after {
  content: "";
  background: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/./img/chevron-grey-0b976ef010.svg") no-repeat 0 0/100% auto;
  display: inline-block;
  width: 10px;
  height: 8px;
  margin-left: 0.43125em;
  margin-bottom: -0.07188em;
  -ms-transform: rotate(1turn);
  transform: rotate(1turn);
  transition: transform .2s;
}

.js.operamini .toggle-earlier-comments,
.no-js .toggle-earlier-comments {
  display: none;
}

/*
 * Stream item excerpt
 */

.stream-item__excerpt {
  padding: 1.2em 1em;
  width: 100%;
  float: left;
  direction: ltr;
  box-shadow: 0 1px 3px 0 rgba(50, 50, 50, 0.36);
}

.stream-item--rtl .stream-item__excerpt {
  direction: rtl;
}

.operamini .stream-item__excerpt {
  border: 1px solid #cdcdcd;
}

.stream-item--video .stream-item__excerpt {
  border: 0;
  padding: 0;
  box-shadow: none;
}

.stream-item__excerpt h2 {
  font-size: 15px;
  font-size: 1.5rem;
  margin: 0;
}

.stream-item__excerpt a {
  color: #3366ff;
  word-break: break-word;
}

/*
 * Stream type = joined, list of people that joinedthe community
 */

.stream-item--joined {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.4375em;
  z-index: 999;
}

.stream-item--joined h2 {
  margin: 0.71875em 0;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
}

.stream-item__joined-members {
  display: inline-block;
  -ms-flex-align: center;
  align-items: center;
  margin: 0.4em 0;
}

.flexbox .stream-item__joined-members {
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (min-width: 42.5em) {
  .stream-item__joined-members {
    float: right;
  }
}

.stream-item__joined-members li {
  position: relative;
  display: inline-block;
  width: 43px;
  height: 43px;
  margin: 0 .2em;
}

@media only screen and (min-width: 42.5em) {
  .stream-item__joined-members li {
    width: 45px;
    height: 45px;
    margin: 0 0.35em;
  }
}

.stream-item__joined-members img {
  width: 100%;
  height: auto;
  margin: 0;
}

[dir="rtl"] .stream-item__joined-members img {
  margin: 0;
}

/* last item has no avatar but a count of more people */

.stream-item__joined-members-button {
  margin-right: 0;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  line-height: 1;
  background-color: #e6e6e6;
  cursor: pointer;
}

.flexbox .stream-item__joined-members-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.stream-item__joined-members-button:focus,
.stream-item__joined-members-button:hover {
  outline: 0;
  background-color: #bababa;
}

.no-js .stream-item__joined-members-button:focus .joined-members__more,
.no-js .stream-item__joined-members-button:hover .joined-members__more {
  opacity: 1;
  max-height: 9999px;
  padding: 10px 0;
}

.stream-item__joined-members a {
  display: block;
  text-decoration: none;
}

.stream-item__joined-members--more {
  display: inline-block;
  width: 170px;
  position: absolute;
  top: 45px;
  right: 0;
  z-index: 999;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: .2s;
}

.stream-item__joined-members--more.is-expanded {
  opacity: 1;
  max-height: 9999px;
  padding: 10px 0;
}

@media only screen and (min-width: 42.5em) {
  .stream-item__joined-members--more.is-expanded li {
    animation: menu-item-in 0.3s cubic-bezier(0.25, 0.46, 0.45, 1.25) forwards;
  }

  .stream-item__joined-members--more.is-expanded li:nth-child(0) {
    animation-delay: 0s;
  }

  .stream-item__joined-members--more.is-expanded li:nth-child(1) {
    animation-delay: 0.015s;
  }

  .stream-item__joined-members--more.is-expanded li:nth-child(2) {
    animation-delay: 0.03s;
  }

  .stream-item__joined-members--more.is-expanded li:nth-child(3) {
    animation-delay: 0.045s;
  }

  .stream-item__joined-members--more.is-expanded li:nth-child(4) {
    animation-delay: 0.06s;
  }

  .stream-item__joined-members--more.is-expanded li:nth-child(5) {
    animation-delay: 0.075s;
  }

  .stream-item__joined-members--more.is-expanded li:nth-child(6) {
    animation-delay: 0.09s;
  }

  .stream-item__joined-members--more.is-expanded li:nth-child(7) {
    animation-delay: 0.105s;
  }

  .stream-item__joined-members--more.is-expanded li:nth-child(8) {
    animation-delay: 0.12s;
  }

  .stream-item__joined-members--more.is-expanded li:nth-child(9) {
    animation-delay: 0.135s;
  }

  .stream-item__joined-members--more.is-expanded li:nth-child(10) {
    animation-delay: 0.15s;
  }

  .stream-item__joined-members--more.is-expanded li:nth-child(11) {
    animation-delay: 0.165s;
  }

  .stream-item__joined-members--more.is-expanded li:nth-child(12) {
    animation-delay: 0.18s;
  }

  .stream-item__joined-members--more.is-expanded li:nth-child(13) {
    animation-delay: 0.195s;
  }

  .stream-item__joined-members--more.is-expanded li:nth-child(14) {
    animation-delay: 0.21s;
  }
}

.stream-item__joined-members--more ul {
  background: #323232;
  padding: 10px 0;
  border-radius: 4px;
}

.stream-item__joined-members--more ul:before {
  /* the arrow */
  content: "";
  z-index: 777;
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 5px;
  right: 16px;
  background: inherit;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.stream-item__joined-members--more li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
  width: 100%;
  height: auto;
}

.stream-item__joined-members--more li li:before {
  content: none;
}

@media only screen and (min-width: 42.5em) {
  .js .stream-item__joined-members--more li {
    opacity: 0;
  }
}

.stream-item__joined-members--more a {
  display: inline-block;
  color: #ffffff;
  padding: 5px 10px;
}

.no-touchevents .stream-item__joined-members--more a:hover,
.no-touchevents .stream-item__joined-members--more a:focus {
  color: #00bed7;
}

.no-touchevents .stream-item__joined-members--more a:active {
  color: #00bed7;
}

.stream-item__joined-members--more a:active {
  color: #00bed7;
}

/*
 * Stream content = video
 */

.stream-item__video {
  position: relative;
  z-index: 222;
  float: left;
  width: 100%;
  margin: 1.4375em 0 0;
  box-shadow: 0 1px 3px 0 rgba(50, 50, 50, 0.36);
}

.operamini .stream-item__video {
  border: 1px solid #cdcdcd;
}

.stream-item__video .video-embed {
  margin-bottom: 0;
}

.stream-item__video a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 666;
  display: block;
  width: 100%;
  padding-top: 56.25%;
  background-size: cover;
  background-position: 50% 50%;
  cursor: pointer;
}

.stream-item__video a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -38px;
  margin-top: -38px;
  display: block;
  width: 76px;
  height: 76px;
  background: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/./img/play-button-d425e23bdc.svg") no-repeat 50% 50%/95% auto;
  z-index: 999;
}

@media only screen and (min-width: 42.5em) {
  .stream-item__video a:before {
    opacity: 0;
    transition: opacity .3s;
  }
}

.no-js .stream-item__video a:before {
  opacity: 1;
}

@media only screen and (min-width: 42.5em) {
  .no-touchevents .stream-item__video a:hover:before,
  .no-touchevents .stream-item__video a:focus:before {
    opacity: 1;
  }

  .no-touchevents .stream-item__video a:active:before {
    opacity: 1;
  }

  .stream-item__video a:active:before {
    opacity: 1;
  }
}

.stream-item__video figcaption {
  border-top: 0.1em solid #a0a0a0;
  padding: 1.22188em 2.15625em;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  text-transform: uppercase;
}

.stream-modal {
  display: none;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  top: 30%;
  left: 50%;
  margin: 1em 0;
  text-align: center;
  background: #ffffff;
  border-radius: 5px;
  z-index: 9999;
  box-shadow: 0 1px 3px 0 rgba(51, 102, 255, 0.32), 0 0 30px 0 rgba(51, 102, 255, 0.32);
}

.opacity .stream-modal {
  display: initial;
  opacity: 0;
  transition: transform 0.2s 0.15s cubic-bezier(0.25, 0.46, 0.35, 1.7), opacity 0.2s 0.15s, box-shadow 0.2s 0.15s;
}

.stream-modal.is-expanded {
  display: block;
  box-shadow: 0 1px 3px 0 rgba(50, 50, 50, 0.32), 0 0 30px 0 rgba(50, 50, 50, 0.32);
  -ms-transform: scale(1);
  transform: scale(1);
  width: 90%;
  margin-left: -45%;
  position: fixed;
  height: auto;
  padding: 2.875em 2.15625em 1.4375em;
  clip: auto;
}

.opacity .stream-modal.is-expanded {
  display: initial;
  opacity: 1;
}

.stream-modal.is-expanded .checkmark {
  animation: checkmark .6s .25s ease forwards;
}

@media only screen and (min-width: 42.5em) {
  .stream-modal.is-expanded {
    width: 320px;
    margin-left: -160px;
  }
}

.stream-modal-overlay.js-has-modal {
  content: "";
  position: fixed;
  background: #3366ff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 999;
  transform: translateZ(0);
}

.cssanimations .stream-modal-overlay.js-has-modal {
  background: #0d2458;
  animation: modal-overlay .2s forwards;
}

.operamini .stream-modal-overlay,
.operamini .stream-modal-overlay.js-has-modal {
  background: #3366ff;
  position: absolute;
  height: 100%;
  animation: none;
}

.stream-modal__message {
  font-size: 13px;
  font-size: 1.3rem;
  position: relative;
}

.stream-modal__checkmark {
  display: none;
}

.borderradius .stream-modal__checkmark {
  display: inline-block;
  width: 65px;
  height: 65px;
  position: relative;
  margin: -1.4375em 0 0.71875em;
  background: #00b97f;
  border-radius: 50%;
}

.stream-modal__checkmark .checkmark {
  display: none;
}

.borderradius .stream-modal__checkmark .checkmark {
  display: block;
  position: absolute;
  top: 40px;
  left: 10px;
  height: 44px;
  width: 22px;
  border-top: 10px solid #ffffff;
  border-right: 10px solid #ffffff;
  -ms-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.opacity .stream-modal__checkmark .checkmark {
  opacity: 0;
}

.stream-modal button {
  margin: 0 .3em;
}

.stream-modal .button--close {
  position: absolute;
  top: 0;
  right: 0;
}

[dir="rtl"] .stream-modal .button--close {
  right: auto;
  left: 0;
}

.stream-switch {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1.07812em 1.4375em 0;
}

.stream-switch li:before {
  content: none;
}

@media only screen and (max-width: 42.4375em) {
  .no-js .stream-switch {
    padding: 5.4625em 1.4375em 1.79688em;
  }
}

@media only screen and (min-width: 42.5em) {
  .stream-switch {
    display: inline-block;
    float: left;
    width: auto;
    height: 65px;
    line-height: 65px;
    padding: 0 1.4375em;
    border-left: 1px solid #e6e6e6;
  }

  [dir="rtl"] .stream-switch {
    border-right: 1px solid #e6e6e6;
    border-left: 0;
    direction: rtl;
    float: right;
  }
}

.stream-switch__toggle {
  position: relative;
  width: 50px;
  margin: -2px 0.71875em 0;
  background: #a0a0a0;
  border-radius: 30px;
  box-shadow: inset 0 0 5px rgba(50, 50, 50, 0.15), inset 0 0 10px rgba(50, 50, 50, 0.3);
  cursor: pointer;
  transition: background-color .4s;
}

.stream-switch__toggle:before {
  opacity: 0;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(50, 50, 50, 0.2);
  border-radius: 30px;
  transition: opacity .2s;
}

[dir="rtl"] .stream-switch__toggle:before {
  left: auto;
  right: 0;
}

.no-touchevents .stream-switch__toggle:hover::before,
.no-touchevents .stream-switch__toggle:focus::before {
  opacity: 1;
}

.no-touchevents .stream-switch__toggle:active::before {
  opacity: 1;
}

.stream-switch__toggle:active::before {
  opacity: 1;
}

.stream-switch__toggle::after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 15px;
  height: 15px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 1px 8px 0 rgba(50, 50, 50, 0.4);
}

[dir="rtl"] .stream-switch__toggle::after {
  left: auto;
}

.csstransforms .stream-switch__toggle::after {
  top: auto;
  left: auto;
  -ms-transform: translate(5px, 5px);
  transform: translate(5px, 5px);
  transition: transform .15s ease-in;
}

.csstransforms[dir="rtl"] .stream-switch__toggle::after {
  -ms-transform: translate(-5px, 5px);
  transform: translate(-5px, 5px);
  right: auto;
}

.stream-switch__toggle--switched-on {
  background: #3366ff;
}

.stream-switch__toggle--switched-on:after {
  top: 5px;
  left: 30px;
}

[dir="rtl"] .stream-switch__toggle--switched-on:after {
  left: auto;
  right: 0;
}

.csstransforms .stream-switch__toggle--switched-on:after {
  top: auto;
  left: auto;
  -ms-transform: translate(30px, 5px);
  transform: translate(30px, 5px);
}

.csstransforms[dir="rtl"] .stream-switch__toggle--switched-on:after {
  -ms-transform: translate(-30px, 5px);
  transform: translate(-30px, 5px);
  right: 0;
  left: auto;
}

.stream-switch__link {
  font-size: 13px;
  font-size: 1.3rem;
  color: #323232;
  text-decoration: none;
}

.stream-switch__link.stream-switch__link--active,
.stream-switch__link:hover,
.stream-switch__link:focus {
  color: #3366ff;
}

.stream-switch__link,
.stream-switch__toggle {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
}

.stream-teaser__image {
  display: block;
  width: 704px;
  height: 558px;
  background: url("https://s3-eu-west-1.amazonaws.com/static.yecommunity.com/css/build/prod/./img/stream-teaser-a91a47078d.png") no-repeat;
}

/* form builder */

/* Reapplying form styles and overriding stupid stuff */

.ff-form-main.ff-form-main,
.ff-group-row.ff-group-row,
.ff-item-row.ff-item-row {
  max-width: 100%;
  width: 100%;
}

#dvFastForms .ff-group-row.ff-group-row {
  max-width: none;
}

.ff-item-row {
  margin-bottom: 35px;
}

.ff-label-col,
.ff-field-col,
.ff-col-1.ff-col-1,
.ff-col-2.ff-col-2 {
  float: none;
  padding: 2px;
  min-width: 100%;
  max-width: 100%;
}

.ff-section-header {
  font-size: 1.4em;
}

.ff-label {
  display: inline-block;
  margin-bottom: 3px;
  font-weight: bold;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media only screen and (max-width: 42.4375em) {
  .ff-label {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.ff-required-mark.ff-required-mark {
  margin: 3px;
  color: #323232;
}

.ff-textarea,
.ff-type-text {
  display: block;
  width: 100%;
  padding: 12px;
}

.touchevents .ff-textarea,
.touchevents .ff-type-text {
  font-size: 16px;
  font-size: 1.6rem;
}

.ff-textarea.form-element--sm,
.ff-type-text.form-element--sm {
  padding: 6px 12px;
  font-size: 12px;
  font-size: 1.2rem;
}

.ff-singlepicklist {
  display: block;
  width: 100%;
  padding: 12px;
  margin: 0;
  padding-right: 40px;
  width: 100%;
  background: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-apperance: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.touchevents .ff-singlepicklist {
  font-size: 16px;
  font-size: 1.6rem;
}

.ff-singlepicklist.form-element--sm {
  padding: 6px 12px;
  font-size: 12px;
  font-size: 1.2rem;
}

.ff-singlepicklist:after {
  content: '';
  position: absolute;
  right: 15px;
  bottom: 18px;
  z-index: 2;
  pointer-events: none;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #a0a0a0;
}

.ff-footnote-label {
  display: inline;
  font-size: 0.9em;
}

.ff-btn-submit {
  display: inline-block;
  min-width: 80px;
  padding: 8px 15px;
  border: 0;
  background: #3366ff;
  vertical-align: top;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: inherit;
  text-decoration: none;
  text-align: center;
  outline: 0;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  transition: all .05s ease-out;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-shadow: none;
}

@media only screen and (min-width: 42.5em) {
  .ff-btn-submit {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.no-touchevents .ff-btn-submit:hover,
.no-touchevents .ff-btn-submit:focus {
  background-color: #1e50c3;
}

.no-touchevents .ff-btn-submit:active {
  background-color: #1e50c3;
}

.ff-btn-submit:active {
  background-color: #1e50c3;
}

.no-touchevents .ff-btn-submit:active {
  background-color: #1a44a6;
}

.ff-btn-submit:active {
  background-color: #1a44a6;
}

.ff-btn-submit {
  color: #ffffff;
}

.ff-btn-submit:disabled,
.ff-btn-submit.is-disabled {
  background: #e6e6e6;
  color: #a0a0a0;
  box-shadow: none;
  pointer-events: none;
}

.ff-btn-submit:disabled:hover,
.ff-btn-submit:disabled:focus,
.ff-btn-submit:disabled:visited,
.ff-btn-submit.is-disabled:hover,
.ff-btn-submit.is-disabled:focus,
.ff-btn-submit.is-disabled:visited {
  cursor: default;
  color: #a0a0a0;
  background: #e6e6e6;
}

.rtl {
  direction: rtl;
}

/* documents */

.document-viewer__iframe {
  min-width: 100%;
  min-height: 600px;
}

/* course-items */

@media only screen and (min-width: 42.5em) {
  .course-item__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.course-item {
  width: 100%;
  margin-bottom: 1.65312em;
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.25);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (min-width: 55em) {
  .course-item {
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 2.15625em;
  }
}

.course-item__thumbnail {
  display: block;
  width: 100%;
  background: #f2f2f2;
}

@media only screen and (min-width: 55em) {
  .course-item__thumbnail {
    width: 100%;
    object-fit: cover;
  }
}

.course-item__details {
  padding: 15px;
  -ms-flex: 1;
  flex: 1;
}

.course-item__details p {
  margin: 0 0 1em;
}

.course-item__meta {
  background: #f2f2f2;
  border-left: 1px #e6e6e6 solid;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media only screen and (min-width: 55em) {
  .course-item__meta {
    height: 100%;
    width: 300px;
  }
}

.course-item__meta > dl {
  padding: 15px;
  font-size: small;
  margin: 0;
}

.course-item__meta > dl dt {
  color: #6e6e6e;
}

.course-item__meta > dl dd {
  color: #a0a0a0;
  margin: 0 0;
}

.course-item__meta > dl:first-of-type {
  columns: 2;
  padding-bottom: 0;
}

.course-item__meta > dl:last-of-type dt:last-of-type {
  margin-top: 15px;
}

.course-item__date {
  font-size: small;
}

.course-item__title {
  color: #323232;
  text-decoration: none;
}

.no-touchevents .course-item__title:hover,
.no-touchevents .course-item__title:focus {
  color: #3366ff;
}

.no-touchevents .course-item__title:active {
  color: #3366ff;
}

.course-item__title:active {
  color: #3366ff;
}

/* resources (old name, model name: learning-resources) */

.resource {
  zoom: 1;
  max-width: 660px;
  margin-bottom: 0.71875em;
  padding-top: 0.71875em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
}

.resource:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

@media only screen and (min-width: 42.5em) {
  .resource {
    margin-bottom: 1.15em;
    padding-top: 1.15em;
  }
}

.resource a {
  color: #323232;
}

.resource a:hover {
  color: #3366ff;
}

.resource--has-video {
  display: block;
}

.resource__video-ct {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

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

.resource__thubmnail-ct {
  position: relative;
  width: 150px;
  height: 150px;
  margin-right: 20px;
}

.resource__thumbnail {
  width: 100%;
  height: 100%;
  background: #eee;
}

.resource__details {
  overflow: hidden;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
}

.resource__title {
  margin-bottom: 3px;
}

.resource__title a {
  text-decoration: none;
}

.resource__date {
  color: #6e6e6e;
  display: block;
  margin-bottom: 5px;
}

.resource__type {
  color: #a0a0a0;
  font-size: 12px;
  font-size: 1.2rem;
}

/* ==========================================================================
   HELPERS
   ========================================================================== */

.js .hide-on-js {
  display: none !important;
}

@media only screen and (max-width: 42.4375em) {
  .hide-on-palm {
    display: none !important;
  }
}

@media only screen and (min-width: 42.5em) {
  .hide-on-lap {
    display: none !important;
  }
}

.show-only-on-palm {
  display: none;
}

@media only screen and (max-width: 42.4375em) {
  .show-only-on-palm {
    display: block !important;
  }
}

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

.offscreen {
  position: absolute !important;
  left: -999em !important;
}

.invisible {
  visibility: hidden !important;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  content: '';
}

/* Make sure Like buttons do not suffer from cut-off comment-box syndrome */

.fb_iframe_widget span {
  width: 450px !important;
}

/* Hide form field that should be left empty */

form .hp {
  display: none;
}

/* hide text from layout but not for screen readers */

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

/* ==========================================================================
	HOVER - disable on scroll (see function disableHoverStylesOnScroll() in main-181b7603ce.js)
	========================================================================== */

.disable-hover {
  pointer-events: none;
}

/* ==========================================================================
	PRINT
	========================================================================== */

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    text-shadow: none !important;
    filter: none !important;
  }

  /* Black prints faster: h5bp.com/s */

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

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

  /* Don't show links for images, or javascript/internal links */

  pre,
  blockquote {
    border: 1px solid #999;
    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;
  }
}