.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

@charset "UTF-8";
/* vendors */
/* animation */

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

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

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.67em;
  margin: 2.33em 0; }

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

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

blockquote {
  margin: 1em 40px; }

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

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0; }

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none; }

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

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

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

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

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

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

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

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

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

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

.left {
  float: left; }

.right {
  float: right; }

body {
  font-family: "Lora","Georgia", serif;
  font-size: 1em;
  line-height: 1.7777777778em;
  margin-top: 0em;
  margin-bottom: 0em;
  font-size: 18px;
  font-weight: 400; }

a {
  color: #000; }
  a:hover {
    color: #444; }

h1 {
  font-family: "Open Sans", 'Arial', sans-serif;
  font-size: 3.3333333333em;
  line-height: 1.2em;
  margin-top: 0em;
  margin-bottom: 0em;
  font-weight: 700;
  letter-spacing: -0.03em; }
  @media only screen and (max-width: 480px) {
    h1 {
      font-size: 1.6666666667em;
      line-height: 1.3333333333em;
      margin-top: 0em;
      margin-bottom: 0em; } }
  @media only screen and (max-width: 480px) {
    h1 {
      margin-top: 24px; } }
  h1.classic-title {
    font-size: 3.6111111111em;
    line-height: 1.2307692308em;
    margin-top: 0em;
    margin-bottom: 0em;
    color: #36363D;
    margin-left: -5px; }
    @media only screen and (max-width: 767px) {
      h1.classic-title {
        font-size: 2.5em;
        line-height: 1.0666666667em;
        margin-top: 0em;
        margin-bottom: 0em; } }
    @media only screen and (max-width: 480px) {
      h1.classic-title {
        font-size: 1.9444444444em;
        line-height: 1.1428571429em;
        margin-top: 0em;
        margin-bottom: 0em; } }
    @media only screen and (max-width: 480px) {
      h1.classic-title {
        margin-left: -3px; } }
    .full-col h1.classic-title, .full-width-text h1.classic-title {
      margin-top: 48px;
      margin-bottom: 48px; }
      @media only screen and (max-width: 480px) {
        .full-col h1.classic-title, .full-width-text h1.classic-title {
          margin-top: 24px;
          margin-bottom: 24px; } }

.sub-title, .audio-sub-title, .audio-sub-title-first {
  font-size: 1.3888888889em;
  line-height: 1.28em;
  margin-top: -1.6em;
  margin-bottom: 1.92em;
  font-family: "Open Sans", 'Arial', sans-serif;
  color: #36363D;
  opacity: 0.85; }
  @media only screen and (max-width: 480px) {
    .sub-title, .audio-sub-title, .audio-sub-title-first {
      font-size: 1em;
      line-height: 1.3333333333em;
      margin-top: -0.8888888889em;
      margin-bottom: 1.3333333333em; } }
  .sub-title.category-color, .sub-title.category, .tags li.sub-title, .tags li.audio-sub-title, .tags li.audio-sub-title-first, .category.audio-sub-title, .category.audio-sub-title-first, .filters-categories li.sub-title.active, .filters-categories li.active.audio-sub-title, .filters-categories li.active.audio-sub-title-first, .category-color.audio-sub-title, .category-color.audio-sub-title-first {
    text-transform: none; }
  .sub-title a, .audio-sub-title a, .audio-sub-title-first a {
    font-size: 0.5em;
    font-weight: normal;
    margin-left: 5px; }

.a-perex {
  font-family: "Open Sans", 'Arial', sans-serif;
  font-size: 1.1111111111em;
  line-height: 1.6em;
  margin-top: 0.8em;
  margin-bottom: 1.6em;
  font-weight: 700; }
  @media only screen and (max-width: 480px) {
    .a-perex {
      font-size: 1em;
      line-height: 1.6em;
      margin-top: 0.8888888889em;
      margin-bottom: 0.8888888889em; } }
  .a-perex .from-serie {
    font-weight: normal;
    color: #75687d;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase; }
    .a-perex .from-serie a {
      color: inherit; }

.from-serie__first {
  margin-bottom: -8px; }

.a-content h1 {
  font-size: 2.8333333333em;
  line-height: 1.0980392157em;
  margin-top: 0em;
  margin-bottom: 0.6274509804em;
  font-weight: 700;
  letter-spacing: -0.03em; }
  @media only screen and (max-width: 480px) {
    .a-content h1 {
      font-size: 1.6666666667em;
      line-height: 1.3333333333em;
      margin-top: 0em;
      margin-bottom: 0em; } }

.a-content h2 {
  font-family: "Open Sans", 'Arial', sans-serif;
  font-size: 1.9444444444em;
  line-height: 1.3714285714em;
  margin-top: 1.3714285714em;
  margin-bottom: 0.9142857143em;
  letter-spacing: -0.015em;
  font-weight: 700;
  text-align: left; }
  @media only screen and (max-width: 480px) {
    .a-content h2 {
      font-size: 1.3888888889em;
      line-height: 1.408em;
      margin-top: 1.28em;
      margin-bottom: 0em; } }

.a-content h3, .a-content .list-box .title {
  font-family: "Open Sans", 'Arial', sans-serif;
  font-size: 1.1111111111em;
  line-height: 1.6em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
  letter-spacing: -0.015em;
  font-weight: 700; }
  @media only screen and (max-width: 480px) {
    .a-content h3, .a-content .list-box .title {
      font-size: 1em;
      line-height: 1.7777777778em;
      margin-top: 0.8888888889em;
      margin-bottom: 0em; } }

.a-content p {
  font-size: 1em;
  line-height: 1.7777777778em;
  margin-top: 0.8888888889em;
  margin-bottom: 1.7777777778em; }
  @media only screen and (max-width: 480px) {
    .a-content p {
      font-size: 1em;
      line-height: 1.6em;
      margin-top: 0.8888888889em;
      margin-bottom: 0.8888888889em; } }
  .a-content p i, .a-content p em {
    letter-spacing: 0.01em; }
  .a-content p a {
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #777));
    background-image: -o-linear-gradient(top, transparent 50%, #777 50%);
    background-image: linear-gradient(to bottom, transparent 50%, #777 50%);
    background-repeat: repeat-x;
    background-size: 2px 2px;
    background-position: 0 19px; }

.a-content blockquote {
  font-style: italic;
  font-family: "Georgia", serif;
  font-size: 1.6666666667em;
  line-height: 1.6em;
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  text-align: center;
  padding: 0px 50px;
  margin-right: 0;
  margin-left: 0;
  border: 0;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 1060px) {
    .a-content blockquote {
      margin-right: 30px;
      margin-left: 30px; } }
  @media only screen and (max-width: 480px) {
    .a-content blockquote {
      margin-right: 15px;
      margin-left: 15px; } }
  @media only screen and (max-width: 480px) {
    .a-content blockquote {
      font-size: 1.1111111111em;
      line-height: 1.6em;
      margin-top: 1.6em;
      margin-bottom: 1.6em;
      padding: 0px 0; } }
  .a-content blockquote p {
    line-height: inherit;
    font-size: inherit;
    margin: 0; }
  .a-content blockquote:before, .a-content blockquote:after {
    content: '';
    display: block;
    width: 100px;
    height: 3px;
    background: #EEEDE9;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 32px;
    margin-right: auto;
    margin-left: auto; }
  .a-content blockquote:after {
    margin-top: 32px;
    margin-bottom: 16px; }

.a-content ul, .a-content ol {
  font-size: 1em;
  line-height: 1.7777777778em;
  margin-top: 0.8888888889em;
  margin-bottom: 1.7777777778em;
  padding-left: 70px; }
  @media only screen and (max-width: 480px) {
    .a-content ul, .a-content ol {
      padding-left: 25px;
      font-size: 1em;
      line-height: 1.6em;
      margin-top: 0.8888888889em;
      margin-bottom: 0.8888888889em; } }
  .a-content ul li, .a-content ol li {
    margin-bottom: 8px; }
  .a-content ul a, .a-content ol a {
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #777));
    background-image: -o-linear-gradient(top, transparent 50%, #777 50%);
    background-image: linear-gradient(to bottom, transparent 50%, #777 50%);
    background-repeat: repeat-x;
    background-size: 2px 2px;
    background-position: 0 19px; }

.a-content .list-box {
  max-width: 680px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 740px) {
    .a-content .list-box {
      margin-right: 30px;
      margin-left: 30px; } }
  @media only screen and (max-width: 480px) {
    .a-content .list-box {
      margin-right: 15px;
      margin-left: 15px; } }
  .a-content .list-box .item {
    display: list-item;
    font-size: 1em;
    line-height: 1.7777777778em;
    margin-top: 0.8888888889em;
    margin-bottom: 1.7777777778em;
    margin-left: 70px;
    margin-bottom: 8px; }
    @media only screen and (max-width: 480px) {
      .a-content .list-box .item {
        margin-left: 25px;
        font-size: 1em;
        line-height: 1.7777777778em;
        margin-top: 0.8888888889em;
        margin-bottom: 0.8888888889em; } }

.a-video-cont {
  max-width: 960px;
  width: 100%;
  margin: 0 auto; }

.a-video {
  margin: 0 auto;
  clear: both;
  position: relative;
  padding-top: 56.25%;
  margin: 32px 0; }
  .a-video iframe {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    right: 0;
    left: 0;
    bottom: 0; }

.try-yourself-cont .inner {
  margin: 48px 0;
  border-left: 5px solid #CCC;
  padding-left: 30px;
  font-family: "Open Sans", 'Arial', sans-serif;
  color: #434343; }
  @media only screen and (max-width: 480px) {
    .try-yourself-cont .inner {
      padding-left: 0;
      margin: 24px 0;
      border-left: none; } }
  .try-yourself-cont .inner p {
    font-size: 0.8888888889em;
    line-height: 2em;
    margin-top: 1em;
    margin-bottom: 1em; }
    @media only screen and (max-width: 480px) {
      .try-yourself-cont .inner p {
        font-size: 0.7777777778em;
        line-height: 1.7142857143em;
        margin-top: 1.1428571429em;
        margin-bottom: 1.1428571429em; } }

.try-yourself-cont h3 {
  margin-left: 0 !important;
  color: #71c1c4; }

.a-center-col .a-content > p, .a-center-col .a-perex, .a-center-col ul, .a-center-col ol, .a-center-col h2, .a-center-col h3, .a-center-col h4, .a-center-col .outstanding, .a-center-col .bellow-article-banner, .a-center-col h1 {
  max-width: 680px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 740px) {
    .a-center-col .a-content > p, .a-center-col .a-perex, .a-center-col ul, .a-center-col ol, .a-center-col h2, .a-center-col h3, .a-center-col h4, .a-center-col .outstanding, .a-center-col .bellow-article-banner, .a-center-col h1 {
      margin-right: 30px;
      margin-left: 30px; } }
  @media only screen and (max-width: 480px) {
    .a-center-col .a-content > p, .a-center-col .a-perex, .a-center-col ul, .a-center-col ol, .a-center-col h2, .a-center-col h3, .a-center-col h4, .a-center-col .outstanding, .a-center-col .bellow-article-banner, .a-center-col h1 {
      margin-right: 15px;
      margin-left: 15px; } }

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

@font-face {
  font-family: 'icomoon';
  src: url("/static/font/icomoon.eot?tfmbb&1e59b7f94e60");
  src: url("/static/font/icomoon.eot?tfmbb&1e59b7f94e60#iefix") format("embedded-opentype"), url("/static/font/icomoon.ttf?tfmbb&1e59b7f94e60") format("truetype"), url("/static/font/icomoon.woff?tfmbb&1e59b7f94e60") format("woff"), url("/static/font/icomoon.svg?tfmbb&1e59b7f94e60#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

.round-icon:before, .round-icon:after, .ico:before, .ico:after, .btn-cancel-filter:before, .btn-cancel-filter:after, .f-search:before, .f-search:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ico-extend {
  display: inline-block;
  font-style: 30px;
  vertical-align: middle;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.round-icon:before, .round-icon:after {
  display: inline-block;
  font-size: 30px;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #c1c0c3;
  color: #8F8B83;
  vertical-align: middle;
  -webkit-transition-property: background-color color;
  -o-transition-property: background-color color;
  transition-property: background-color color;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease; }

.round-icon.icon-40:before, .round-icon.icon-40:after {
  font-size: 40px; }

.round-icon:hover:before, .round-icon:hover:after {
  border-color: transparent;
  background-color: #333333;
  color: #FFF; }

.round-icon span {
  display: none; }

.round-icon.no-margins:before, .round-icon.no-margins:after {
  margin: 0; }

.ico {
  display: inline-block; }
  .ico:before, .ico:after {
    font-size: 30px;
    display: inline-block;
    vertical-align: middle; }

.paid-square:before {
  content: "\e901"; }
  .subscriber .paid-square:before {
    content: "\e900"; }

.video-square:before {
  content: "\e90a"; }

.round-icon:after {
  margin-left: 5px; }

.round-icon:before {
  margin-right: 5px; }

.icon-unlock:before {
  content: "\e900"; }

.icon-lock:before {
  content: "\e901"; }

.icon-search:before {
  content: "\e902"; }

.icon-search-after:after {
  content: "\e902"; }

.icon-user:before {
  content: "\e903"; }

.icon-user-after:after {
  content: "\e903"; }

.icon-play:before {
  content: "\e904"; }

.icon-email:before {
  content: "\e905"; }

.icon-email-after:after {
  content: "\e905"; }

.icon-email-color:before {
  content: "\e905";
  background: #D1D1D2;
  color: #FFF;
  border-color: transparent; }

.icon-facebook:before {
  content: "\e906"; }

.icon-fb-after:after {
  content: "\e906";
  margin-left: -3px;
  font-size: 27px; }

.icon-facebook-color:before {
  content: "\e906";
  background: #D1D1D2;
  color: #FFF;
  border-color: transparent; }

.icon-twitter:before {
  content: "\e907"; }

.icon-twitter-color:before {
  content: "\e907";
  background: #D1D1D2;
  color: #FFF;
  border-color: transparent; }

.icon-chevron-thin-left:before {
  content: "\e908"; }

.icon-chevron-thin-right:before {
  content: "\e90b"; }

.icon-triangle-right:before {
  content: "\e90a"; }

.icon-cross:before {
  content: "\e909"; }

.icon-cross-after:after {
  content: "\e909"; }

.icon-gift:before {
  content: "\e90c"; }

.icon-gift-after:after {
  content: "\e90c"; }

.icon-filter_list:after {
  content: "\e152";
  font-size: 19px;
  vertical-align: middle; }

.icon-filter:before {
  content: "\e152"; }

.icon-hearth:before {
  content: "\e90f"; }

.icon-hearth-outline:before {
  content: "\e910"; }

.icon-hearth-menu-after:after {
  content: "\e911"; }

.icon-headphones:before {
  content: "\e913"; }

.icon-pdf:before {
  content: "\e914"; }

.icon-home:before {
  content: "\e912"; }

.icon-thick-bold:before {
  content: "\e917"; }

.icon-cross-bold:before {
  content: "\e916"; }

.icon-hand-arrow:before {
  content: "\e915"; }

.icon-camera:before {
  content: "\e918"; }

.icon-phone_iphone:before {
  content: "\e325"; }

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

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

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

.clearfix:after {
  clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1; }

.heading {
  background-size: cover;
  background-position: center center;
  margin-bottom: 64px;
  background-color: #6a6b6e; }
  @media only screen and (max-width: 480px) {
    .heading {
      margin-bottom: 32px; } }
  .heading .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 0;
    position: relative; }
    @media only screen and (max-width: 500px) {
      .heading .inner {
        padding-top: 0;
        padding-bottom: 24px; } }
  .flexbox .heading .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .flexbox .heading .flex .txt-col {
      float: none;
      -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
      margin-top: 0; }
  .heading .img-col {
    float: left;
    width: 43%;
    position: relative; }
    .heading .img-col img {
      width: 100%;
      float: left;
      -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.03);
      box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.03); }
  .heading .txt-col {
    float: right;
    width: 57%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 72px;
    padding-right: 20px;
    margin-top: 16px; }
    @media only screen and (max-width: 1025px) {
      .heading .txt-col {
        padding-left: 30px;
        padding-right: 30px; } }
    @media only screen and (max-width: 500px) {
      .heading .txt-col {
        padding: 24px 15px 0;
        overflow: hidden; } }
  @media only screen and (max-width: 770px) {
    .heading .img-col {
      width: 35%; }
    .heading .txt-col {
      width: 65%; } }
  @media only screen and (max-width: 500px) {
    .heading .img-col {
      width: auto; }
    .heading .txt-col {
      width: auto; } }
  .heading h1, .heading h2 {
    color: #FFF;
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 3.2222222222em;
    line-height: 1.2413793103em;
    margin-top: 0em;
    margin-bottom: 0.1379310345em;
    line-height: 72px;
    max-width: 550px; }
    .heading h1.long, .heading h2.long {
      font-size: 2em;
      line-height: 1.5555555556em;
      margin-top: 0em;
      margin-bottom: 0.2222222222em; }
    @media only screen and (max-width: 767px) {
      .heading h1, .heading h2 {
        font-size: 2.5em;
        line-height: 1.2444444444em;
        margin-top: 0em;
        margin-bottom: 0.1777777778em; } }
    @media only screen and (max-width: 480px) {
      .heading h1, .heading h2 {
        font-size: 1.7777777778em;
        line-height: 1.25em;
        margin-top: 0em;
        margin-bottom: 0.25em; } }
    .heading h1 a, .heading h2 a {
      color: #FFF;
      text-decoration: none; }
  .heading.hp-heading {
    margin-bottom: 0; }
    .heading.hp-heading h1 {
      margin-top: 24px; }
  .heading p.perex {
    color: #FFF;
    font-size: 1.3333333333em;
    line-height: 1.6666666667em;
    margin-top: 0em;
    margin-bottom: 0.6666666667em;
    max-width: 500px;
    letter-spacing: -0.2px;
    line-height: 38px; }
    @media only screen and (max-width: 767px) {
      .heading p.perex {
        font-size: 1.1111111111em;
        line-height: 1.6em;
        margin-top: 0em;
        margin-bottom: 0.4em;
        margin-bottom: 1em; } }
  .heading .a-info-wrapper {
    float: none; }
  .heading .a-info {
    float: left;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    color: #FFF;
    padding-top: 8px;
    margin-top: 16px;
    margin-bottom: 0; }
    .heading .a-info .category, .heading .a-info .tags li, .tags .heading .a-info li, .heading .a-info .date {
      font-size: 0.6666666667em;
      line-height: 1.3333333333em;
      margin-top: 0em;
      margin-bottom: 0em;
      font-family: 'Arial', sans-serif;
      text-transform: uppercase;
      padding-right: 10px;
      letter-spacing: 0.02em;
      white-space: nowrap; }
      @media only screen and (max-width: 480px) {
        .heading .a-info .category, .heading .a-info .tags li, .tags .heading .a-info li, .heading .a-info .date {
          display: none; } }
    @media only screen and (max-width: 767px) {
      .heading .a-info .date {
        display: none; } }
    .heading .a-info .author {
      font-size: 0.7777777778em;
      line-height: 1.1428571429em;
      margin-top: 0em;
      margin-bottom: 0em;
      color: #FFF;
      padding-right: 10px;
      white-space: nowrap; }
    .heading .a-info.from-serie {
      font-size: 0.8333333333em;
      line-height: 2.1333333333em;
      margin-top: 1.0666666667em;
      margin-bottom: 0em;
      font-family: 'Arial', sans-serif; }
      .heading .a-info.from-serie a {
        color: #FFF;
        font-style: italic;
        text-decoration: none; }
        .heading .a-info.from-serie a:hover {
          text-decoration: underline; }

.heading-special.no-margin-bottom {
  margin-bottom: 0; }

.heading-special .inner {
  max-width: 1440px;
  padding: 0; }
  @media only screen and (max-width: 500px) {
    .heading-special .inner {
      padding: 0; } }

@media only screen and (max-width: 767px) {
  .heading-special .txt-col h1 {
    max-width: 100%; }
  .heading-special .txt-col .perex {
    max-width: 100%; } }

@media only screen and (max-width: 1024px) {
  .heading-special .txt-col {
    padding-top: 20px;
    padding-bottom: 25px; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .heading-special-detail p.perex {
    display: none; } }

.full-col {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1050px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto; }
  @media only screen and (max-width: 480px) {
    .full-col {
      padding-right: 15px;
      padding-left: 15px; } }

.form-col {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 490px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto; }

.partner {
  height: 64px; }

.category-color, .category, .tags li, .filters-categories li.active {
  text-transform: uppercase; }
  .category-color.stesti, .stesti.category, .tags li.stesti, .filters-categories li.stesti.active {
    color: #FBC32B;
    border-color: #FBC32B; }
  .category-color.vztahy-a-sex, .vztahy-a-sex.category, .tags li.vztahy-a-sex, .filters-categories li.vztahy-a-sex.active {
    color: #EF4136;
    border-color: #EF4136; }
  .category-color.rodina-a-deti, .rodina-a-deti.category, .tags li.rodina-a-deti, .filters-categories li.rodina-a-deti.active {
    color: #F7713E;
    border-color: #F7713E; }
  .category-color.treti-vek, .treti-vek.category, .tags li.treti-vek, .filters-categories li.treti-vek.active {
    color: #288055;
    border-color: #288055; }
  .category-color.zdravi, .zdravi.category, .tags li.zdravi, .filters-categories li.zdravi.active {
    color: #8DC63F;
    border-color: #8DC63F; }
  .category-color.zavislosti, .zavislosti.category, .tags li.zavislosti, .filters-categories li.zavislosti.active {
    color: #70635c;
    border-color: #70635c; }
  .category-color.uspech, .uspech.category, .tags li.uspech, .filters-categories li.uspech.active {
    color: #C49A6C;
    border-color: #C49A6C; }
  .category-color.komunikace, .komunikace.category, .tags li.komunikace, .filters-categories li.komunikace.active {
    color: #41B2E1;
    border-color: #41B2E1; }
  .category-color.veda-a-spolecnost, .veda-a-spolecnost.category, .tags li.veda-a-spolecnost, .filters-categories li.veda-a-spolecnost.active {
    color: #93A1B6;
    border-color: #93A1B6; }

.category, .tags li {
  color: #EF4136;
  font-family: 'Arial', sans-serif;
  font-size: 0.6111111111em;
  line-height: 1.4545454545em;
  margin-top: 0em;
  margin-bottom: 0em;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none; }
  .heading .category, .heading .tags li, .tags .heading li {
    color: #FFF; }
  .category a, .tags li a {
    color: inherit;
    text-decoration: none; }
    .category a:hover, .tags li a:hover {
      text-decoration: underline; }

a.category {
  text-decoration: none; }
  a.category:hover {
    text-decoration: underline; }

.tags {
  list-style: none;
  margin: 0;
  padding: 0; }
  .tags li {
    color: #8E8993; }

.feature-info {
  position: absolute;
  top: 64px;
  right: 0;
  line-height: 24px;
  z-index: 1; }
  @media only screen and (max-width: 1024px) {
    .feature-info {
      top: 10%; } }
  .feature-info .ico {
    font-size: 0.7222222222em;
    line-height: 2.4615384615em;
    margin-top: 0em;
    margin-bottom: 0em;
    font-family: 'Arial', sans-serif;
    float: left;
    background: #ED7666;
    color: #FFF;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.02em; }
    .feature-info .ico.with-text {
      padding-right: 10px; }
    .feature-info .ico:before {
      font-size: 24px;
      vertical-align: middle;
      float: left; }
    .feature-info .ico.video-square {
      background: #675870; }
  .img-anchor .feature-info,
  .thumbnail-cont .feature-info,
  .thumb-cont .feature-info {
    top: 10px; }
  .feature-info .series-label, .feature-info .advisory-label {
    font-family: 'Arial', sans-serif;
    font-size: 0.7222222222em;
    line-height: 2.4615384615em;
    margin-top: 0em;
    margin-bottom: 0em;
    padding: 0px 20px;
    text-transform: uppercase;
    float: left;
    background: #FFF;
    font-weight: bold;
    letter-spacing: 4px; }
    .img-anchor .feature-info .series-label,
    .thumbnail-cont .feature-info .series-label,
    .thumb-cont .feature-info .series-label, .img-anchor .feature-info .advisory-label,
    .thumbnail-cont .feature-info .advisory-label,
    .thumb-cont .feature-info .advisory-label {
      font-size: 0.5555555556em;
      line-height: 3.2em;
      margin-top: 0em;
      margin-bottom: 0em;
      padding: 0px 10px;
      letter-spacing: 2px; }
  .feature-info .advisory-label {
    background-color: #F6F4F1;
    color: #36363D; }

.small-title {
  font-family: "Open Sans", 'Arial', sans-serif;
  font-size: 0.6666666667em;
  line-height: 1.3333333333em;
  margin-top: 0em;
  margin-bottom: 2em;
  color: #8E8993;
  text-transform: uppercase;
  letter-spacing: 0.02em; }
  .small-title a {
    text-decoration: none;
    color: inherit; }
    .small-title a:hover {
      text-decoration: underline; }

.author {
  font-size: 0.6666666667em;
  line-height: 1.3333333333em;
  margin-top: 0em;
  margin-bottom: 0em;
  color: #8E8993;
  font-style: italic;
  letter-spacing: 0.02em;
  word-break: break-all; }
  .author-box-search .author {
    word-break: normal; }

.subscription-adv {
  background: #ED7666;
  border-radius: 4px;
  margin-bottom: 16px;
  text-align: center;
  padding: 32px;
  position: relative; }
  .subscription-adv:before {
    position: absolute;
    top: 5px;
    bottom: 0;
    right: 0;
    left: 0;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 380px;
    line-height: 200px;
    text-indent: -0.05em;
    color: #D96C5D;
    z-index: 1;
    text-align: center; }
  .subscription-adv p {
    color: #FFF;
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 1.1666666667em;
    line-height: 1.5238095238em;
    margin-top: 0em;
    margin-bottom: 0.7619047619em;
    font-weight: bold; }
    @media only screen and (max-width: 1000px) {
      .subscription-adv p {
        font-size: 0.8888888889em;
        line-height: 1.5em;
        margin-top: 0em;
        margin-bottom: 1em; } }
  .subscription-adv p, .subscription-adv a {
    position: relative;
    z-index: 2; }

.subscriber .subscription-adv {
  display: none !important; }

.btn {
  display: inline-block;
  text-decoration: none; }

.round-btn {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Open Sans", 'Arial', sans-serif;
  font-size: 0.7777777778em;
  line-height: 1.6em;
  margin-top: 0em;
  margin-bottom: 0em;
  padding: 8px 20px;
  border-radius: 20px;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition-property: transform;
  -o-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 100ms;
  -o-transition-duration: 100ms;
  transition-duration: 100ms;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  border: none; }
  .round-btn:hover {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px); }
  .round-btn.big-btn {
    padding: 16px 30px;
    font-size: 1em;
    line-height: 1.2444444444em;
    margin-top: 0em;
    margin-bottom: 0em;
    border-radius: 30px; }
  .round-btn.mid-btn {
    padding: 16px 30px;
    border-radius: 30px; }
  .round-btn.subs {
    background: #FFF;
    color: #ED7666; }
  .round-btn.event-btn {
    background: #675870;
    color: #FFF; }
  .round-btn.popular-sign {
    background-color: #FFF;
    color: #675870;
    border: 1px solid #675870;
    border-radius: 5px;
    padding: 12px 40px;
    letter-spacing: 0.05em; }
    .round-btn.popular-sign:hover {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
  .round-btn.play-btn {
    padding-left: 10px; }
    .round-btn.play-btn .ico:before {
      line-height: 0.5em; }
  .round-btn.gift-btn {
    background: #FFF;
    color: #675870; }
  .round-btn.subscription-btn {
    background: #ED7666;
    color: #FFF; }
    .round-btn.subscription-btn:before {
      font-size: 40px;
      margin-right: 5px;
      line-height: 22.4px;
      float: left;
      width: 22px;
      text-indent: -10px;
      margin-top: -2px; }
  .round-btn.serie-btn {
    color: #FFF;
    border: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 32px; }
    @media only screen and (max-width: 480px) {
      .round-btn.serie-btn {
        font-size: 0.72em; } }
  .round-btn.white-btn {
    background: #FFF;
    color: #675870; }
  .round-btn.outline-btn {
    background: none;
    border: 2px solid rgba(0, 0, 0, 0.1);
    color: #8E8993; }
    .heading .round-btn.outline-btn, .round-btn.outline-btn.outline-white-btn {
      border-color: #FFF;
      color: #FFF;
      opacity: 0.7;
      margin-top: 8px; }
  .round-btn.no-outline-white-btn {
    color: #FFF;
    border: transparent; }
  .round-btn.gray {
    color: #FFF;
    background: #8E8993; }
  .round-btn.confirm-btn {
    background: #ED7666;
    color: #FFF; }
    .round-btn.confirm-btn.js-loading {
      outline: none; }
      .round-btn.confirm-btn.js-loading:before {
        content: 'Strpení '; }
      .round-btn.confirm-btn.js-loading:after {
        opacity: 0.7;
        content: '\e90d';
        font-size: 30px;
        line-height: inherit !important;
        display: inline-block;
        vertical-align: middle;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite; }
      .round-btn.confirm-btn.js-loading span {
        display: none; }
  .round-btn.dim {
    background: #36363D; }
  .round-btn.ribbon-btn {
    background: #E1E7ED;
    font-weight: normal;
    color: #675870; }
    .round-btn.ribbon-btn .ico:before {
      font-size: 20px;
      margin-right: 7px;
      vertical-align: top; }
  .round-btn.audio-btn {
    background-color: #f1eef2;
    color: #675870;
    -webkit-text-fill-color: #675870;
    padding-left: 32px;
    padding-right: 32px; }

.btn-arrow {
  font-size: 200%;
  line-height: 0;
  padding-left: 8px;
  vertical-align: -2px; }

input.round-btn {
  border: none; }

.enter-disc-btn {
  background-color: #EEEEEE;
  padding: 0 20px 0 0;
  color: #D1D1D2; }
  .enter-disc-btn .inner-txt {
    color: #FFF;
    border-radius: 20px;
    background-color: #D1D1D2;
    display: inline-block;
    line-height: inherit;
    padding: 8px 20px;
    margin-right: 10px; }
  .enter-disc-btn:hover {
    color: #95D1D3; }
    .enter-disc-btn:hover .inner-text {
      color: #FFF; }

.loading-status {
  outline: none;
  font-size: 0.7777777778em;
  line-height: 1.1428571429em;
  margin-top: 2.2857142857em;
  margin-bottom: 2.2857142857em;
  font-family: 'Arial', sans-serif;
  color: #8E8993;
  font-style: italic; }
  .loading-status:before {
    opacity: 0.4;
    content: '\e90d';
    font-size: 1.6em;
    line-height: inherit !important;
    display: inline-block;
    vertical-align: middle;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    margin-right: 3px;
    margin-top: -3px;
    margin: -4px 3px 0;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite; }
  .loading-status span {
    display: none; }

.full-width-text {
  max-width: 680px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 740px) {
    .full-width-text {
      margin-right: 30px;
      margin-left: 30px; } }
  @media only screen and (max-width: 480px) {
    .full-width-text {
      margin-right: 15px;
      margin-left: 15px; } }

.todo {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2000;
  text-align: center; }
  .todo ul {
    text-align: left;
    max-width: 300px;
    display: inline-block;
    background: #fbf023;
    border-bottom: 1px solid #e8d420;
    padding: 16px 16px 16px 32px;
    margin: 0 7px 10px 0; }
    .todo ul li {
      font-size: 0.7222222222em;
      line-height: 1.6em;
      margin-top: 0em;
      margin-bottom: 0em;
      font-family: 'Arial', sans-serif; }
      .todo ul li h3 {
        margin: 0; }

.banner-basic-square {
  overflow: hidden;
  margin-bottom: 16px;
  border-radius: 4px; }
  .banner-basic-square img {
    width: 100%;
    height: auto;
    float: left; }

.flexgrid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.loading {
  text-align: center;
  padding: 16px 20px;
  font-family: 'Arial', sans-serif;
  font-size: 0.8em;
  font-style: italic;
  color: #8E8993; }

.partner-line {
  text-align: center;
  color: #8E8993;
  font-family: 'Arial', sans-serif;
  font-size: 0.7777777778em;
  line-height: 2.2857142857em;
  margin-top: -2.2857142857em;
  margin-bottom: 1.7142857143em; }
  .partner-line img {
    margin-left: 5px;
    vertical-align: middle; }
  .home-page .partner-line {
    margin: -16px 0 32px 0; }
  @media only screen and (max-width: 480px) {
    .partner-line {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8); }
      .home-page .partner-line {
        margin: -24px 0 16px 0; } }

.bottom-share {
  float: right; }
  @media only screen and (max-width: 460px) {
    .bottom-share {
      float: none;
      margin-top: 16px; } }
  .bottom-share .share-btn {
    display: none; }
  .bottom-share .round-btn {
    cursor: pointer;
    margin-top: 2px; }
  .bottom-share .enter-disc-btn {
    padding: 0;
    background-color: transparent; }
    .bottom-share .enter-disc-btn .inner-txt {
      margin: 0;
      -webkit-transition: 1s linear;
      -o-transition: 1s linear;
      transition: 1s linear; }
  .bottom-share .enter-disc-btn-visible .inner-txt {
    background-color: #A1CFD2; }
  .bottom-share .share-buttons {
    float: none;
    margin-left: 0;
    margin-top: 20px; }
    @media only screen and (min-width: 375px) {
      .bottom-share .share-buttons {
        float: right;
        margin-left: 20px;
        margin-top: 0; } }
  .bottom-share.activated .share-buttons {
    display: block; }
  .bottom-share.activated .share-btn {
    display: none; }

.bottom-space {
  margin-bottom: 80px; }

.no-break {
  white-space: nowrap; }

#cookie-bar {
  background: #36363D;
  height: auto;
  line-height: 32px;
  color: #EBEBEC;
  text-align: center;
  padding: 8px 5px;
  font-family: "Open Sans", 'Arial', sans-serif;
  font-size: 0.7777777778em;
  line-height: 1.7142857143em;
  margin-top: 0em;
  margin-bottom: 0em; }

#cookie-bar p {
  margin: 0;
  padding: 0; }

#cookie-bar .cb-enable {
  background: #8e8a94;
  color: #FFF;
  margin-left: 4px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.8888888889em;
  line-height: 0.8em;
  margin-top: 0em;
  margin-bottom: 0em;
  padding: 8px 20px;
  border-radius: 20px;
  text-decoration: none;
  -webkit-transition-property: transform;
  -o-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 100ms;
  -o-transition-duration: 100ms;
  transition-duration: 100ms;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  border: none; }
  #cookie-bar .cb-enable:hover {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px); }

#cookie-bar .cb-policy {
  color: inherit;
  display: inline-block;
  margin: 0 6px;
  font-size: 0.8888888889em;
  line-height: 2em;
  margin-top: 0em;
  margin-bottom: 0em; }

.img-src-info {
  color: rgba(255, 255, 255, 0.6);
  font-family: 'Arial', sans-serif;
  font-size: 0.6111111111em;
  line-height: 2.1818181818em;
  margin-top: 1.4545454545em;
  margin-bottom: 1.4545454545em; }
  @media only screen and (min-width: 1024px) {
    .img-src-info {
      display: block; } }
  .img-src-info a {
    color: inherit;
    text-decoration: none; }
    .img-src-info a:hover {
      text-decoration: underline; }
  .img-col .img-src-info {
    position: absolute;
    left: 16px;
    bottom: 8px;
    z-index: 0;
    margin: 0; }
  .serie-hp-heading .img-src-info {
    position: absolute;
    right: 10px;
    bottom: 0; }
    @media only screen and (max-width: 767px) {
      .serie-hp-heading .img-src-info {
        position: static;
        margin-bottom: 0; } }

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #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; } }

input[type="text"], input[type="email"], input[type="password"], input[type="number"],
textarea {
  font-size: 0.7222222222em;
  line-height: 1.2307692308em;
  margin-top: 0em;
  margin-bottom: 0em;
  font-family: 'Arial', sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 10px;
  color: #434343;
  border: 1px solid #E1E1E2; }
  input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #8E8993;
    font-style: italic;
    font-weight: normal; }
  input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="number"]::-moz-placeholder,
  textarea::-moz-placeholder {
    color: #8E8993;
    font-style: italic;
    font-weight: normal; }
  input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #8E8993;
    font-style: italic;
    font-weight: normal; }
  input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="number"]:-moz-placeholder,
  textarea:-moz-placeholder {
    color: #8E8993;
    font-style: italic;
    font-weight: normal; }
  .controls input[type="text"], .controls input[type="email"], .controls input[type="password"], .controls input[type="number"], .controls
  textarea {
    width: 100%;
    border-radius: 8px;
    font-size: 0.8888888889em;
    line-height: 1.5em;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-bottom: 8px;
    border: none;
    border-top: 1px solid #e8e6c7; }

.controls input[type="number"] {
  width: 70px; }

.newsletter-form input[type="email"] {
  font-size: 0.7222222222em;
  line-height: 1.2307692308em;
  margin-top: 0em;
  margin-bottom: 0em;
  border-radius: 8px;
  padding: 11.2px 10px;
  width: 170px;
  margin-bottom: 16px; }

.newsletter-form label {
  display: block;
  font-family: 'Arial', sans-serif;
  font-size: 0.7222222222em;
  line-height: 1.2307692308em;
  margin-top: 0em;
  margin-bottom: 1.2307692308em;
  font-weight: bold;
  color: #434343; }

.control-label {
  font-size: 0.7777777778em;
  line-height: 1.1428571429em;
  margin-top: 0em;
  margin-bottom: 0.5714285714em;
  font-family: "Open Sans", 'Arial', sans-serif;
  font-style: italic;
  color: #434343;
  min-width: 100px; }
  .subscriber .order-form .control-label {
    display: inline-block;
    margin-right: 5px;
    min-width: 0px; }
  .subscriber .order-form .invoice-form .control-label {
    display: block;
    margin-right: 0px; }

.controls select {
  min-width: 150px; }

.subscriber .order-form .controls {
  display: inline-block; }

.subscriber .order-form .invoice-form .controls {
  display: block; }

.subscriber .control-group {
  padding: 8px 0; }

.required-field-info {
  display: none; }

.invoice-switch.control-group {
  padding: 16px 0; }

.invoice-switch label {
  display: inline-block; }

.invoice-switch .controls {
  display: inline-block;
  float: left;
  margin-right: 7px; }

.text-error, .errorlist {
  font-size: 0.7222222222em;
  line-height: 1.8461538462em;
  margin-top: 0em;
  margin-bottom: 0em;
  color: red;
  font-family: "Open Sans", 'Arial', sans-serif;
  font-weight: bold;
  display: block;
  margin-top: -8px; }

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

.top-nav {
  position: relative; }
  .top-nav .navbar-header {
    background: #F7F7F7;
    height: 92px; }
    .top-nav .navbar-header .inner {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      max-width: 1050px;
      padding-right: 25px;
      padding-left: 25px;
      margin-right: auto;
      margin-left: auto;
      margin: 0 auto;
      padding-top: 30px; }
      @media only screen and (max-width: 480px) {
        .top-nav .navbar-header .inner {
          padding-right: 15px;
          padding-left: 15px; } }
  .top-nav .top-main-nav {
    background: #F7F7F7; }
    .top-nav .top-main-nav .inner {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      max-width: 1050px;
      padding-right: 25px;
      padding-left: 25px;
      margin-right: auto;
      margin-left: auto;
      position: relative; }
      @media only screen and (max-width: 480px) {
        .top-nav .top-main-nav .inner {
          padding-right: 15px;
          padding-left: 15px; } }
      .top-nav .top-main-nav .inner:after {
        clear: both;
        content: '';
        display: table; }
  .top-nav .menu-item-audio {
    position: relative;
    padding-right: 5px; }
  .top-nav .new-item:after {
    content: 'Nové';
    text-transform: uppercase;
    color: #ED7666;
    font-size: 0.6em;
    position: relative;
    top: -17px;
    left: -12px; }
  .top-nav ul.top-main-nav-primary {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 52px; }
    .top-nav ul.top-main-nav-primary > li {
      display: inline-block;
      font-size: 0.7777777778em;
      line-height: 2.2857142857em;
      margin-top: 0.4571428571em;
      margin-bottom: 0.4571428571em;
      font-family: "Open Sans", 'Arial', sans-serif;
      font-weight: bold;
      margin-right: 10px; }
      .top-nav ul.top-main-nav-primary > li.menu-item-subscription {
        border-left: 1px solid #c7c7c9;
        padding-left: 12px; }
      .top-nav ul.top-main-nav-primary > li a {
        text-decoration: none;
        color: #675870;
        opacity: 0.9; }
        .top-nav ul.top-main-nav-primary > li a:hover {
          color: #000; }
      .top-nav ul.top-main-nav-primary > li.service {
        float: right;
        font-weight: normal;
        margin: 0 0 0 10px;
        font-size: 0.7222222222em;
        line-height: 2.4615384615em;
        margin-top: 0.4923076923em;
        margin-bottom: 0.4923076923em; }
        .top-nav ul.top-main-nav-primary > li.service a {
          opacity: 1;
          outline: 0;
          color: #8e8c92; }
          .top-nav ul.top-main-nav-primary > li.service a:hover {
            color: black; }
          .top-nav ul.top-main-nav-primary > li.service a:after {
            margin-top: -2px; }
        .top-nav ul.top-main-nav-primary > li.service .icon-user-after span {
          display: inline; }
        @media only screen and (max-width: 950px) {
          .top-nav ul.top-main-nav-primary > li.service .icon-user-after span {
            display: none; } }
      .top-nav ul.top-main-nav-primary > li.service.menu-gift a {
        color: #ED7666; }
        .top-nav ul.top-main-nav-primary > li.service.menu-gift a:hover {
          color: black; }
      .top-nav ul.top-main-nav-primary > li .icon-home {
        vertical-align: middle; }
        .top-nav ul.top-main-nav-primary > li .icon-home:before {
          font-size: 21px;
          margin-top: -7px; }
    .top-nav ul.top-main-nav-primary.top-right-menu {
      position: absolute;
      top: -80px;
      right: 20px; }
  .top-nav .burger {
    display: none; }
  @media only screen and (min-width: 715px) {
    .top-nav .menu-item-mobile-only {
      display: none !important; } }
  @media only screen and (max-width: 715px) {
    .top-nav .top-main-nav {
      display: none; }
    .top-nav ul.top-main-nav-primary {
      padding-top: 16px;
      height: auto;
      text-align: center; }
      .top-nav ul.top-main-nav-primary > li {
        display: block;
        text-align: center;
        margin-right: 0; }
        .top-nav ul.top-main-nav-primary > li.service {
          float: none;
          display: inline-block;
          margin: 10px 10px; }
          .top-nav ul.top-main-nav-primary > li.service .round-icon:after {
            margin: 0; }
        .top-nav ul.top-main-nav-primary > li.menu-item-subscription {
          border-left: none;
          padding-left: 0; }
      .top-nav ul.top-main-nav-primary.top-right-menu {
        padding-top: 0;
        position: static;
        top: 0;
        right: 0;
        margin-top: 8px;
        margin-bottom: 16px; }
        .top-nav ul.top-main-nav-primary.top-right-menu li {
          float: none;
          display: inline-block;
          margin-top: 0;
          margin-bottom: 0; }
    .top-nav .navbar-header {
      height: 56px; }
      .top-nav .navbar-header .inner {
        padding-top: 5px; }
    .top-nav .navbar-brand {
      -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
      transform: scale(0.7);
      -ms-transform-origin: left center;
      -webkit-transform-origin: left center;
      transform-origin: left center; }
    .top-nav .burger {
      display: block;
      float: right;
      margin-top: 13px; } }

.navbar-brand {
  width: 220px;
  height: 43px;
  display: inline-block;
  background: url("/static/img/logo.png?4caedb7cca6a") 0 0 no-repeat transparent;
  background-size: 263px; }
  @media (-o-min-device-pixel-ratio: 150 / 100), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
    .navbar-brand {
      background: url("/static/img/logo@2x.png?4caedb7cca6a") 0 0 no-repeat transparent;
      background-size: 263px; } }

a.to-top {
  opacity: 0.9;
  position: fixed;
  bottom: 15px;
  right: 15px;
  width: 45px;
  height: 45px;
  background: #ece8e1;
  background: #FFF;
  line-height: 45px;
  text-align: center;
  text-transform: uppercase;
  color: #675870;
  border: 1px solid #e6e0d8;
  border: 1px solid #E1E1E2;
  cursor: pointer;
  font-family: 'Arial', sans-serif;
  border-radius: 30px;
  -webkit-transform: translateY(130%);
  -ms-transform: translateY(130%);
  transform: translateY(130%);
  -webkit-transition-property: transform;
  -o-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  z-index: 100; }
  a.to-top:before {
    content: "\e90e"; }
  a.to-top.to-top-visible {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

.top-ribbon {
  background: #F2F5F8;
  border-bottom: #cdd7e4 1px solid;
  z-index: 200; }
  @media only screen and (max-width: 715px) {
    .top-ribbon {
      display: none; } }
  .top-ribbon.top-ribbon__fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-130%);
    -ms-transform: translateY(-130%);
    transform: translateY(-130%);
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    visibility: hidden; }
    .top-ribbon.top-ribbon__fixed.to-top-visible {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      visibility: visible; }
  .top-ribbon .inner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 1650px;
    padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
    margin: 0 auto;
    padding-top: 12.8px;
    padding-bottom: 12.8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media only screen and (max-width: 480px) {
      .top-ribbon .inner {
        padding-right: 15px;
        padding-left: 15px; } }

.top-ribbon-promo {
  display: inline-block;
  overflow: visible;
  white-space: nowrap;
  font-size: 0.8888888889em;
  line-height: 2em;
  margin-top: 0em;
  margin-bottom: 0em;
  font-family: "Open Sans", 'Arial', sans-serif;
  vertical-align: middle;
  color: #675870; }
  .flexbox .top-ribbon-promo {
    width: 150px; }
    @media only screen and (max-width: 900px) {
      .flexbox .top-ribbon-promo {
        width: auto; } }
  .top-ribbon-promo a {
    color: #ED7666; }
    .top-ribbon-promo a:hover {
      color: #000; }

.article-list-box {
  float: left;
  width: 20%;
  margin-bottom: 32px; }
  .article-list-box.serie-box {
    width: 40%; }
    .article-list-box.serie-box .a-title h3 {
      padding: 16px 15px;
      font-size: 0.8888888889em;
      line-height: 2em;
      margin-top: 0em;
      margin-bottom: 0em; }
      @media only screen and (max-width: 767px) {
        .article-list-box.serie-box .a-title h3 {
          font-size: 0.8888888889em;
          line-height: 1.2em;
          margin-top: 0em;
          margin-bottom: 0em; } }
  @media only screen and (max-width: 867px) {
    .article-list-box {
      width: 33.3%; }
      .article-list-box.serie-box {
        width: 50%; } }
  @media only screen and (max-width: 480px) {
    .article-list-box {
      width: 50%;
      display: block; }
      .article-list-box.serie-box {
        display: none; } }
  .article-list-box .img-anchor {
    position: relative;
    display: block;
    overflow: hidden; }
    .article-list-box .img-anchor .feature-info {
      bottom: 10px; }
    .article-list-box .img-anchor .like-wrapper {
      display: block; }
    .article-list-box .img-anchor .like-text {
      display: none; }
  .no-flexbox .article-list-box {
    min-height: 365px; }
  .article-list-box .a-thumb {
    width: 100%;
    float: left; }
  .article-list-box .a-title {
    clear: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-position: center center;
    overflow: hidden; }
    .article-list-box .a-title h3 {
      font-size: 0.8888888889em;
      line-height: 1.2em;
      margin-top: 0em;
      margin-bottom: 0em;
      padding: 16px 15px;
      background-color: rgba(0, 0, 0, 0.11);
      -webkit-box-shadow: 0px 0px 40px 20px rgba(0, 0, 0, 0.11);
      box-shadow: 0px 0px 40px 20px rgba(0, 0, 0, 0.11);
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      min-height: 72px; }
      .article-list-box .a-title h3 a {
        color: #FFF;
        text-decoration: none;
        font-family: "Open Sans", 'Arial', sans-serif; }
        .article-list-box .a-title h3 a:hover {
          text-decoration: underline; }
      .article-list-box .a-title h3 .count {
        font-size: 0.7em;
        font-family: "Lora","Georgia", serif;
        line-height: inherit;
        font-style: italic;
        font-weight: normal;
        opacity: 0.6;
        letter-spacing: 0.05em; }
  .article-list-box .a-intro {
    font-size: 0.7222222222em;
    line-height: 1.8461538462em;
    margin-top: 0em;
    margin-bottom: 0em;
    padding: 8px 10px 8px 15px;
    color: #434343;
    min-height: 80px;
    letter-spacing: -0.01em; }
  .article-list-box .a-author {
    margin-top: 8px; }
    .article-list-box .a-author p.author {
      font-size: 0.6666666667em;
      line-height: 1.3333333333em;
      margin-top: 0em;
      margin-bottom: 0em;
      font-style: italic;
      color: #908f8f;
      padding: 0 10px 0 15px;
      word-break: normal; }
    .article-list-box .a-author p.category {
      padding: 0 10px 0 15px;
      line-height: 24px; }

.articles-read-more, .article-flex-list, .audio-topic-list, .jscroll-inner, .jscroll-added {
  clear: both; }
  .flexbox .articles-read-more, .flexbox .article-flex-list, .flexbox .audio-topic-list, .flexbox .jscroll-inner, .flexbox .jscroll-added {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .no-flexbox .articles-read-more, .no-flexbox .article-flex-list, .no-flexbox .audio-topic-list, .no-flexbox .jscroll-inner, .no-flexbox .jscroll-added {
    *zoom: 1; }
    .no-flexbox .articles-read-more:before, .no-flexbox .articles-read-more:after, .no-flexbox .article-flex-list:before, .no-flexbox .audio-topic-list:before, .no-flexbox .article-flex-list:after, .no-flexbox .audio-topic-list:after, .no-flexbox .jscroll-inner:before, .no-flexbox .jscroll-inner:after, .no-flexbox .jscroll-added:before, .no-flexbox .jscroll-added:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .no-flexbox .articles-read-more:after, .no-flexbox .article-flex-list:after, .no-flexbox .audio-topic-list:after, .no-flexbox .jscroll-inner:after, .no-flexbox .jscroll-added:after {
      clear: both; }
  @media only screen and (max-width: 767px) {
    .articles-read-more .full-col, .articles-read-more.full-col, .article-flex-list .full-col, .audio-topic-list .full-col, .article-flex-list.full-col, .full-col.audio-topic-list, .jscroll-inner .full-col, .jscroll-inner.full-col, .jscroll-added .full-col, .jscroll-added.full-col {
      padding-left: 0;
      padding-right: 0; } }

.jscroll-added {
  width: 100%; }

.subscription-page .articles-read-more {
  margin-bottom: 48px; }

.articles-read-more-cont {
  padding: 48px 0 0;
  background: #EBEBEC; }
  .articles-read-more-cont h4.small-title {
    text-align: center; }
  .articles-read-more-cont.related-articles {
    background: #EBEBEC; }
    @media only screen and (max-width: 480px) {
      .articles-read-more-cont.related-articles {
        background: #FFF; }
        .articles-read-more-cont.related-articles .article-list-box:nth-of-type(n+5) {
          display: none; } }
  .articles-read-more-cont .btn-line {
    padding: 0px 0 48px;
    text-align: center; }
  .articles-read-more-cont + .articles-read-more-cont {
    padding-top: 0; }
  @media only screen and (max-width: 767px) {
    .articles-read-more-cont .full-col, .articles-read-more-cont.full-col {
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (max-width: 480px) {
    .articles-read-more-cont {
      padding: 24px 0 0;
      background: #FFF; } }

.list-filter-simple {
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  float: right;
  margin: -88px 0 32px;
  z-index: 10;
  position: relative; }
  @media only screen and (max-width: 600px) {
    .list-filter-simple {
      float: none;
      margin-top: 0;
      margin-bottom: 40px; }
      .list-filter-simple:after {
        display: table;
        content: '';
        clear: both; } }
  .list-filter-simple li {
    float: left; }
    .list-filter-simple li a {
      font-size: 0.7222222222em;
      line-height: 1.2307692308em;
      margin-top: 0em;
      margin-bottom: 0em;
      font-family: "Open Sans", 'Arial', sans-serif;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 8px 10px;
      text-decoration: none;
      font-weight: bold;
      color: #8e8a94;
      border: 1px solid #c1bfc5; }
      .list-filter-simple li a:hover {
        background: #e8e7e9; }
    .list-filter-simple li.active a {
      background: #8e8a94;
      color: #FFF;
      border-color: #8e8a94; }
    .list-filter-simple li:first-child a {
      border-radius: 32px 0 0 32px;
      border-right: 0;
      padding-left: 15px; }
    .list-filter-simple li:last-child a {
      border-radius: 0 32px 32px 0;
      border-left: 0;
      padding-right: 15px; }

.top-up-title {
  font-size: 0.7222222222em;
  line-height: 1.2307692308em;
  margin-top: 0em;
  margin-bottom: -1.2307692308em;
  font-family: 'Arial', sans-serif;
  text-transform: uppercase;
  color: #FFF;
  opacity: 0.5;
  font-weight: bold;
  letter-spacing: 0.02em; }

.home-events {
  background: #F0F0F0;
  text-align: center;
  padding: 32px 0 16px; }
  .home-events .event {
    margin-bottom: 32px; }
    .home-events .event .feature-info {
      display: none; }
    @media only screen and (max-width: 1000px) {
      .home-events .event:nth-of-type(n+3) {
        display: none; } }
    @media only screen and (max-width: 670px) {
      .home-events .event {
        margin-bottom: 16px; }
        .home-events .event:nth-of-type(n+2) {
          display: none; } }
    @media only screen and (max-width: 325px) {
      .home-events .event {
        margin-bottom: 0; } }

.home-page .books-display-cont {
  margin-top: 48px; }

.hp-main {
  margin-bottom: 32px;
  padding-top: 0; }
  @media only screen and (max-width: 480px) {
    .hp-main {
      margin-bottom: 0; } }
  .hp-main .hp-list-articles {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 65%;
    float: left; }
  .hp-main aside {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: right;
    width: 35%; }
    .hp-main aside .inner {
      margin-left: 20px; }
  @media only screen and (max-width: 767px) {
    .hp-main aside, .hp-main .hp-list-articles {
      float: none;
      width: auto; }
      .hp-main aside .inner, .hp-main .hp-list-articles .inner {
        margin-left: 0; } }

section.hp-post {
  margin-bottom: 40px; }
  section.hp-post .thumb-cont {
    float: left;
    width: 35%;
    position: relative; }
    section.hp-post .thumb-cont img {
      width: 100%;
      float: left;
      border-radius: 2px; }
  section.hp-post .text-cont {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: right;
    width: 65%;
    padding-left: 20px; }
  section.hp-post h3 {
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 1.3333333333em;
    line-height: 1.3333333333em;
    margin-top: 0.3333333333em;
    margin-bottom: 0.3333333333em; }
    @media only screen and (max-width: 880px) {
      section.hp-post h3 {
        margin-top: 0; } }
    @media only screen and (max-width: 480px) {
      section.hp-post h3 {
        margin-top: 8px; } }
    section.hp-post h3 a {
      text-decoration: none; }
  section.hp-post p.intro {
    color: #434343;
    font-size: 0.8333333333em;
    line-height: 1.6em;
    margin-top: 0em;
    margin-bottom: 1.0666666667em; }
  @media only screen and (max-width: 480px) {
    section.hp-post {
      margin-bottom: 32px; }
      section.hp-post .thumb-cont, section.hp-post .text-cont {
        width: auto;
        float: none;
        position: relative;
        overflow: hidden;
        padding-left: 0; }
        section.hp-post .thumb-cont img, section.hp-post .text-cont img {
          margin-bottom: 8px; } }

.post-info {
  display: inline-block;
  border-top: 1px solid #e3e1db; }
  .post-info .category, .post-info .tags li, .tags .post-info li {
    margin: 0 5px; }

.btn-discussion {
  background: #EFF8F8;
  font-size: 0.7222222222em;
  line-height: 1.6923076923em;
  margin-top: 0em;
  margin-bottom: 0em;
  font-family: "Open Sans", 'Arial', sans-serif;
  font-weight: bold;
  color: #95D1D3;
  text-align: center;
  vertical-align: middle;
  min-width: 40px;
  border-radius: 22px; }
  .hp-heading .btn-discussion {
    color: #FFF;
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.4);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: 5px; }

.hp-comments {
  background: #EFF8F8;
  border-radius: 4px;
  padding: 0 20px 8px;
  margin-bottom: 16px; }
  .hp-comments .small-title {
    text-align: center;
    padding-top: 24px;
    margin-bottom: 24px; }
  .hp-comments .comment-avatar, .hp-comments .author-rich-avatar {
    float: left;
    margin-right: 10px; }
  .hp-comments .author {
    line-height: 19.2px; }
  .hp-comments h5 {
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 0.7222222222em;
    line-height: 1.4769230769em;
    margin-top: 0em;
    margin-bottom: 0em; }
    .hp-comments h5 a {
      text-decoration: none; }

.hp-comment-message {
  font-size: 0.6666666667em;
  line-height: 1.7333333333em;
  margin-top: 0.6666666667em;
  margin-bottom: 2em; }
  .hp-comment-message a {
    color: #8E8993;
    text-decoration: none;
    display: block; }

.avatar-cont .profession, .author-rich-cont .profession {
  font-size: 0.6666666667em;
  line-height: 1.3333333333em;
  margin-top: 0.4em;
  margin-bottom: 0em;
  font-family: 'Arial', sans-serif;
  color: #8E8993; }

.avatar-cont a, .author-rich-cont a {
  text-decoration: none; }
  .avatar-cont a:hover .author, .author-rich-cont a:hover .author {
    color: #000; }

.comment-avatar, .author-rich-avatar {
  width: 40px;
  height: 40px;
  border-radius: 20px; }

.mindlab-banner {
  padding: 16px;
  background: #8DC9CB;
  border-radius: 4px; }
  .mindlab-banner img {
    width: 100%; }

.event {
  max-width: 310px;
  display: inline-block;
  margin: 0 10px 16px;
  background: #FFF;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition-property: transform;
  -o-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  text-align: center;
  position: relative;
  vertical-align: top; }
  .event:hover {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px); }
  .a-insert .event {
    background: #F0F0F0; }
  .event img {
    width: 100%;
    float: left;
    margin-bottom: 16px; }
  .event .date {
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 0.6666666667em;
    line-height: 2em;
    margin-top: 0em;
    margin-bottom: 0em;
    color: #8E8993;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-weight: bold;
    clear: left; }
  .event .author {
    margin: 8px 0 24px; }
  .event h3 {
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 0.9444444444em;
    line-height: 1.4117647059em;
    margin-top: 0em;
    margin-bottom: 0.2823529412em;
    color: #36363D;
    letter-spacing: 0.02em;
    padding: 0 10px; }
    .event h3 a {
      text-decoration: none; }
  .event .event-full {
    position: absolute;
    z-index: 2;
    width: 107px;
    height: auto;
    top: 0;
    right: 0;
    pointer-events: none; }

.event-list-page h2, .event-list-page h1 {
  font-family: "Open Sans", 'Arial', sans-serif;
  font-size: 2.7777777778em;
  line-height: 0.96em;
  margin-top: 0.32em;
  margin-bottom: 0.96em; }
  @media only screen and (max-width: 767px) {
    .event-list-page h2, .event-list-page h1 {
      font-size: 2.5em;
      line-height: 1.0666666667em;
      margin-top: 0.3555555556em;
      margin-bottom: 1.0666666667em; } }
  @media only screen and (max-width: 480px) {
    .event-list-page h2, .event-list-page h1 {
      font-size: 1.5555555556em;
      line-height: 1.1428571429em;
      margin-top: 0.5714285714em;
      margin-bottom: 1.1428571429em; } }

.event-list-page .event {
  vertical-align: top;
  background: #F7F7F7;
  margin-bottom: 32px; }
  @media only screen and (max-width: 480px) {
    .event-list-page .event {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%;
      max-width: 1000px;
      margin: 0 0 16px; } }

.capacity-over-title {
  font-family: "Open Sans", 'Arial', sans-serif;
  font-size: 1.2222222222em;
  line-height: 1.4545454545em;
  margin-top: 0em;
  margin-bottom: 1.4545454545em; }

.already-interested {
  font-style: italic; }

.a-author-top {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1080px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto; }
  @media only screen and (max-width: 480px) {
    .a-author-top {
      padding-right: 15px;
      padding-left: 15px; } }
  .a-author-top .author-cont {
    float: left;
    margin-right: 20px;
    margin-bottom: 24px;
    margin-left: 0;
    width: 120px;
    text-align: center; }
    @media only screen and (max-width: 1026px) {
      .a-author-top .author-cont {
        float: right;
        margin-right: 0;
        margin-left: 30px;
        width: 130px;
        margin-bottom: 0; }
        .a-author-top .author-cont .avatar {
          float: none !important;
          margin-bottom: 0 !important; } }
    @media only screen and (max-width: 480px) {
      .a-author-top .author-cont {
        display: none; } }
    .a-author-top .author-cont .avatar {
      margin-bottom: 5px;
      width: 100px; }
    .a-author-top .author-cont h3 {
      font-style: italic;
      font-size: 0.8888888889em;
      line-height: 1.3em;
      margin-top: 0em;
      margin-bottom: 0em;
      color: #8E8993;
      font-weight: normal;
      text-align: center;
      margin: 0 0 16px; }
      .a-author-top .author-cont h3 a {
        color: #8E8993;
        text-decoration: none; }
        .a-author-top .author-cont h3 a:hover {
          color: #000; }
    .a-author-top .author-cont .publish-date-detail {
      font-family: 'Arial', sans-serif;
      font-size: 0.7222222222em;
      line-height: 1.2307692308em;
      margin-top: 0em;
      margin-bottom: 2.4615384615em;
      color: #8E8993;
      opacity: 0.8; }
  .a-author-top .advisory-author-cont {
    text-align: center;
    margin-top: 56px;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767px) {
      .a-author-top .advisory-author-cont {
        display: none; } }
    .a-author-top .advisory-author-cont h3 {
      font-size: 0.7777777778em;
      line-height: 1.4857142857em;
      margin-top: 0em;
      margin-bottom: 0em; }
    .a-author-top .advisory-author-cont .avatar {
      float: none;
      width: 90px;
      display: inline-block;
      margin-bottom: 0; }

.advisory-heading {
  overflow: hidden; }

.avatar {
  width: 120px;
  border-radius: 60px; }

.a-tags-top {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1160px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto; }
  @media only screen and (max-width: 480px) {
    .a-tags-top {
      padding-right: 15px;
      padding-left: 15px; } }
  @media only screen and (max-width: 480px) {
    .a-tags-top {
      display: none; } }
  .a-tags-top .inner {
    clear: right;
    width: 160px;
    float: right;
    margin-left: 30px;
    margin-bottom: 24px; }
    @media only screen and (max-width: 1026px) {
      .a-tags-top .inner {
        text-align: center;
        width: 130px; } }
    .advisory-page .a-tags-top .inner {
      margin-top: 24px; }
  .a-tags-top .tags {
    margin: 8px 0 48px; }
  .a-tags-top .tags li, .a-tags-top .category, .a-tags-top .tags li, .tags .a-tags-top li {
    font-size: 0.6666666667em;
    line-height: 1.3333333333em;
    margin-top: 0em;
    margin-bottom: 0.6666666667em; }

.cat-title {
  font-size: inherit;
  line-height: 16px;
  margin: inherit; }

.author-box {
  border-top: 1px solid #E1E1E2;
  border-bottom: 1px solid #E1E1E2; }
  .author-box .author-info-n {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 730px;
    padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
    text-align: left; }
    @media only screen and (max-width: 480px) {
      .author-box .author-info-n {
        padding-right: 15px;
        padding-left: 15px; } }
    .author-box .author-info-n .author-avatar-n {
      width: 110px; }
      .author-box .author-info-n .author-avatar-n img {
        width: 90px;
        float: left;
        margin-bottom: 0; }
      @media only screen and (max-width: 480px) {
        .author-box .author-info-n .author-avatar-n {
          width: 80px; }
          .author-box .author-info-n .author-avatar-n img {
            width: 70px; } }
    .author-box .author-info-n .inner {
      padding: 24px 0 24px 0;
      display: table;
      width: 100%; }
      @media only screen and (max-width: 480px) {
        .author-box .author-info-n .inner {
          padding: 24px 0 24px 0;
          border-left: none; } }
      .author-box .author-info-n .inner:after {
        content: '';
        display: table;
        clear: both; }
    .author-box .author-info-n:after {
      content: '';
      display: table;
      clear: both; }
    .author-box .author-info-n .author-avatar-n, .author-box .author-info-n .articles-num, .author-box .author-info-n .author-info-text-n {
      display: table-cell;
      vertical-align: middle; }
    .author-box .author-info-n .author-info-text-n {
      margin-left: 110px; }
      @media only screen and (max-width: 480px) {
        .author-box .author-info-n .author-info-text-n {
          margin-left: 85px; } }
      .author-box .author-info-n .author-info-text-n h3 {
        font-size: 1.1111111111em;
        line-height: 1.6em;
        margin-top: 0em;
        margin-bottom: 0em;
        font-family: "Georgia", serif;
        letter-spacing: -0.01em;
        font-weight: normal;
        padding-top: 4.8px; }
        @media only screen and (max-width: 767px) {
          .author-box .author-info-n .author-info-text-n h3 {
            font-size: 1.0555555556em;
            line-height: 1.6842105263em;
            margin-top: 0em;
            margin-bottom: 0em; } }
        @media only screen and (max-width: 480px) {
          .author-box .author-info-n .author-info-text-n h3 {
            font-size: 1em;
            line-height: 1.3333333333em;
            margin-top: 0em;
            margin-bottom: 0.0888888889em; } }
        .author-box .author-info-n .author-info-text-n h3 a {
          color: #8E8993;
          text-decoration: none; }
          .author-box .author-info-n .author-info-text-n h3 a:hover {
            color: #000; }
      .author-box .author-info-n .author-info-text-n p.about {
        font-family: 'Arial', sans-serif;
        font-size: 0.7777777778em;
        line-height: 1.7142857143em;
        margin-top: 0em;
        margin-bottom: 0em;
        color: #8E8993; }
        @media only screen and (max-width: 480px) {
          .author-box .author-info-n .author-info-text-n p.about {
            font-size: 0.7222222222em;
            line-height: 1.3538461538em;
            margin-top: 0em;
            margin-bottom: 0.1230769231em; } }
        .author-box .author-info-n .author-info-text-n p.about a {
          color: inherit;
          word-break: break-word; }
          .author-box .author-info-n .author-info-text-n p.about a:hover {
            color: #000; }
      .author-box .author-info-n .author-info-text-n .author {
        word-break: normal; }
    .author-box .author-info-n .articles-num {
      font-family: 'Arial', sans-serif;
      color: #8E8993;
      margin-top: 0;
      width: 90px; }
      @media only screen and (max-width: 480px) {
        .author-box .author-info-n .articles-num {
          width: 70px; } }
      .author-box .author-info-n .articles-num .count {
        display: block;
        font-weight: bold;
        text-align: center;
        font-size: 1.1111111111em;
        line-height: 1.2em;
        margin-top: 0.24em;
        margin-bottom: 0.24em; }
      .author-box .author-info-n .articles-num .label {
        font-size: 0.7222222222em;
        line-height: 1.3538461538em;
        margin-top: 0.2461538462em;
        margin-bottom: 0em;
        text-align: center;
        display: block; }
      .author-box .author-info-n .articles-num a {
        color: inherit;
        text-decoration: none; }
        .author-box .author-info-n .articles-num a:hover {
          text-decoration: none;
          color: #000; }
  .author-box + .author-box {
    border-top: none; }
  @media only screen and (max-width: 480px) {
    .author-box:first-child {
      margin-top: 32px; } }
  .author-box:last-child {
    margin-bottom: 64px; }
    @media only screen and (max-width: 480px) {
      .author-box:last-child {
        margin-bottom: 32px; } }

.disc-btn-row {
  max-width: 680px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 64px; }
  @media only screen and (max-width: 740px) {
    .disc-btn-row {
      margin-right: 30px;
      margin-left: 30px; } }
  @media only screen and (max-width: 480px) {
    .disc-btn-row {
      margin-right: 15px;
      margin-left: 15px; } }
  @media only screen and (max-width: 480px) {
    .disc-btn-row {
      margin-bottom: 32px; } }

.top-comment-row {
  margin-bottom: 64px; }
  .top-comment-row .avatar-col {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 730px;
    padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
    text-align: center; }
    @media only screen and (max-width: 480px) {
      .top-comment-row .avatar-col {
        padding-right: 15px;
        padding-left: 15px; } }
    @media only screen and (max-width: 480px) {
      .top-comment-row .avatar-col {
        margin-left: -7px; } }
    .top-comment-row .avatar-col .avatar-cont, .top-comment-row .avatar-col .author-rich-cont {
      width: 90px;
      float: left; }
      .top-comment-row .avatar-col .avatar-cont .author, .top-comment-row .avatar-col .author-rich-cont .author {
        word-break: normal; }
    .top-comment-row .avatar-col a {
      text-decoration: none; }
  .top-comment-row .txt-col {
    max-width: 680px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media only screen and (max-width: 740px) {
      .top-comment-row .txt-col {
        margin-right: 30px;
        margin-left: 30px; } }
    @media only screen and (max-width: 480px) {
      .top-comment-row .txt-col {
        margin-right: 15px;
        margin-left: 15px; } }
    .top-comment-row .txt-col .hp-comment-head, .top-comment-row .txt-col .hp-comment-message {
      max-width: 560px;
      padding-left: 110px; }
      @media only screen and (max-width: 480px) {
        .top-comment-row .txt-col .hp-comment-head, .top-comment-row .txt-col .hp-comment-message {
          padding-left: 90px; } }
  @media only screen and (max-width: 480px) {
    .top-comment-row {
      margin-bottom: 0px; }
      .top-comment-row .small-title {
        text-align: center; } }

.a-insert {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 1040px) {
    .a-insert {
      margin-right: 30px;
      margin-left: 30px; } }
  @media only screen and (max-width: 480px) {
    .a-insert {
      margin-right: 15px;
      margin-left: 15px; } }
  .a-insert .a-banner, .a-insert .event, .a-insert .subscription-adv, .a-insert .books-advert-cont {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    margin: 8px 40px 24px 0;
    width: 310px; }
    @media only screen and (min-width: 480px) and (max-width: 680px) {
      .a-insert .a-banner, .a-insert .event, .a-insert .subscription-adv, .a-insert .books-advert-cont {
        max-width: 250px;
        width: 250px; } }
    @media only screen and (max-width: 480px) {
      .a-insert .a-banner, .a-insert .event, .a-insert .subscription-adv, .a-insert .books-advert-cont {
        float: none !important;
        width: auto;
        margin-right: auto;
        margin-left: auto;
        max-width: 100%;
        margin-bottom: 24px;
        display: block; } }
  .a-insert .books-advert-cont {
    width: 350px; }
    @media only screen and (min-width: 480px) and (max-width: 680px) {
      .a-insert .books-advert-cont {
        max-width: 250px;
        width: 250px; } }
    @media only screen and (max-width: 480px) {
      .a-insert .books-advert-cont {
        text-align: center; } }
  .a-insert .a-banner {
    max-width: 300px; }
    .a-insert .a-banner img {
      width: 100%;
      height: auto; }
  .a-insert.align-right .a-banner, .a-insert.align-right .event, .a-insert.align-right .subscription-adv, .a-insert.align-right .books-advert-cont {
    margin: 8px 0 24px 40px;
    float: right; }
    @media only screen and (max-width: 480px) {
      .a-insert.align-right .a-banner, .a-insert.align-right .event, .a-insert.align-right .subscription-adv, .a-insert.align-right .books-advert-cont {
        float: none !important;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 24px; } }

.a-mega-banner {
  margin: 72px auto 72px;
  max-width: 1600px; }
  @media only screen and (max-width: 1024px) {
    .a-mega-banner {
      margin-top: 40px;
      margin-bottom: 40px; } }
  @media only screen and (max-width: 480px) {
    .a-mega-banner {
      margin-top: 32px;
      margin-bottom: 32px; } }

.medium-insert-images {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 1040px) {
    .medium-insert-images {
      margin-right: 30px;
      margin-left: 30px; } }
  @media only screen and (max-width: 480px) {
    .medium-insert-images {
      margin-right: 15px;
      margin-left: 15px; } }
  .medium-insert-images figure {
    margin-bottom: 24px;
    overflow: hidden; }
  .medium-insert-images img {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    float: left; }
  .medium-insert-images.medium-insert-images-right figure {
    float: right;
    max-width: 350px;
    width: 40%;
    margin: 16px 0 16px 40px; }
  .medium-insert-images.medium-insert-images-left figure {
    float: left;
    max-width: 350px;
    width: 40%;
    margin: 16px 40px 16px 0; }
  .medium-insert-images figcaption {
    text-align: center;
    float: left;
    width: 100%;
    font-size: 0.7222222222em;
    line-height: 1.8461538462em;
    margin-top: 0.6153846154em;
    margin-bottom: 0em;
    font-style: italic;
    color: #8E8993;
    letter-spacing: 0.02em; }

.medium-insert-embeds {
  max-width: 680px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 740px) {
    .medium-insert-embeds {
      margin-right: 30px;
      margin-left: 30px; } }
  @media only screen and (max-width: 480px) {
    .medium-insert-embeds {
      margin-right: 15px;
      margin-left: 15px; } }
  .medium-insert-embeds figure {
    margin-bottom: 24px;
    overflow: hidden; }
  .medium-insert-embeds .video iframe {
    width: 100%;
    height: 380px; }
    @media only screen and (max-width: 600px) {
      .medium-insert-embeds .video iframe {
        height: 300px; } }
    @media only screen and (max-width: 450px) {
      .medium-insert-embeds .video iframe {
        height: 210px; } }
    @media only screen and (max-width: 330px) {
      .medium-insert-embeds .video iframe {
        height: 180px; } }

.buy-tickets-line {
  margin-top: 48px;
  margin-bottom: 48px; }

.about-pay-info {
  padding: 0 0 32px;
  text-align: center;
  margin: 32px auto 32px; }
  .about-pay-info:before {
    display: block;
    content: "...";
    font-size: 50px;
    color: #434343;
    margin-bottom: 48px; }
    @media only screen and (max-width: 480px) {
      .about-pay-info:before {
        margin-bottom: 40px; } }
  @media only screen and (max-width: 600px) {
    .about-pay-info {
      margin-right: 15px;
      margin-left: 15px; } }
  @media only screen and (max-width: 480px) {
    .about-pay-info {
      margin-top: 0;
      padding-bottom: 0; } }
  .about-pay-info .pay-info-title {
    display: block;
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 1.5555555556em;
    line-height: 1.4285714286em;
    margin-top: 0em;
    margin-bottom: 0.5714285714em;
    color: #ED7666; }

.got-subscription {
  font-family: "Open Sans", 'Arial', sans-serif;
  font-size: 0.8333333333em;
  line-height: 2.1333333333em;
  margin-top: 0em;
  margin-bottom: 0em;
  color: #8E8993;
  text-align: center; }
  .got-subscription a {
    color: inherit; }
    .got-subscription a:hover {
      color: #000; }

.owners-quote {
  background: #ED7666;
  padding: 64px 0;
  text-align: center;
  margin-top: 32px; }
  @media only screen and (max-width: 480px) {
    .owners-quote {
      padding: 48px 0 32px; } }
  .a-content .owners-quote {
    width: auto; }
  .owners-quote .inner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 900px;
    padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
    margin: 0 auto; }
    @media only screen and (max-width: 480px) {
      .owners-quote .inner {
        padding-right: 15px;
        padding-left: 15px; } }
  .owners-quote .quote {
    max-width: 480px;
    margin: 0 auto;
    text-align: center;
    color: #FFF;
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 1.5555555556em;
    line-height: 1.4285714286em;
    margin-top: 0em;
    margin-bottom: 0em;
    font-weight: bold;
    letter-spacing: -0.02em; }
    @media only screen and (max-width: 767px) {
      .owners-quote .quote {
        font-size: 1.2222222222em;
        line-height: 1.4545454545em;
        margin-top: 0em;
        margin-bottom: 0em; } }
    @media only screen and (max-width: 600px) {
      .owners-quote .quote {
        font-size: 1.0555555556em;
        line-height: 1.5157894737em;
        margin-top: 0em;
        margin-bottom: 0em; } }
    .owners-quote .quote a {
      text-decoration: none;
      color: #000; }
      .owners-quote .quote a:hover {
        color: #333333; }
  .owners-quote .owner1 {
    float: left;
    margin-right: 20px; }
    @media only screen and (max-width: 580px) {
      .owners-quote .owner1 {
        float: none;
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 24px; } }
  .owners-quote .owner2 {
    float: right;
    margin-left: 20px; }
    @media only screen and (max-width: 580px) {
      .owners-quote .owner2 {
        float: none;
        display: inline-block;
        margin-left: 10px;
        margin-bottom: 24px; } }
  .owners-quote .owner {
    text-align: center;
    margin-top: -20px; }
    .owners-quote .owner .author {
      text-align: center;
      color: #FFF;
      font-size: 0.8333333333em;
      line-height: 1.6em;
      margin-top: 0em;
      margin-bottom: 0em; }
    .owners-quote .owner .expertiese {
      font-size: 0.6666666667em;
      line-height: 1.3333333333em;
      margin-top: 0em;
      margin-bottom: 0em;
      font-family: 'Arial', sans-serif;
      color: #fad6d1; }

.testimonials-cont {
  padding: 64px 0 48px;
  background: #fef7f6;
  width: auto;
  max-width: 1448px;
  margin-left: 0;
  margin-right: calc((100vw - 680px) / -2 + 25px); }
  @media only screen and (max-width: 1336px) {
    .testimonials-cont {
      margin-right: calc((100vw - 580px) / -2 + 25px); } }
  @media only screen and (max-width: 480px) {
    .testimonials-cont {
      padding: 32px 0 32px; } }
  .subscription-page .testimonials-cont {
    padding-bottom: 0; }
  .testimonials-cont .comment-avatar, .testimonials-cont .author-rich-avatar {
    float: left;
    vertical-align: top;
    line-height: 48px;
    margin-right: 7px;
    width: 50px;
    height: 50px;
    border-radius: 25px; }
  .testimonials-cont .avatar-cont, .testimonials-cont .author-rich-cont {
    max-width: 250px;
    display: inline-block;
    min-height: 70px; }
    @media only screen and (max-width: 480px) {
      .testimonials-cont .avatar-cont, .testimonials-cont .author-rich-cont {
        min-height: auto; } }
  .testimonials-cont .group {
    text-align: left;
    margin-left: 60px; }
    @media only screen and (max-width: 480px) {
      .testimonials-cont .group {
        width: 150px; } }
  .testimonials-cont .testimonial-col {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29%;
    float: left;
    margin: 0 2%;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .testimonials-cont .testimonial-col {
        width: 46%; }
        .testimonials-cont .testimonial-col:nth-of-type(n+3) {
          display: none; } }
    @media only screen and (max-width: 480px) {
      .testimonials-cont .testimonial-col {
        width: 100%;
        margin-bottom: 32px; } }
  .testimonials-cont .testimonial-text {
    clear: both;
    font-size: 0.7777777778em;
    line-height: 1.7142857143em;
    margin-top: 0.5714285714em;
    margin-bottom: 0em;
    color: #675870; }
  .testimonials-cont .author {
    padding-top: 10px; }
  .testimonials-cont .btn-row {
    clear: left;
    text-align: center;
    padding: 48px 0 32px; }
    @media only screen and (max-width: 480px) {
      .testimonials-cont .btn-row {
        padding: 16px 0 16px; } }
  .testimonials-cont .not-shure {
    text-align: center;
    color: #ED7666; }
    .subscription-page .testimonials-cont .not-shure {
      display: none; }
  .testimonials-cont h3 {
    text-align: center;
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 1.2222222222em;
    line-height: 1.4545454545em;
    margin-top: 0em;
    margin-bottom: 2.1818181818em; }
    @media only screen and (max-width: 480px) {
      .testimonials-cont h3 {
        font-size: 1.0555555556em;
        line-height: 1.5157894737em;
        margin-top: 0em;
        margin-bottom: 1.6842105263em; } }

.bellow-article-banner {
  margin-bottom: 48px; }
  @media only screen and (max-width: 480px) {
    .bellow-article-banner {
      margin-bottom: 16px; } }

.like-wrapper {
  display: inline-block;
  cursor: pointer; }

.like {
  cursor: pointer;
  margin-right: 5px; }
  .like:before {
    content: "\e910";
    color: #8e8c92;
    font-size: 40px; }
  .like:hover:before {
    color: #ED7666; }
  .active .like:before {
    content: "\e90f";
    color: #ED7666; }
  .active .like:hover {
    opacity: 0.6; }
  .article-list-box .like {
    position: absolute;
    right: 7px;
    top: 2px; }
    .article-list-box .like:before {
      font-size: 26px;
      color: #FFF;
      opacity: 0.8;
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
    .article-list-box .like:hover:before {
      opacity: 1; }

.like-text {
  font-family: 'Arial', sans-serif;
  font-size: .7777777778em;
  margin-top: 0em;
  margin-bottom: 0em;
  color: #8E8993; }

.white-hearth-icon:after {
  color: #FFF;
  border-color: #FFF; }

.like-paid-box {
  background: #ED7666;
  border-radius: 4px;
  margin: 32px 0 0 0;
  text-align: center;
  padding: 32px;
  position: relative; }
  .like-paid-box:before {
    position: absolute;
    top: 5px;
    bottom: 0;
    right: 0;
    left: 0;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 380px;
    line-height: 200px;
    text-indent: -0.05em;
    color: #D96C5D;
    z-index: 1;
    text-align: center; }
  .like-paid-box p {
    color: #FFF;
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 0.8888888889em;
    line-height: 2em;
    margin-top: 0em;
    margin-bottom: 1em;
    font-weight: normal;
    padding: 0 40px; }
    @media only screen and (max-width: 1000px) {
      .like-paid-box p {
        font-size: 0.8888888889em;
        line-height: 1.7em;
        margin-top: 0em;
        margin-bottom: 1em;
        padding: 0 10px; } }
  .like-paid-box a {
    color: #FFF; }
    .like-paid-box a:hover {
      color: #000; }

.a__content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1490px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  box-sizing: border-box; }
  @media only screen and (max-width: 480px) {
    .a__content {
      padding-right: 15px;
      padding-left: 15px; } }
  .a__content * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  @media only screen and (max-width: 480px) {
    .a__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.disc-btn-row {
  margin-right: calc((100% - 680px) / 2);
  margin-left: calc((100% - 680px) / 2);
  max-width: 100%; }
  @media only screen and (max-width: 1336px) {
    .disc-btn-row {
      margin-left: calc((100% - 580px) / 2);
      margin-right: calc((100% - 580px) / 2); } }
  @media only screen and (max-width: 1024px) {
    .disc-btn-row {
      margin-left: 24px;
      margin-right: 24px; } }

.a__article {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto; }
  @media only screen and (max-width: 1024px) {
    .a__article {
      width: auto; } }

.a__aside {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: calc((100% - 680px) / 2);
  padding-left: 48px;
  padding-top: 8px; }
  .a__aside .audio-btn {
    width: 100%;
    text-align: center; }
  @media only screen and (max-width: 1200px) {
    .a__aside > * {
      display: none; } }
  @media only screen and (max-width: 480px) {
    .a__aside > * {
      display: initial; } }
  @media only screen and (max-width: 1336px) {
    .a__aside {
      width: calc((100% - 580px) / 2); } }
  @media only screen and (max-width: 480px) {
    .a__aside {
      display: block;
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1;
      width: auto;
      padding: 24px 16px;
      margin-bottom: 16px;
      margin-left: -15px;
      margin-right: -15px;
      margin-top: -32px;
      text-align: center;
      background-color: #F7F7F7; } }

.a-perex {
  margin-top: 0;
  width: 680px;
  margin-left: calc(100% - 680px); }
  @media only screen and (max-width: 1336px) {
    .a-perex {
      width: 580px;
      margin-left: calc(100% - 580px); } }
  .a-perex p {
    margin-top: 0; }
  @media only screen and (max-width: 1024px) {
    .a-perex {
      margin-left: 0;
      margin-right: 0;
      width: auto; } }

.buy-tickets-line {
  width: 680px;
  margin-left: calc(100% - 680px);
  margin-right: 0; }
  @media only screen and (max-width: 1336px) {
    .buy-tickets-line {
      width: 580px;
      margin-left: calc(100% - 580px); } }
  @media only screen and (max-width: 1024px) {
    .buy-tickets-line {
      margin-left: 0;
      width: 100%; } }

.a-content {
  margin-top: 0; }
  .a-content > *,
  .a-content > blockquote {
    width: 680px;
    margin-left: calc(100% - 680px);
    margin-right: 0; }
    @media only screen and (max-width: 1336px) {
      .a-content > *,
      .a-content > blockquote {
        width: 580px;
        margin-left: calc(100% - 580px); } }
    @media only screen and (max-width: 1024px) {
      .a-content > *,
      .a-content > blockquote {
        margin-left: 0;
        width: 100%; } }
  .a-content.try-yourself-cont {
    width: 680px;
    margin-left: calc(100% - 680px);
    margin-right: 0; }
    @media only screen and (max-width: 1024px) {
      .a-content.try-yourself-cont {
        margin-left: 0;
        width: 100%; } }
  .a-content.google-paywall {
    margin-left: 0;
    width: auto; }
  .a-content .about-pay-info {
    clear: both;
    margin-left: auto;
    margin-right: 0; }
  .a-content .subscriptions-cont,
  .a-content .owners-quote {
    width: auto;
    max-width: 1448px;
    margin-left: 0;
    margin-right: calc((100vw - 680px) / -2 + 25px); }
    @media only screen and (max-width: 1336px) {
      .a-content .subscriptions-cont,
      .a-content .owners-quote {
        margin-right: calc((100vw - 580px) / -2 + 25px); } }

.a__article-content {
  width: 680px; }
  @media only screen and (max-width: 1024px) {
    .a__article-content {
      width: 100%; } }

.a__article-aside {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  width: calc(100% - 680px);
  padding-right: 48px;
  padding-left: 0;
  padding-top: 8px; }
  .advisory-page .a__article-aside {
    width: calc((100% - 680px) - ((100% - 680px) / 2) - 50px); }
    @media only screen and (max-width: 1336px) {
      .advisory-page .a__article-aside {
        width: calc((100% - 580px) - ((100% - 580px) / 2) - 50px); } }
    @media only screen and (max-width: 1024px) {
      .advisory-page .a__article-aside {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .advisory-page .a__article-aside {
        display: none; } }
  @media only screen and (max-width: 1336px) {
    .a__article-aside {
      width: calc(100% - 580px); } }
  @media only screen and (max-width: 1024px) {
    .a__article-aside {
      float: right;
      padding-left: 48px;
      padding-right: 0;
      margin-bottom: 48px;
      width: 130px;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; } }
  @media only screen and (max-width: 480px) {
    .a__article-aside {
      display: none; } }

.a__article__right-aside {
  width: calc((100% - 680px - 146px) / 2);
  margin: 0 0 0 48px;
  float: left; }
  .a__article__right-aside:after {
    content: "";
    display: table;
    clear: left; }

.a-author-top {
  padding: 0;
  margin: 0 0 48px 0; }
  .a-author-top .author-cont {
    padding: 0;
    margin: 0; }
  @media only screen and (max-width: 1024px) {
    .a-author-top {
      width: 130px; } }

.a-tags-top {
  padding: 0 0 0 8px;
  margin: 0;
  width: 120px; }
  .a-tags-top .inner {
    width: 100%;
    margin: 0; }
  .a-tags-top .cat-title {
    text-align: left;
    margin-left: 0; }
    @media only screen and (max-width: 1024px) {
      .a-tags-top .cat-title {
        text-align: right; } }
  @media only screen and (max-width: 1024px) {
    .a-tags-top .tags {
      text-align: right; } }
  @media only screen and (max-width: 1024px) {
    .a-tags-top {
      padding: 0 8px 0 0; } }

.a__cta-block {
  width: auto;
  margin-bottom: 32px;
  padding: 32px;
  background-color: #F7F7F7;
  border-top: 2px solid #89d085; }
  .a__cta-block h3 {
    margin-top: 0;
    padding-top: 0; }
  .a__cta-block .a__cta-block__highlight {
    background-color: #89d085;
    padding-right: 4px;
    padding-left: 4px; }
  .a__cta-block p:last-child {
    margin-bottom: 0; }
  .a__cta-block .subscription-btn {
    background-color: #89d085; }

.advisory-page .a-info {
  float: none;
  display: inline-block; }

.advisory-page .a-disclaimer {
  font-size: 14px;
  color: white;
  font-style: italic; }

.advisory-heading h1 {
  font-family: "Open Sans", 'Arial', sans-serif;
  font-size: 2.3888888889em;
  line-height: 1.3023255814em;
  margin-top: 1.1162790698em;
  margin-bottom: 1.1162790698em;
  font-weight: 700;
  letter-spacing: -0.03em; }
  @media only screen and (max-width: 767px) {
    .advisory-heading h1 {
      font-size: 1.7777777778em;
      line-height: 1.5em;
      margin-top: 1em;
      margin-bottom: 1em; } }
  @media only screen and (max-width: 480px) {
    .advisory-heading h1 {
      font-size: 1.5555555556em;
      line-height: 1.4285714286em;
      margin-top: 0.8571428571em;
      margin-bottom: 0.8571428571em; } }
  @media only screen and (max-width: 767px) {
    .advisory-heading h1 {
      min-height: auto; } }

.advisory-heading .publish-date-advisory-detail {
  font-family: 'Arial', sans-serif;
  font-size: 0.8333333333em;
  line-height: 1.0666666667em;
  margin-top: -2.1333333333em;
  margin-bottom: 2.1333333333em;
  color: #8E8993;
  opacity: 0.8; }
  @media only screen and (max-width: 767px) {
    .advisory-heading .publish-date-advisory-detail {
      font-size: 0.7777777778em;
      line-height: 1.1428571429em;
      margin-top: -1.7142857143em;
      margin-bottom: 1.7142857143em; } }
  @media only screen and (max-width: 480px) {
    .advisory-heading .publish-date-advisory-detail {
      font-size: 0.7777777778em;
      line-height: 1.1428571429em;
      margin-top: -1.1428571429em;
      margin-bottom: 1.7142857143em; } }

.advisory-heading .advisory-title {
  min-height: 110px; }

.advisory-question {
  background: #f8f7ed;
  padding: 32px 0;
  margin-left: -25px;
  margin-right: -25px;
  padding-right: calc((100% - 680px) / 2 + 50px);
  padding-left: calc((100% - 680px) / 2 + 50px); }
  .advisory-question > * {
    max-width: 100%;
    margin-left: 0; }
  @media only screen and (max-width: 767px) {
    .advisory-question {
      padding-right: 25px;
      padding-left: 25px; } }
  @media only screen and (max-width: 480px) {
    .advisory-question {
      padding-top: 16px;
      padding-bottom: 16px; } }

.advisory-answer {
  padding: 24px 0 8px;
  margin-left: -25px;
  margin-right: -25px;
  padding-right: calc((100% - 680px) / 2 + 50px);
  padding-left: calc((100% - 680px) / 2 + 50px); }
  .advisory-answer > * {
    max-width: 100%;
    margin-left: 0; }
  @media only screen and (max-width: 767px) {
    .advisory-answer {
      padding-right: 25px;
      padding-left: 25px; } }
  @media only screen and (max-width: 480px) {
    .advisory-answer {
      padding-top: 16px;
      padding-bottom: 16px; } }
  .advisory-answer h2 {
    text-align: left; }
    @media only screen and (max-width: 767px) {
      .advisory-answer h2 {
        font-size: 1.7777777778em;
        line-height: 1.5em;
        margin-top: 1em;
        margin-bottom: 1em; } }
    @media only screen and (max-width: 480px) {
      .advisory-answer h2 {
        font-size: 1.5555555556em;
        line-height: 1.4285714286em;
        margin-top: 0.8571428571em;
        margin-bottom: 0.8571428571em; } }
  .advisory-answer p span {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important; }

.advisory-promo-cont {
  background: #ED7666;
  text-align: center;
  padding: 64px 25px;
  color: #FFF; }
  @media only screen and (max-width: 480px) {
    .advisory-promo-cont {
      padding-top: 32px;
      padding-bottom: 32px; } }
  .advisory-promo-cont h3, .advisory-promo-cont p {
    font-family: "Open Sans", 'Arial', sans-serif; }
  .advisory-promo-cont h3 {
    font-size: 2.2222222222em;
    line-height: 1.2em;
    margin-top: 0em;
    margin-bottom: 0.4em; }
    @media only screen and (max-width: 480px) {
      .advisory-promo-cont h3 {
        font-size: 1.3333333333em;
        line-height: 1.3333333333em;
        margin-top: 0em;
        margin-bottom: 0.6666666667em; } }
  .advisory-promo-cont p {
    max-width: 500px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 1.1666666667em;
    line-height: 1.5238095238em;
    margin-top: 0em;
    margin-bottom: 0em; }
    @media only screen and (max-width: 480px) {
      .advisory-promo-cont p {
        font-size: 0.8888888889em;
        line-height: 1.5em;
        margin-top: 0em;
        margin-bottom: 0em; } }
    .advisory-promo-cont p a {
      text-decoration: none;
      color: #36363D; }

.advisory-list-page h3.sub-title, .advisory-list-page h3.audio-sub-title, .advisory-list-page h3.audio-sub-title-first {
  color: #ED7666; }
  .advisory-list-page h3.sub-title a, .advisory-list-page h3.audio-sub-title a, .advisory-list-page h3.audio-sub-title-first a {
    font-size: inherit;
    font-weight: inherit;
    text-decoration: none; }
    .advisory-list-page h3.sub-title a:hover, .advisory-list-page h3.audio-sub-title a:hover, .advisory-list-page h3.audio-sub-title-first a:hover {
      text-decoration: underline; }

.advisory-list-box {
  width: 30%; }
  .no-flexbox .advisory-list-box {
    float: left;
    margin: 0 5% 16px 0; }
    .no-flexbox .advisory-list-box:nth-child(3n+1) {
      clear: left; }
    .no-flexbox .advisory-list-box:nth-child(3n) {
      margin-right: 0; }
  @media only screen and (max-width: 480px) {
    .advisory-list-box {
      width: 100%; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .advisory-list-box {
      width: 47%; } }

.advisory-list-inner {
  overflow: hidden; }
  .flexbox .advisory-list-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }

.advisory-list-box {
  margin-bottom: 32px;
  overflow: hidden; }
  .advisory-list-box .title-box {
    background: #f8f7ed;
    padding: 16px 20px;
    border-radius: 4px;
    font-size: 1.1111111111em;
    line-height: 1.6em;
    margin-top: 0em;
    margin-bottom: 0em;
    letter-spacing: -0.03em; }
    @media only screen and (max-width: 767px) {
      .advisory-list-box .title-box {
        font-size: 1em;
        line-height: 1.6em;
        margin-top: 0em;
        margin-bottom: 0em; } }
    .advisory-list-box .title-box h3 {
      margin: 0;
      font-family: "Open Sans", 'Arial', sans-serif; }
      .advisory-list-box .title-box h3 a {
        text-decoration: none;
        color: #36363D; }
  .advisory-list-box .a-intro {
    font-size: 0.7777777778em;
    line-height: 1.7142857143em;
    margin-top: 0em;
    margin-bottom: 0em;
    padding: 16px 20px 0;
    color: #434343;
    min-height: 96px;
    letter-spacing: -0.01em; }
    @media only screen and (max-width: 480px) {
      .advisory-list-box .a-intro {
        min-height: auto; } }
  .advisory-list-box .a-author {
    padding: 16px 20px 0; }
    .advisory-list-box .a-author .btn-discussion {
      float: right;
      margin-top: 7px; }

.advisory-form-col {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 650px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto; }
  @media only screen and (max-width: 480px) {
    .advisory-form-col {
      padding-right: 15px;
      padding-left: 15px; } }
  .advisory-form-col .order-form-panel {
    max-width: 100%; }

.main-form-advisory {
  position: relative; }

.chars-remains {
  color: #8E8993;
  font-family: 'Arial', sans-serif;
  font-size: 0.7777777778em;
  line-height: 1.7142857143em;
  margin-top: 0em;
  margin-bottom: 0em;
  text-align: right; }
  .chars-remains .js-note-char-remaining {
    color: #ED7666;
    font-weight: bold; }

.over-form-conditions {
  position: absolute;
  left: 0;
  right: 0;
  background: #675870;
  color: #FFF;
  font-family: 'Arial', sans-serif;
  padding: 48px 30px; }
  .over-form-conditions h3 {
    text-align: center;
    font-size: 1.2222222222em;
    line-height: 1.4545454545em;
    margin-top: 0em;
    margin-bottom: 1.0909090909em; }
  .over-form-conditions ul {
    padding-left: 20px; }
    .over-form-conditions ul li {
      font-size: 0.7777777778em;
      line-height: 1.7142857143em;
      margin-top: 0em;
      margin-bottom: 0.5714285714em;
      font-weight: normal; }
  .over-form-conditions .btn-line {
    padding-top: 16px;
    text-align: center; }

.pagination {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 48px 25px 80px;
  clear: both; }
  @media only screen and (max-width: 480px) {
    .pagination {
      margin: 16px 15px 48px; } }
  .pagination li {
    display: inline-block; }
  .pagination a.ico {
    vertical-align: middle;
    color: #8E8993; }
    .pagination a.ico:before {
      vertical-align: middle;
      -webkit-transition-property: all;
      -o-transition-property: all;
      transition-property: all;
      -webkit-transition-duration: 100ms;
      -o-transition-duration: 100ms;
      transition-duration: 100ms;
      -webkit-transition-timing-function: ease;
      -o-transition-timing-function: ease;
      transition-timing-function: ease; }
    .pagination a.ico.icon-chevron-thin-left:hover:before {
      -webkit-transform: translateX(-5px);
      -ms-transform: translateX(-5px);
      transform: translateX(-5px);
      color: #000; }
    .pagination a.ico.icon-chevron-thin-right:hover:before {
      -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
      transform: translateX(5px);
      color: #000; }
  .pagination .pagination-txt {
    min-width: 180px; }
  .pagination .label {
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 0.8888888889em;
    line-height: 2.5em;
    margin-top: 0em;
    margin-bottom: 0em;
    vertical-align: middle;
    font-weight: bold;
    display: inline-block;
    color: #8E8993; }
  .pagination .page-active, .pagination .page-count {
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 1.0555555556em;
    line-height: 2.1052631579em;
    margin-top: 0em;
    margin-bottom: 0em;
    vertical-align: middle;
    font-weight: bold;
    display: inline-block;
    margin: 0 0 0 5px;
    color: #36363D; }
  .pagination .page-active {
    background: #e1e1e2;
    width: 40px;
    margin: 0 5px;
    border-radius: 20px; }

.author-rich-cont {
  line-height: 1em; }

.author-rich-avatar {
  float: left;
  margin-right: 10px; }

.author-detail-header {
  margin-top: 64px; }
  .author-detail-header .avatar {
    float: left; }
  .author-detail-header .author-detail-title {
    margin-left: 150px;
    padding-top: 16px; }
    .author-detail-header .author-detail-title h1 {
      margin-top: 0; }
    .author-detail-header .author-detail-title .sub-title, .author-detail-header .author-detail-title .audio-sub-title, .author-detail-header .author-detail-title .audio-sub-title-first {
      margin-bottom: 32px; }
  @media only screen and (max-width: 480px) {
    .author-detail-header {
      margin-top: 32px; }
      .author-detail-header h1 {
        font-size: 1.6em; }
      .author-detail-header .avatar {
        float: right;
        width: 90px;
        margin-bottom: 0;
        margin-left: 5px; }
      .author-detail-header .author-detail-title {
        margin-left: 0;
        padding-top: 0; } }

.author-detail-info {
  margin-bottom: 64px; }
  .author-detail-info .text-col {
    margin-left: 150px;
    max-width: 450px;
    float: left;
    font-size: 0.8888888889em;
    line-height: 1.5em;
    margin-top: 0em;
    margin-bottom: 2em; }
  .author-detail-info .contact-box {
    float: right;
    background: #f8f7ed;
    max-width: 300px;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 16px 20px;
    border-radius: 4px; }
    .author-detail-info .contact-box h3 {
      font-family: "Open Sans", 'Arial', sans-serif;
      font-size: 1.1111111111em;
      line-height: 1.2em;
      margin-top: 0.4em;
      margin-bottom: 0.8em;
      color: #36363D; }
    .author-detail-info .contact-box .contact-details {
      list-style: none;
      margin: 0;
      padding: 0; }
      .author-detail-info .contact-box .contact-details li {
        line-height: 24px; }
      .author-detail-info .contact-box .contact-details .label {
        display: inline-block;
        width: 50px;
        font-size: 0.7222222222em;
        line-height: 1.8461538462em;
        margin-top: 0em;
        margin-bottom: 0em;
        color: #8E8993;
        font-family: 'Arial', sans-serif;
        font-style: italic; }
      .author-detail-info .contact-box .contact-details .val {
        font-size: 0.7222222222em;
        line-height: 1.8461538462em;
        margin-top: 0em;
        margin-bottom: 0em;
        color: #434343; }
  @media only screen and (max-width: 970px) {
    .author-detail-info .text-col {
      margin-bottom: 16px; }
    .author-detail-info .contact-box {
      width: auto;
      max-width: 450px;
      clear: left;
      float: none;
      margin-top: 32px;
      margin-left: 150px; } }
  @media only screen and (max-width: 480px) {
    .author-detail-info {
      margin-bottom: 32px; }
      .author-detail-info .text-col {
        margin-left: 0;
        float: none; }
      .author-detail-info .contact-box {
        width: auto;
        max-width: 100%;
        float: none;
        margin-top: 16px;
        margin-left: 0; } }

.author-articles-cont {
  clear: both;
  background: #EBEBEC; }
  .author-articles-cont .full-col {
    padding-top: 48px;
    padding-bottom: 48px; }
  .author-articles-cont .articles-col {
    float: left;
    width: 65%; }
    .author-articles-cont .articles-col .article-list-box {
      width: 33%; }
  .author-articles-cont .advisory-col {
    float: right;
    width: 33%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .author-articles-cont .advisory-col .advisory-list-box {
      width: 100%; }
      .author-articles-cont .advisory-col .advisory-list-box .a-intro {
        min-height: auto; }
  @media only screen and (max-width: 767px) {
    .author-articles-cont .articles-col {
      float: none;
      width: auto; }
    .author-articles-cont .advisory-col {
      float: none;
      width: auto;
      padding-top: 32px; } }
  @media only screen and (max-width: 480px) {
    .author-articles-cont .full-col {
      padding-top: 32px;
      padding-bottom: 32px; }
    .author-articles-cont .articles-col .article-list-box {
      width: 50%; } }

.no-articles {
  font-family: 'Arial', sans-serif;
  font-size: 0.7777777778em;
  line-height: 2.2857142857em;
  margin-top: 0em;
  margin-bottom: 0em;
  font-style: italic;
  color: #8E8993; }

.serie-box-cont {
  background-size: cover;
  background-color: #6a6b6e; }
  .serie-box-cont .inner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 900px;
    padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
    color: #FFF;
    padding-top: 80px;
    padding-bottom: 72px; }
    @media only screen and (max-width: 480px) {
      .serie-box-cont .inner {
        padding-right: 15px;
        padding-left: 15px; } }
    @media only screen and (max-width: 767px) {
      .serie-box-cont .inner {
        padding-top: 64px;
        padding-bottom: 56px; } }
    @media only screen and (max-width: 480px) {
      .serie-box-cont .inner {
        padding-top: 32px;
        padding-bottom: 32px; } }
  .serie-box-cont h2 {
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 2.5em;
    line-height: 1.0666666667em;
    margin-top: 0em;
    margin-bottom: 0.7111111111em; }
    @media only screen and (max-width: 767px) {
      .serie-box-cont h2 {
        font-size: 1.9444444444em;
        line-height: 1.1428571429em;
        margin-top: 0em;
        margin-bottom: 0.9142857143em; } }
    @media only screen and (max-width: 480px) {
      .serie-box-cont h2 {
        font-size: 1.5555555556em;
        line-height: 1.1428571429em;
        margin-top: 0em;
        margin-bottom: 0.8571428571em; } }
    .serie-box-cont h2 a {
      color: #FFF;
      text-decoration: none; }
      .serie-box-cont h2 a:hover {
        opacity: 0.7; }
  .serie-box-cont .col1 {
    float: left;
    width: 60%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 40px; }
    @media only screen and (max-width: 480px) {
      .serie-box-cont .col1 {
        padding-right: 0; } }
  .serie-box-cont .col2 {
    width: 40%;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  @media only screen and (max-width: 480px) {
    .serie-box-cont .col1, .serie-box-cont .col2 {
      float: none;
      width: auto; } }
  .serie-box-cont .thumbnail-cont {
    position: relative;
    padding: 0  0 0; }
    .serie-box-cont .thumbnail-cont img {
      width: 100%; }
    .serie-box-cont .thumbnail-cont .feature-info {
      color: #000;
      bottom: 32px; }
  .serie-box-cont .serie-article-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: "Open Sans", 'Arial', sans-serif;
    margin-bottom: 32px;
    margin-left: 25px; }
    @media only screen and (max-width: 480px) {
      .serie-box-cont .serie-article-list {
        margin-left: 0;
        margin-bottom: 24px; } }
    .serie-box-cont .serie-article-list .a-order {
      width: 25px;
      float: left;
      margin-right: -25px;
      opacity: 0.7; }
    .serie-box-cont .serie-article-list li {
      font-size: 0.8333333333em;
      line-height: 1.6em;
      margin-top: 0em;
      margin-bottom: 0.5333333333em; }
      .serie-box-cont .serie-article-list li .article-link {
        margin-left: 25px; }
        .serie-box-cont .serie-article-list li .article-link a {
          font-weight: bold;
          color: #FFF;
          text-decoration: none; }
          .serie-box-cont .serie-article-list li .article-link a:hover {
            opacity: 0.7; }
  .serie-box-cont .serie-intro {
    font-size: 1em;
    line-height: 1.6em;
    margin-top: 0.8888888889em;
    margin-bottom: 0.8888888889em;
    opacity: 0.7;
    margin-left: 5px;
    margin-right: 5px; }
    @media only screen and (max-width: 767px) {
      .serie-box-cont .serie-intro {
        font-size: 0.8888888889em;
        line-height: 1.5em;
        margin-top: 1em;
        margin-bottom: 1em; } }
  .serie-box-cont .author {
    color: #FFF;
    opacity: 0.7;
    margin-bottom: 8px; }
  .serie-box-cont .category, .serie-box-cont .tags li, .tags .serie-box-cont li {
    color: #FFF; }
  .serie-box-cont .a-author {
    padding-left: 5px; }
  .serie-box-cont .serie-list-tags {
    line-height: 1em; }
    .serie-box-cont .serie-list-tags li {
      display: inline-block; }
    .serie-box-cont .serie-list-tags li:after {
      content: ",";
      display: inline;
      margin-right: 3px; }
    .serie-box-cont .serie-list-tags li:last-child:after {
      content: "";
      margin-right: 0; }

.serie-after-title {
  background-size: cover;
  background-position: center center; }
  .serie-after-title a {
    display: block;
    text-align: center;
    font-size: 0.9444444444em;
    line-height: 3.2941176471em;
    margin-top: 0em;
    margin-bottom: 0em;
    font-family: "Open Sans", 'Arial', sans-serif;
    font-weight: bold;
    color: #FFF;
    text-decoration: none; }
    .serie-after-title a:hover {
      color: rgba(255, 255, 255, 0.7); }

.serie-hp-heading {
  background-size: cover;
  background-position: right top; }
  .serie-hp-heading .inner {
    position: relative;
    height: 400px; }
    @media only screen and (max-width: 767px) {
      .serie-hp-heading .inner {
        height: auto;
        padding-top: 96px;
        padding-bottom: 16px; } }
    @media only screen and (max-width: 480px) {
      .serie-hp-heading .inner {
        padding-top: 48px; } }
  .serie-hp-heading h1 {
    position: absolute;
    bottom: 48px;
    color: #FFF; }
    @media only screen and (max-width: 767px) {
      .serie-hp-heading h1 {
        position: static; } }

.serie-dim {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); }
  @media only screen and (max-width: 480px) {
    .serie-dim {
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.6)));
      background-image: linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 100%);
      background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 100%);
      background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 100%); } }

.serie-desc {
  font-size: 1.5555555556em;
  line-height: 1.4285714286em;
  margin-top: 2.2857142857em;
  margin-bottom: 1.7142857143em;
  font-size: 1em;
  line-height: 1.7777777778em;
  margin-top: 1.7777777778em;
  margin-bottom: 1.7777777778em;
  color: #434343; }

footer.page-footer {
  background: #F7F7F7;
  padding: 48px 0; }
  footer.page-footer .col-menu {
    float: right;
    width: 33%; }
  footer.page-footer .col-newsletter {
    float: right;
    width: 33%; }
  footer.page-footer .col-logo {
    width: 33%;
    vertical-align: bottom; }
    footer.page-footer .col-logo .copy {
      font-family: 'Arial', sans-serif;
      font-size: 0.6666666667em;
      line-height: 2.6666666667em;
      margin-top: 0em;
      margin-bottom: 0em;
      color: #8E8993;
      padding-right: 30px; }
    footer.page-footer .col-logo .copy__info {
      line-height: 1.5em;
      font-style: italic; }
  .article-list-page footer.page-footer, .advisory-list-page footer.page-footer, .search-results-page footer.page-footer {
    margin-top: 80px; }
    @media only screen and (max-width: 767px) {
      .article-list-page footer.page-footer, .advisory-list-page footer.page-footer, .search-results-page footer.page-footer {
        margin-top: 80px; } }
    @media only screen and (max-width: 480px) {
      .article-list-page footer.page-footer, .advisory-list-page footer.page-footer, .search-results-page footer.page-footer {
        margin-top: 32px; } }
  @media only screen and (max-width: 767px) {
    footer.page-footer {
      padding-top: 32px; }
      footer.page-footer .col-menu, footer.page-footer .col-newsletter {
        width: 50%;
        margin-bottom: 32px; }
      footer.page-footer .col-logo {
        width: auto;
        clear: both;
        margin-top: 32px;
        float: none; } }
  @media only screen and (max-width: 767px) {
    footer.page-footer .col-menu, footer.page-footer .col-newsletter {
      float: none;
      width: auto; }
    footer.page-footer .col-newsletter {
      margin-bottom: 24px;
      padding-bottom: 16px;
      border-bottom: 1px solid #E1E1E2; } }

.footer-menu {
  list-style: none;
  margin: 0;
  padding: 0; }
  .footer-menu li {
    font-family: 'Arial', sans-serif;
    font-size: 0.7222222222em;
    line-height: 2.4615384615em;
    margin-top: 0em;
    margin-bottom: 0em; }
    .footer-menu li a {
      text-decoration: none;
      color: #434343; }
      .footer-menu li a:hover {
        text-decoration: underline; }

h2.subscription-above-list {
  font-size: 1.6111111111em;
  line-height: 1.3793103448em;
  margin-top: 0em;
  margin-bottom: 1.6551724138em;
  font-family: "Open Sans", 'Arial', sans-serif;
  clear: both;
  padding-top: 48px; }
  @media only screen and (max-width: 480px) {
    h2.subscription-above-list {
      font-size: 1.0555555556em;
      line-height: 1.5157894737em;
      margin-top: 0em;
      margin-bottom: 1.6842105263em; } }
  @media only screen and (max-width: 480px) {
    h2.subscription-above-list {
      padding-top: 32px; } }

.subscription-top-info {
  margin-bottom: 80px;
  margin-bottom: 0; }

.subscription-features {
  font-family: "Open Sans", 'Arial', sans-serif;
  font-size: 1em;
  line-height: 1.7777777778em;
  margin-top: 0em;
  margin-bottom: 0.8888888889em;
  font-weight: bold;
  color: #675870; }
  @media only screen and (max-width: 480px) {
    .subscription-features {
      font-size: 0.8888888889em;
      line-height: 1.5em;
      margin-top: 0em;
      margin-bottom: 1em; } }

.paid-info {
  font-family: "Open Sans", 'Arial', sans-serif;
  text-align: center;
  border-top: 1px solid #E1E1E2;
  border-bottom: 1px solid #E1E1E2;
  padding: 30.4px 0 32px;
  margin-bottom: 80px;
  color: #434343; }
  @media only screen and (max-width: 480px) {
    .paid-info {
      margin-bottom: 48px; } }
  .paid-info h2 {
    font-size: 1.1666666667em;
    line-height: 1.5238095238em;
    margin-top: 0em;
    margin-bottom: 0.7619047619em;
    font-weight: bold; }
    @media only screen and (max-width: 480px) {
      .paid-info h2 {
        font-size: 1.0555555556em;
        line-height: 1.5157894737em;
        margin-top: 0em;
        margin-bottom: 0.8421052632em; } }
  .paid-info .paid-variant {
    font-size: 0.8333333333em;
    line-height: 1.0666666667em;
    margin-top: 0em;
    margin-bottom: 0em; }
  .paid-info .round-btn {
    margin-top: 24px; }

.subscription-about-payment {
  color: #8E8993;
  font-size: 0.8888888889em;
  line-height: 2em;
  margin-top: 0em;
  margin-bottom: 2em;
  font-size: 0.8333333333em;
  line-height: 1.6em;
  margin-top: 0em;
  margin-bottom: 2.1333333333em; }

.gift-subs {
  background: #675870;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 300px;
  float: right;
  margin: 0 0 0 70px;
  padding: 32px 30px;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .gift-subs {
      font-size: 0.8888888889em;
      line-height: 2em;
      margin-top: 0em;
      margin-bottom: 2em;
      max-width: 200px;
      padding: 16px 10px; } }
  @media only screen and (max-width: 480px) {
    .gift-subs {
      display: none; } }
  .gift-subs h3 {
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 1.1666666667em;
    line-height: 1.5238095238em;
    margin-top: 0em;
    margin-bottom: 0.7619047619em;
    color: white; }
  .gift-subs p {
    font-size: 0.8888888889em;
    line-height: 1.5em;
    margin-top: 0em;
    margin-bottom: 1em;
    color: #FFF; }
  .home-page .gift-subs {
    float: none;
    margin-left: 0;
    margin-bottom: 16px;
    max-width: 100%; }

.voucher-subscription-preview {
  width: 90%;
  margin-top: 32px;
  display: inline-block; }

.discussion-page h1 {
  text-align: center;
  color: #FFF;
  font-size: 2.2222222222em;
  line-height: 1.2em;
  margin-top: 0em;
  margin-bottom: 0em;
  padding: 32px 0; }
  @media only screen and (max-width: 480px) {
    .discussion-page h1 {
      font-size: 1.5555555556em;
      line-height: 1.1428571429em;
      margin-top: 0em;
      margin-bottom: 0em; } }
  .discussion-page h1 a {
    color: inherit;
    text-decoration: none; }
    .discussion-page h1 a:hover {
      text-decoration: underline; }

.discussion-heading {
  background-size: cover;
  background-position: center center; }

@media only screen and (max-width: 608px) {
  .discussion-heading-back {
    display: none; } }

.discussion-sub-heading {
  background: #F7F7F7;
  padding: 32px 0;
  margin-bottom: 32px; }
  @media only screen and (max-width: 608px) {
    .discussion-sub-heading {
      padding: 16px 0;
      margin-bottom: 0; } }
  .discussion-sub-heading h2 {
    font-size: 1.4444444444em;
    line-height: 1.5384615385em;
    margin-top: 0em;
    margin-bottom: 0em;
    font-family: "Open Sans", 'Arial', sans-serif;
    vertical-align: center;
    color: #434343;
    display: inline-block;
    vertical-align: middle; }
    @media only screen and (max-width: 767px) {
      .discussion-sub-heading h2 {
        font-size: 1.2222222222em;
        line-height: 1.4545454545em;
        margin-top: 0em;
        margin-bottom: 0em; } }
    @media only screen and (max-width: 608px) {
      .discussion-sub-heading h2 {
        clear: both;
        font-size: 1.2222222222em;
        line-height: 1.4545454545em;
        margin-top: 0em;
        margin-bottom: 0em; } }
  @media only screen and (max-width: 608px) {
    .discussion-sub-heading .round-btn {
      font-size: 0.7em;
      padding: 4.8px 10px;
      margin-bottom: 8px; } }
  .discussion-sub-heading .round-btn.to-tutorial {
    font-size: 0.7em;
    padding: 4.8px 10px;
    margin: 0 5px; }
  .discussion-sub-heading .discussion-heading-center-cont {
    text-align: center;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 703px) {
      .discussion-sub-heading .discussion-heading-center-cont {
        clear: both; } }

.discussion-info {
  font-size: 0.8888888889em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 1.5em;
  text-align: center;
  margin-bottom: 32px; }

.disqus-cont {
  padding: 48px 0; }
  @media only screen and (max-width: 608px) {
    .disqus-cont {
      padding: 16px 0; } }

.comments {
  margin-bottom: 80px; }

.old-comment-row {
  padding: 8px 25px 16px; }
  .old-comment-row:nth-child(even) {
    background: #F6F4F1; }
  .old-comment-row .old-comment-text {
    font-size: 0.8888888889em;
    line-height: 1.5em;
    margin-top: 0em;
    margin-bottom: 0em; }
  .old-comment-row .old-comment-name {
    font-family: 'Arial', sans-serif;
    font-weight: bold; }
  .old-comment-row .old-comment-date, .old-comment-row .old-comment-thumbs {
    font-family: 'Arial', sans-serif;
    font-size: 0.7222222222em;
    line-height: 2.4615384615em;
    margin-top: 0em;
    margin-bottom: 0em; }
  .old-comment-row .old-comment-thumbs {
    opacity: 0.7; }
  .old-comment-row .old-comment-reaction {
    font-family: 'Arial', sans-serif;
    font-size: 0.7777777778em;
    line-height: 1.7142857143em;
    margin-top: 0em;
    margin-bottom: 0em;
    font-style: italic; }

.form-col h1 {
  font-size: 1.6666666667em;
  line-height: 1.3333333333em;
  margin-top: 1.6em;
  margin-bottom: 1.0666666667em;
  font-size: 1.2222222222em;
  line-height: 1.4545454545em;
  margin-top: 1.0909090909em;
  margin-bottom: 1.0909090909em;
  color: #36363D;
  text-align: center; }

.order-basket-item {
  background: #ED7666;
  color: #FFF;
  font-family: "Open Sans", 'Arial', sans-serif;
  font-size: 1.2222222222em;
  line-height: 1.4545454545em;
  margin-top: 0em;
  margin-bottom: 0em;
  text-align: center;
  padding: 32px 15px;
  font-weight: bold;
  margin-bottom: 24px; }
  @media only screen and (max-width: 480px) {
    .order-basket-item {
      font-size: 1em;
      line-height: 1.3333333333em;
      margin-top: 0em;
      margin-bottom: 0.8888888889em; } }
  @media only screen and (max-width: 480px) {
    .order-basket-item {
      padding: 24px 15px;
      margin-left: -15px;
      margin-right: -15px; } }
  .order-basket-item .valid-through {
    display: block;
    opacity: 0.8;
    font-size: 0.8em; }

.order-add-info {
  font-size: 0.7222222222em;
  line-height: 1.8461538462em;
  margin-top: 0em;
  margin-bottom: 1.8461538462em;
  text-align: center; }

.order-form-panel {
  background: #f7f6eb;
  padding: 24px 30px;
  max-width: 400px; }
  @media only screen and (max-width: 480px) {
    .order-form-panel {
      padding: 16px 15px;
      margin-left: -15px;
      margin-right: -15px; } }
  .order-form-panel .control-label {
    display: inline-block;
    color: #8E8993;
    font-family: 'Arial', sans-serif;
    font-size: 0.7777777778em;
    line-height: 1.7142857143em;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-bottom: 16px;
    font-style: normal; }
  .order-form-panel .forgot-pass {
    font-size: 0.8888888889em;
    line-height: 1em;
    margin-top: 1em;
    margin-bottom: 2em;
    font-family: "Open Sans", 'Arial', sans-serif; }
  .order-form-panel + .btn-line {
    margin-top: 24px; }

.js-price {
  white-space: nowrap; }

.order-btn-row {
  margin: 32px 0 48px;
  text-align: center; }
  .order-btn-row .confirm-conditions {
    font-size: 0.7222222222em;
    line-height: 1.8461538462em;
    margin-top: 0em;
    margin-bottom: 1.8461538462em;
    font-family: 'Arial', sans-serif;
    font-style: italic;
    color: #434343; }

.order-form-panel-switch {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: "Open Sans", 'Arial', sans-serif;
  overflow: hidden;
  display: table;
  width: 100%; }
  .order-form-panel-switch li {
    display: table-cell;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    padding: 16px 8px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-size: 0.8333333333em;
    line-height: 1.6em;
    margin-top: 0em;
    margin-bottom: 0em;
    color: #434343;
    text-decoration: underline; }
    @media only screen and (max-width: 480px) {
      .order-form-panel-switch li {
        font-size: 0.7777777778em;
        line-height: 1.4857142857em;
        margin-top: 0em;
        margin-bottom: 0em; } }
    .order-form-panel-switch li.active {
      background: #f7f6eb;
      letter-spacing: -0.02em;
      font-size: 0.8888888889em;
      line-height: 1.3em;
      margin-top: 0em;
      margin-bottom: 0em;
      font-weight: bold;
      text-decoration: none;
      color: #000; }

.form-intro-text {
  text-align: center;
  font-size: 1em;
  line-height: 1.7777777778em;
  margin-top: -0.8888888889em;
  margin-bottom: 1.3333333333em;
  max-width: 300px;
  margin-right: auto;
  margin-left: auto; }

.main-form-cont {
  margin-bottom: 64px; }
  .main-form-cont .panel2 {
    display: none; }
  .main-form-cont.state2 .panel1 {
    display: none; }
  .main-form-cont.state2 .panel2 {
    display: block; }

.go-pay-info {
  text-align: center;
  margin-top: 64px; }
  .go-pay-info p {
    font-size: 0.7222222222em;
    line-height: 1.8461538462em;
    margin-top: 0em;
    margin-bottom: 1.8461538462em;
    font-family: 'Arial', sans-serif;
    font-style: italic;
    color: #8E8993; }
    .go-pay-info p a {
      color: inherit; }
      .go-pay-info p a:hover {
        color: #000; }
  .go-pay-info .gopay-logo {
    margin-bottom: 8px; }
  .go-pay-info .gopay-loga {
    max-width: 300px;
    width: 100%;
    display: block;
    margin: 16px auto 24px; }

.messages .alert {
  padding: 72px 25px;
  text-align: center;
  background: #cf424c;
  font-family: "Open Sans", 'Arial', sans-serif;
  font-size: 1em;
  line-height: 1.7777777778em;
  margin-top: 0em;
  margin-bottom: 0em;
  color: #FFF;
  font-weight: bold; }

.messages .icon-cross {
  margin-left: 10px;
  cursor: pointer; }
  .messages .icon-cross:before {
    font-size: 29px;
    color: #FFF;
    border-color: rgba(255, 255, 255, 0.5); }
  .messages .icon-cross:hover:before {
    color: #ED7666;
    background-color: #FFF; }

.messages .success {
  background: #4ba336; }

.messages .flash {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 900;
  padding: 16px 25px; }

.do-search-cont {
  background: #675870;
  padding: 48px 15px;
  text-align: center; }
  @media only screen and (max-width: 480px) {
    .do-search-cont {
      padding: 32px 15px; } }
  .do-search-cont .big-search-btn {
    background: none;
    border: none; }
    .do-search-cont .big-search-btn:before {
      background: #FFF;
      border-color: transparent;
      font-size: 60px;
      color: #675870; }
    .do-search-cont .big-search-btn:hover:before {
      color: #FFF;
      background: none; }
  .do-search-cont input[type="text"], .do-search-cont input[type="email"] {
    background: none;
    color: #FFF;
    font-weight: bold;
    border: none;
    font-size: 1.6666666667em;
    line-height: 1.0666666667em;
    margin-top: 0em;
    margin-bottom: 0em;
    border-radius: 0;
    outline: none;
    vertical-align: middle;
    border-bottom: 1px solid transparent;
    width: 350px; }
    .do-search-cont input[type="text"]::-webkit-input-placeholder, .do-search-cont input[type="email"]::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.5);
      font-style: italic;
      font-weight: normal; }
    .do-search-cont input[type="text"]::-moz-placeholder, .do-search-cont input[type="email"]::-moz-placeholder {
      color: rgba(255, 255, 255, 0.5);
      font-style: italic;
      font-weight: normal; }
    .do-search-cont input[type="text"]:-ms-input-placeholder, .do-search-cont input[type="email"]:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.5);
      font-style: italic;
      font-weight: normal; }
    .do-search-cont input[type="text"]:-moz-placeholder, .do-search-cont input[type="email"]:-moz-placeholder {
      color: rgba(255, 255, 255, 0.5);
      font-style: italic;
      font-weight: normal; }
    @media only screen and (max-width: 480px) {
      .do-search-cont input[type="text"], .do-search-cont input[type="email"] {
        font-size: 1.1111111111em;
        line-height: 1.6em;
        margin-top: 0em;
        margin-bottom: 0em;
        width: 100%;
        text-align: center;
        margin-bottom: 16px; } }
    .do-search-cont input[type="text"]:hover, .do-search-cont input[type="email"]:hover {
      border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  .do-search-cont .newsletter-form label {
    display: none; }
  .do-search-cont .newsletter-form .round-btn {
    background: #FFF;
    color: #675870; }

.search-results-page h1, .search-results-page h2 {
  font-family: "Open Sans", 'Arial', sans-serif;
  font-size: 2.7777777778em;
  line-height: 1.28em;
  margin-top: 0.96em;
  margin-bottom: 0.96em;
  letter-spacing: -0.02em; }
  @media only screen and (max-width: 767px) {
    .search-results-page h1, .search-results-page h2 {
      font-size: 1.3888888889em;
      line-height: 1.28em;
      margin-top: 1.28em;
      margin-bottom: 1.28em; } }

.search-results-page .event {
  vertical-align: top;
  background: #F7F7F7;
  margin-bottom: 32px; }

.search-results-page .article-flex-list, .search-results-page .audio-topic-list {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.relevant-categories {
  margin-top: -32px;
  margin-bottom: 32px;
  font-family: "Open Sans", 'Arial', sans-serif;
  font-size: 0.8333333333em;
  line-height: 1.6em;
  margin-top: -2.1333333333em;
  margin-bottom: 2.1333333333em; }
  .relevant-categories a {
    font-weight: bold; }

.event-list-search {
  padding-bottom: 48px; }

.author-box-search {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 18%;
  text-align: center;
  padding: 0 15px 32px; }
  @media only screen and (max-width: 767px) {
    .author-box-search {
      width: 32%; } }
  @media only screen and (max-width: 480px) {
    .author-box-search {
      width: 48%;
      padding-bottom: 16px; } }
  .author-box-search .author-info h3 {
    font-size: 1.1666666667em;
    line-height: 1.1428571429em;
    margin-top: 0em;
    margin-bottom: 0.380952381em;
    font-family: "Georgia", serif;
    font-weight: normal; }
    @media only screen and (max-width: 767px) {
      .author-box-search .author-info h3 {
        font-size: 1em;
        line-height: 1.3333333333em;
        margin-top: 0em;
        margin-bottom: 0.4444444444em; } }
    @media only screen and (max-width: 480px) {
      .author-box-search .author-info h3 {
        font-size: 0.8888888889em;
        line-height: 1.3em;
        margin-top: 0em;
        margin-bottom: 0.5em; } }
    .author-box-search .author-info h3 a {
      color: #8E8993;
      text-decoration: none; }
      .author-box-search .author-info h3 a:hover {
        color: #000; }
  .author-box-search .author-info p.about {
    font-family: 'Arial', sans-serif;
    font-size: 0.7777777778em;
    line-height: 1.7142857143em;
    margin-top: 0em;
    margin-bottom: 0em;
    color: #434343; }
    @media only screen and (max-width: 480px) {
      .author-box-search .author-info p.about {
        font-size: 0.7222222222em;
        line-height: 1.6em;
        margin-top: 0em;
        margin-bottom: 0em; } }

.user-menu {
  background: #675870;
  padding: 48px 15px 32px;
  text-align: center; }
  .user-menu .left-col, .user-menu .right-col {
    display: inline-block;
    width: 300px;
    text-align: left;
    vertical-align: top;
    color: #FFF;
    overflow: hidden;
    font-family: 'Arial', sans-serif;
    font-size: 0.8888888889em;
    line-height: 1.5em;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-bottom: 16px; }
    .user-menu .left-col ul.options, .user-menu .right-col ul.options {
      list-style: none;
      margin: 0;
      padding: 0;
      margin-left: 75px; }
      .user-menu .left-col ul.options li, .user-menu .right-col ul.options li {
        margin-bottom: 8px; }
    .user-menu .left-col a, .user-menu .right-col a {
      color: #FFF; }
      .user-menu .left-col a:hover, .user-menu .right-col a:hover {
        color: #000; }
  .user-menu .options-1 li {
    padding-top: 16px; }

.user-menu-big-icon {
  float: left;
  margin-right: -60px; }
  .user-menu-big-icon:before {
    font-size: 60px;
    border: 0;
    background: #FFF;
    color: #675870; }

.contact-page .authors-search-list {
  margin-top: -16px; }
  @media only screen and (max-width: 480px) {
    .contact-page .authors-search-list {
      margin-top: 16px; } }

.contact-page .author-box-search {
  width: 32%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 767px) {
    .contact-page .author-box-search {
      width: 40%; } }
  @media only screen and (max-width: 480px) {
    .contact-page .author-box-search {
      width: 100%; } }
  .contact-page .author-box-search .email, .contact-page .author-box-search .phone {
    font-family: 'Arial', sans-serif;
    font-size: 0.7777777778em;
    line-height: 1.7142857143em;
    margin-top: 0em;
    margin-bottom: 0em;
    display: block;
    font-weight: bold;
    color: #675870; }

.contact-page .about-project {
  margin-bottom: 80px; }

@media only screen and (max-width: 480px) {
  .contact-page h2 {
    text-align: center; } }

.tutorial-img {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #F0F0F0; }

.dev-proposal {
  background: lightgray;
  font-style: italic;
  padding: 8px 20px; }

.outstanding {
  background: #F6F4F1;
  padding: 8px 20px; }
  .outstanding.not-show {
    display: none; }

ul.outstanding {
  padding: 32px 30px 32px 50px; }

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 5px;
  background: #FFF;
  color: #434343;
  -webkit-box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.1);
  max-width: 400px;
  text-align: center; }

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-family: 'Arial', sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding: 16px 30px;
  overflow: hidden; }

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */ }

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px; }

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible; }

.tooltipster-base .tooltipster-content {
  overflow: hidden; }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute; }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px; }

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px; }

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px; }

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px; }

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto; }

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px; }

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px; }

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px; }

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px; }

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px; }

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px; }

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px; }

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px; }

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.tooltipster-fade-show {
  opacity: 1; }

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -o-transition-property: -o-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -o-transition-property: -o-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -o-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0; }

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -o-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0; }

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1); }

/* -------------------------------------------------------------- 
   hamburger
-------------------------------------------------------------- */
.burger {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 21px;
  cursor: pointer; }
  .burger .tl, .burger .ml, .burger .bl {
    border-top: 3px solid #675870;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px; }
  .burger .ml {
    top: 9px; }
    .menu-display .burger .ml {
      -webkit-animation-duration: 1s;
              animation-duration: 1s;
      -webkit-animation-iteration-count: 1;
              animation-iteration-count: 1;
      -webkit-animation-name: animXm;
              animation-name: animXm;
      opacity: 0; }
  .burger .bl {
    top: 18px; }

.menu-display .burger .tl {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-name: animXt;
          animation-name: animXt;
  top: 9px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.menu-display .burger .bl {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-name: animXb;
          animation-name: animXb;
  top: 9px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

@-webkit-keyframes animXm {
  0% {
    opacity: 1; }
  30% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes animXm {
  0% {
    opacity: 1; }
  30% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes animXm {
  0% {
    opacity: 1; }
  30% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes animXt {
  0% {
    top: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  30% {
    top: 9px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    top: 9px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); } }

@keyframes animXt {
  0% {
    top: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  30% {
    top: 9px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    top: 9px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); } }

@-webkit-keyframes animXb {
  0% {
    top: 18px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  30% {
    top: 9px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    top: 9px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); } }

@keyframes animXb {
  0% {
    top: 18px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  30% {
    top: 9px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    top: 9px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); } }

.xburger .tl {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-name: animBt;
          animation-name: animBt; }

.xburger .ml {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-name: animBm;
          animation-name: animBm; }

.xburger .bl {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-name: animBb;
          animation-name: animBb; }

@-webkit-keyframes animBm {
  0% {
    opacity: 0; }
  30% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes animBm {
  0% {
    opacity: 0; }
  30% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes animBt {
  0% {
    top: 9px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  30% {
    top: 9px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    top: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes animBt {
  0% {
    top: 9px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  30% {
    top: 9px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    top: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-webkit-keyframes animBb {
  0% {
    top: 9px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  30% {
    top: 9px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    top: 18px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes animBb {
  0% {
    top: 9px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  30% {
    top: 9px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    top: 18px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

.filters-categories {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1.15em;
  line-height: 32px;
  margin-bottom: 16px;
  margin-top: -16px; }
  @media only screen and (max-width: 480px) {
    .filters-categories {
      margin: 0 0 16px; } }
  .filters-categories li {
    display: inline-block;
    margin: 0 5px; }
  .filters-categories a {
    white-space: nowrap;
    color: #8E8993; }
    .filters-categories a:hover {
      color: inherit;
      text-decoration: none; }
    .filters-categories a:active, .filters-categories a:focus {
      outline: none; }
  .filters-categories li.active a {
    color: inherit;
    padding-bottom: 2px;
    border-bottom-width: 3px;
    border-bottom-style: solid; }

.archive-loading {
  min-height: 300px;
  padding-top: 50px;
  text-align: center; }
  @media only screen and (max-width: 480px) {
    .archive-loading {
      padding-top: 0; } }

.filters-cont {
  margin-bottom: 48px;
  text-align: center; }
  .filters-cont .btn-line {
    margin-top: 16px; }

.filters-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
  border-collapse: collapse; }
  .filters-list li {
    display: table-cell;
    border: 2px solid #E1E1E2; }
  .filters-list .f-search {
    position: relative; }
    .filters-list .f-search input {
      float: left;
      border: none;
      vertical-align: middle;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%;
      height: 33px;
      padding-right: 28px;
      font-weight: bold; }
      .filters-list .f-search input::-webkit-input-placeholder {
        color: #8E8993;
        font-style: italic;
        font-weight: normal; }
      .filters-list .f-search input::-moz-placeholder {
        color: #8E8993;
        font-style: italic;
        font-weight: normal; }
      .filters-list .f-search input:-ms-input-placeholder {
        color: #8E8993;
        font-style: italic;
        font-weight: normal; }
      .filters-list .f-search input:-moz-placeholder {
        color: #8E8993;
        font-style: italic;
        font-weight: normal; }
    .filters-list .f-search:after {
      content: "\e902";
      position: absolute;
      top: 6px;
      right: 5px;
      font-size: 23px;
      color: #777; }

.btn-cancel-filter {
  border-radius: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #8E8993;
  color: #FFF;
  font-size: 0.6666666667em;
  line-height: 2em;
  margin-top: 0em;
  margin-bottom: 0em;
  font-family: 'Arial', sans-serif;
  font-weight: bold;
  letter-spacing: 0.02em;
  display: inline-block;
  text-decoration: none;
  -webkit-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  vertical-align: middle; }
  .btn-cancel-filter:after {
    display: inline-block;
    font-size: 30px;
    vertical-align: middle; }
  .btn-cancel-filter:hover {
    background-color: #675870;
    color: #FFF; }
  .btn-cancel-filter span {
    padding-left: 15px;
    vertical-align: middle; }
  .btn-cancel-filter.btn-no-show {
    display: none; }

.row.no-results {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1050px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 50px;
  min-height: 300px;
  text-align: center;
  color: #8E8993; }
  @media only screen and (max-width: 480px) {
    .row.no-results {
      padding-right: 15px;
      padding-left: 15px; } }
  .row.no-results p {
    font-family: "Open Sans", 'Arial', sans-serif;
    font-style: italic; }

.select2-container {
  font-family: 'Arial', sans-serif;
  font-size: 0.7222222222em;
  line-height: 2.4615384615em;
  margin-top: 0em;
  margin-bottom: 0em;
  text-align: left;
  width: 100% !important;
  float: left;
  height: 33px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .select2-container .select2-results__option {
    line-height: 16px;
    padding: 8px 5px; }
  .select2-container .select2-dropdown {
    margin-left: -2px;
    margin-right: -4px;
    border-width: 2px;
    border-color: #E1E1E2;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    border-radius: 0; }

.select2-container--default .select2-selection--single {
  border: none;
  border-radius: 0;
  height: 33px;
  -webkit-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #8E8993;
  line-height: 33px; }

.select2.active .select2-selection__rendered {
  font-weight: bold;
  color: #36363D; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 31px; }

.article-list-page .filters-list li {
  width: 20%; }

@media only screen and (max-width: 800px) {
  .article-list-page .filters-list {
    border: 0;
    border-left: 2px solid #E1E1E2;
    border-top: 2px solid #E1E1E2;
    display: block;
    max-width: 500px;
    margin: 0 auto 0;
    *zoom: 1; }
    .article-list-page .filters-list li {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      float: left;
      display: inline-block;
      border: 0;
      border-right: 2px solid #E1E1E2;
      border-bottom: 2px solid #E1E1E2;
      width: 50%; }
    .article-list-page .filters-list:before, .article-list-page .filters-list:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .article-list-page .filters-list:after {
      clear: both; } }

@media only screen and (max-width: 490px) {
  .article-list-page .filters-list li {
    width: 100%; } }

.advisory-list-page .filters-list li {
  width: 25%; }

@media only screen and (max-width: 800px) {
  .advisory-list-page .filters-list {
    border: 0;
    border-left: 2px solid #E1E1E2;
    border-top: 2px solid #E1E1E2;
    display: block;
    max-width: 600px;
    margin: 0 auto 0;
    *zoom: 1; }
    .advisory-list-page .filters-list li {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      float: left;
      display: inline-block;
      border: 0;
      border-right: 2px solid #E1E1E2;
      border-bottom: 2px solid #E1E1E2;
      width: 50%; }
    .advisory-list-page .filters-list:before, .advisory-list-page .filters-list:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .advisory-list-page .filters-list:after {
      clear: both; } }

@media only screen and (max-width: 500px) {
  .advisory-list-page .filters-list li {
    width: 100%; } }

.serie-list-page .filters-list li.f-serie {
  width: 350px; }

@media only screen and (max-width: 630px) {
  .serie-list-page .filters-panel {
    display: block; }
  .serie-list-page .filters-list {
    border: 0;
    border-left: 2px solid #E1E1E2;
    border-top: 2px solid #E1E1E2;
    display: block;
    max-width: 600px;
    margin: 0 auto 0;
    *zoom: 1; }
    .serie-list-page .filters-list li, .serie-list-page .filters-list li.f-serie {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      float: left;
      display: inline-block;
      border: 0;
      border-right: 2px solid #E1E1E2;
      border-bottom: 2px solid #E1E1E2;
      width: 100%; }
    .serie-list-page .filters-list:before, .serie-list-page .filters-list:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .serie-list-page .filters-list:after {
      clear: both; } }

.advanced-filter-cont {
  text-align: center;
  margin-bottom: 32px; }
  .advanced-filter-cont .round-btn {
    font-weight: normal;
    font-size: 0.7222222222em;
    line-height: 2.4615384615em;
    margin-top: 0em;
    margin-bottom: 0em;
    padding: 0 10px;
    font-family: 'Arial', sans-serif;
    border-width: 1px; }
    .advanced-filter-cont .round-btn:after {
      margin-left: 5px;
      margin-top: -2px; }

.popup-opened html, .popup-opened body {
  overflow: hidden; }

.popup {
  z-index: 1000; }
  .popup .overlay {
    background-color: rgba(241, 239, 245, 0.95);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999; }
  .popup .inner-popup {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10000;
    overflow-y: auto; }
    .flexbox .popup .inner-popup {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      /* works with row or column */
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: space-around;
          -ms-flex-align: space-around;
              align-items: space-around;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .popup .inner-popup .no-flexbox {
      text-align: center;
      top: 20px; }
    .popup .inner-popup .banner-basic-square, .popup .inner-popup .text-popup-frame {
      margin: 0;
      border: 20px solid #FFF;
      background: #FFF;
      -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.04);
      box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.04);
      max-width: 850px; }
      @media only screen and (max-width: 750px) {
        .popup .inner-popup .banner-basic-square, .popup .inner-popup .text-popup-frame {
          max-width: 400px; } }
      @media only screen and (max-width: 564px) {
        .popup .inner-popup .banner-basic-square, .popup .inner-popup .text-popup-frame {
          max-width: 300px; } }
  .popup .intro-popup {
    position: relative;
    display: inline-block;
    margin: auto; }
  .popup .close-popup {
    position: absolute;
    right: -60px;
    top: 0;
    cursor: pointer; }
    .popup .close-popup:before {
      font-size: 60px;
      color: #8e8c92; }
    .popup .close-popup:hover:before {
      color: #000; }
    @media only screen and (max-width: 450px) {
      .popup .close-popup {
        right: 0; }
        .popup .close-popup:before {
          font-size: 45px; } }
  .popup .a-video iframe {
    margin: 0;
    display: block; }

.text-popup-frame {
  border-radius: 4px; }
  .text-popup-frame h3 {
    font-size: 1em;
    line-height: 1.7777777778em;
    margin-top: 0em;
    margin-bottom: 0em; }
  .text-popup-frame .about-pay-info {
    padding: 16px 0;
    margin: 0; }
    .text-popup-frame .about-pay-info:before {
      display: none; }

.bottom-popup {
  position: fixed;
  bottom: 0;
  z-index: 99;
  width: 100%;
  background: #F8F8F8;
  border-top: 1px solid #E3E3E6;
  padding: 16px 0;
  text-align: center;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  visibility: hidden; }
  .bottom-popup.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible; }
  .bottom-popup #mc_embed_signup {
    display: inline-block; }

.bp__newsletter {
  padding: 48px 0 32px; }
  @media only screen and (max-width: 450px) {
    .bp__newsletter {
      padding: 16px 0 0; }
      .bp__newsletter input, .bp__newsletter .ico {
        display: block; } }
  .bp__newsletter label {
    display: inline-block;
    margin-right: 10px; }
    @media only screen and (max-width: 580px) {
      .bp__newsletter label {
        display: block; } }
  .bp__newsletter button {
    background: #ED7666;
    color: #FFF;
    margin-bottom: 8px; }

.close-bottom-popup {
  cursor: pointer;
  color: #8e8c92;
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease; }
  .close-bottom-popup:before {
    font-size: 40px; }
  .close-bottom-popup:hover {
    color: #000; }

.bp__help-contact {
  padding: 10px 0 0;
  cursor: pointer; }
  .bp__help-contact .inner {
    display: inline-block; }
  .bp__help-contact .avatar {
    float: left;
    width: 50px; }
  .bp__help-contact .txt {
    float: left;
    text-align: left;
    margin-left: 15px; }
    .bp__help-contact .txt h5 {
      margin: 0;
      padding-top: 3px;
      font-size: 0.7777777778em;
      line-height: 1.7142857143em;
      margin-top: 0em;
      margin-bottom: 0em;
      font-family: 'Arial', sans-serif;
      color: #8e8a94; }
    .bp__help-contact .txt .author {
      margin: 0; }
  .bp__help-contact .ico {
    float: left;
    cursor: pointer;
    color: #8E8993; }
    .bp__help-contact .ico:after {
      font-size: 70px;
      line-height: 50px; }
    .bp__help-contact .ico:hover {
      color: #675870; }

.nl-popup .overlay {
  background: rgba(25, 25, 25, 0.95); }

.nl-popup .intro-popup {
  display: block;
  width: 100%;
  max-width: 490px; }

.nl-popup .close-popup {
  right: 0;
  z-index: 2; }
  .nl-popup .close-popup:hover:before {
    color: white; }

.nl-popup .nl-popup-cont {
  width: calc(100% - 120px);
  background: #B4AAA0;
  margin: 0 auto;
  border-radius: 5px;
  overflow: hidden; }

.nl-popup .nl-popup-header {
  padding-top: 85%;
  background: url(/static/img/newsletter/newletter-popup-header@1-6x.jpg?4a899825cf6b);
  background-position: center top;
  background-size: cover; }
  @media only screen and (max-width: 400px) {
    .nl-popup .nl-popup-header {
      padding-top: 75%; } }

@media only screen and (min-width: 800px) {
  .nl-popup .intro-popup {
    max-width: 780px; }
  .nl-popup .nl-popup-cont {
    background: url(/static/img/newsletter/newletter-popup-header-wide@1-6x.jpg?4a899825cf6b);
    background-position: center top;
    background-size: cover;
    padding: 48px 0; }
  .nl-popup .nl-popup-header {
    display: none; }
  .nl-popup .nl-popup-form {
    margin-left: 270px; } }

.nl-popup .nl-popup-form {
  color: #FFF;
  padding: 32px 30px; }
  @media only screen and (max-width: 400px) {
    .nl-popup .nl-popup-form {
      padding: 16px 15px; } }
  .nl-popup .nl-popup-form h4 {
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 2.1111111111em;
    line-height: 1.0526315789em;
    margin-top: 0em;
    margin-bottom: 0.4210526316em; }
    @media only screen and (max-width: 480px) {
      .nl-popup .nl-popup-form h4 {
        font-size: 1.3888888889em;
        line-height: 1.28em;
        margin-top: 0em;
        margin-bottom: 0.64em; } }
  .nl-popup .nl-popup-form p {
    font-size: 0.7777777778em;
    line-height: 1.7142857143em;
    margin-top: 0em;
    margin-bottom: 1.7142857143em; }
  .nl-popup .nl-popup-form input[type=email] {
    width: 180px; }
  .nl-popup .nl-popup-form .round-btn {
    background-color: #ED7666;
    color: #FFF; }

.nl-popup label {
  display: none; }

@media only screen and (max-width: 450px) {
  .nl-popup.popup {
    display: block; }
  .nl-popup .nl-popup-cont {
    width: 100%; }
  .nl-popup .close-popup:before {
    color: #000; } }

.theatre-popup .overlay {
  background: rgba(25, 25, 25, 0.95); }

.theatre-popup .intro-popup {
  display: block;
  width: 100%;
  max-width: 960px; }

.theatre-popup .close-popup {
  right: 0;
  z-index: 2; }
  .theatre-popup .close-popup:hover:before {
    color: white; }

.theatre-popup .a-video-cont {
  width: calc(100% - 120px); }

.theatre-popup .a-video {
  margin: 0; }

@media only screen and (max-width: 450px) {
  .theatre-popup.popup {
    display: block; }
  .theatre-popup .a-video-cont {
    width: 100%; } }

.popup-bottom-line {
  text-align: center;
  margin-top: 16px; }

.popup-top-line {
  width: calc(100% - 120px);
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 450px) {
    .popup-top-line {
      width: auto;
      margin-left: 25px;
      margin-right: 60px; } }
  .popup-top-line h4 {
    color: #FFF;
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 1em;
    line-height: 1.3333333333em;
    margin-top: 0em;
    margin-bottom: 0.8888888889em; }

.book-container .newsletter-form label {
  display: none; }

.book-container .newsletter-form input[type=email] {
  width: 200px; }

.book-container .newsletter-disclaimer {
  font-family: "Open Sans", 'Arial', sans-serif;
  font-size: 0.6111111111em;
  line-height: 1.4545454545em;
  margin-top: 1.4545454545em;
  margin-bottom: 0em;
  color: #FFF;
  opacity: 0.7; }

.books-display-cont {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1050px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 3px;
  padding: 64px 70px 48px;
  *zoom: 1;
  background-size: cover;
  position: relative; }
  @media only screen and (max-width: 480px) {
    .books-display-cont {
      padding-right: 15px;
      padding-left: 15px; } }
  .books-display-cont:before, .books-display-cont:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .books-display-cont:after {
    clear: both; }
  .books-display-cont .book-cover {
    width: 100%;
    border-radius: 3px; }
  .books-display-cont .l-col {
    float: left;
    width: 35%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 70px; }
  .books-display-cont .r-col {
    float: left;
    width: 65%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .books-display-cont .book-category-past {
    display: none; }
  .books-display-cont .book-title h3 {
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 1.9444444444em;
    line-height: 0.9142857143em;
    margin-top: 0.4571428571em;
    margin-bottom: 0.4571428571em;
    color: #FFF; }
    @media only screen and (max-width: 480px) {
      .books-display-cont .book-title h3 {
        font-size: 1.3888888889em;
        line-height: 1.28em;
        margin-top: 0.32em;
        margin-bottom: 0.64em; } }
  .books-display-cont .book-desc {
    font-size: 1em;
    line-height: 1.7777777778em;
    margin-top: 0.8888888889em;
    margin-bottom: 0.8888888889em;
    color: #FFF;
    max-width: 450px;
    opacity: 0.8; }
    @media only screen and (max-width: 480px) {
      .books-display-cont .book-desc {
        font-size: 0.8888888889em;
        line-height: 1.5em;
        margin-top: 1em;
        margin-bottom: 1em; } }
  .books-display-cont + .filters-categories {
    margin-top: 32px;
    margin-bottom: 32px; }
  @media only screen and (max-width: 720px) {
    .books-display-cont {
      padding: 48px 30px 48px; }
      .books-display-cont .l-col {
        padding-right: 0px; }
      .books-display-cont .r-col {
        padding-left: 30px; } }
  @media only screen and (max-width: 465px) {
    .books-display-cont {
      padding: 32px 30px 32px; }
      .books-display-cont .l-col {
        padding-right: 0;
        float: none;
        width: auto; }
      .books-display-cont .r-col {
        padding-left: 0;
        float: none;
        width: auto; }
      .books-display-cont .book-cover {
        max-width: 250px;
        margin-bottom: 16px; } }
  @media only screen and (max-width: 1050px) {
    .home-page .books-display-cont {
      margin-top: 0; } }

.books-advert-cont {
  border-radius: 4px;
  padding: 24px 20px;
  background-size: cover; }
  .books-advert-cont .book-title h3 {
    font-size: 1.1666666667em;
    line-height: 1.5238095238em;
    margin-top: 0.380952381em;
    margin-bottom: 0.7619047619em;
    font-family: "Open Sans", 'Arial', sans-serif;
    color: #FFF;
    margin-left: 0;
    margin-right: 0; }
  .books-advert-cont .small-title {
    text-align: center;
    margin-bottom: 8px; }
  .books-advert-cont .l-col img {
    width: 128px;
    float: left;
    margin: 0 20px 10px 0;
    border-radius: 2px; }
    @media only screen and (max-width: 680px) {
      .books-advert-cont .l-col img {
        width: 100%;
        max-width: 200px;
        float: none;
        margin: 0 auto 8px auto; } }
  .books-advert-cont .r-col .book-desc {
    font-size: 0.7777777778em;
    line-height: 1.7142857143em;
    margin-top: 0em;
    margin-bottom: 1.1428571429em;
    color: #FFF;
    opacity: 0.9; }

.book-category-actual {
  color: #FFF;
  opacity: 0.6;
  font-weight: bold; }
  .book-category-actual .ico:before {
    font-size: 21px;
    margin-right: 7px; }

.book-list-item {
  width: 20.5%;
  margin-bottom: 48px;
  position: relative;
  padding-bottom: 32px; }
  @media only screen and (max-width: 750px) {
    .book-list-item {
      width: 33%; } }
  @media only screen and (max-width: 550px) {
    .book-list-item {
      width: 46%; } }
  @media only screen and (max-width: 390px) {
    .book-list-item {
      width: 80%; } }
  .book-list-item .book-cover {
    width: 100%;
    float: left;
    margin-bottom: 16px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2); }
  .book-list-item .book-category-actual {
    display: none; }
  .book-list-item .book-title h3 {
    clear: left;
    font-size: 1.1666666667em;
    line-height: 1.5238095238em;
    margin-top: 0.7619047619em;
    margin-bottom: 0.380952381em;
    font-family: "Open Sans", 'Arial', sans-serif; }
  .book-list-item .book-desc {
    font-family: "Lora","Georgia", serif;
    font-size: 0.7777777778em;
    line-height: 1.7142857143em;
    margin-top: 0.5714285714em;
    margin-bottom: 1.1428571429em;
    color: #434343; }
  .book-list-item .round-btn {
    background: #434343;
    position: absolute;
    bottom: 0; }

.books-list-page.flexbox .article-flex-list, .books-list-page.flexbox .audio-topic-list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.books-list-page.flexbox .book-list-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 2%;
  padding-right: 2%;
  padding-right: 4%; }

.books-list-page.no-flexbox .book-list-item {
  display: inline-block;
  margin-left: 2%;
  margin-right: 2%;
  vertical-align: top;
  text-align: left; }

.books-list-page.no-flexbox .article-flex-list, .books-list-page.no-flexbox .audio-topic-list {
  text-align: center; }

.book-category-past {
  font-family: 'Arial', sans-serif;
  font-size: 0.6666666667em;
  line-height: 1.3333333333em;
  margin-top: 0em;
  margin-bottom: 0em;
  color: #8E8993;
  font-style: italic; }
  .book-category-past .ico:before {
    font-size: 21px;
    margin-right: 5px; }

.close-books {
  color: white;
  opacity: 0.4;
  cursor: pointer;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  position: absolute;
  top: 10px;
  right: 10px; }
  @media only screen and (max-width: 510px) {
    .close-books {
      top: 5px; } }
  @media only screen and (max-width: 354px) {
    .close-books {
      top: 0px;
      right: 0px; } }
  .close-books:hover {
    opacity: 1; }
  .close-books:before {
    font-size: 50px; }

.subscriptions-cont {
  clear: both;
  *zoom: 1;
  padding-bottom: 32px; }
  .subscriptions-cont:before, .subscriptions-cont:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .subscriptions-cont:after {
    clear: both; }
  .subscriptions-cont.price-2-cols {
    max-width: 900px; }
    .subscriptions-cont.price-2-cols .offer {
      width: 50%; }
    @media only screen and (max-width: 700px) {
      .subscriptions-cont.price-2-cols .offer2 {
        padding-top: 0; } }
  .subscriptions-cont.price-1-col {
    max-width: 500px; }
    .subscriptions-cont.price-1-col .offer {
      width: 100%; }
  .subscriptions-cont .offers-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    @media only screen and (max-width: 700px) {
      .subscriptions-cont .offers-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .subscriptions-cont .offer {
    width: 32%;
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 32px 40px 32px;
    text-align: center;
    color: #212529; }
    @media only screen and (max-width: 850px) {
      .subscriptions-cont .offer {
        padding-right: 20px;
        padding-left: 20px; } }
    @media only screen and (max-width: 700px) {
      .subscriptions-cont .offer {
        width: auto !important;
        float: none; } }
    .subscriptions-cont .offer h4 {
      font-size: 0.9444444444em;
      line-height: 1.4117647059em;
      margin-top: 0em;
      margin-bottom: 0em;
      font-family: "Open Sans", 'Arial', sans-serif;
      opacity: 0.65; }
      @media only screen and (max-width: 940px) {
        .subscriptions-cont .offer h4 {
          font-size: 0.8333333333em;
          line-height: 1.6em;
          margin-top: 0em;
          margin-bottom: 0em; } }
    .subscriptions-cont .offer h3 {
      font-size: 1.8888888889em;
      line-height: 1.8823529412em;
      margin-top: 0em;
      margin-bottom: 0em;
      font-family: "Open Sans", 'Arial', sans-serif; }
      @media only screen and (min-width: 700px) and (max-width: 750px) {
        .subscriptions-cont .offer h3 {
          font-size: 1.5555555556em;
          line-height: 2.2857142857em;
          margin-top: 0em;
          margin-bottom: 0em; } }
  .subscriptions-cont .offer1, .subscriptions-cont .offer3, .subscriptions-cont .offer0 {
    margin-top: 32px;
    background: #f7f6eb; }
    @media only screen and (max-width: 700px) {
      .subscriptions-cont .offer1, .subscriptions-cont .offer3, .subscriptions-cont .offer0 {
        margin: 0; } }
  .subscriptions-cont .offer1 {
    border-radius: 5px 0 0 5px; }
    @media only screen and (max-width: 700px) {
      .subscriptions-cont .offer1 {
        border-radius: 0;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; } }
    .subscriptions-cont .offer1 .buy-as-gif {
      visibility: hidden; }
      @media only screen and (max-width: 700px) {
        .subscriptions-cont .offer1 .buy-as-gif {
          display: none; } }
    .subscriptions-cont .offer1 .subscription-btn {
      background: #97CFD1; }
  .subscriptions-cont .offer3 {
    border-radius: 0 5px 5px 0; }
    @media only screen and (max-width: 700px) {
      .subscriptions-cont .offer3 {
        border-radius: 0;
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3; } }
    .subscriptions-cont .offer3 .subscription-btn {
      background: #97CFD1; }
  .subscriptions-cont .offer2 {
    background: #fdfffc;
    width: 36%;
    border-radius: 5px;
    padding-top: 64px;
    padding-bottom: 48px;
    -webkit-box-shadow: 0 5px 19px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 19px 0 rgba(0, 0, 0, 0.15);
    z-index: 2; }
    .subscriptions-cont .offer2 .subscription-btn {
      padding: 16px 30px;
      border-radius: 27px; }
    @media only screen and (max-width: 700px) {
      .subscriptions-cont .offer2 {
        width: auto;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
        .subscriptions-cont .offer2 .subscription-btn {
          margin-top: 0; } }
  .subscriptions-cont .offer0 {
    background: none;
    border-left: 1px solid #E1E1E2;
    padding-top: 0;
    padding-bottom: 0; }
    .subscriptions-cont .offer0:first-child {
      border: none; }
    @media only screen and (max-width: 700px) {
      .subscriptions-cont .offer0 {
        border: none;
        border-top: 1px solid #E1E1E2;
        padding-top: 32px;
        padding-bottom: 32px; } }
    .subscriptions-cont .offer0 h3 {
      color: #ED7666; }
  .subscriptions-cont .ssc-about-txt {
    font-family: "Lora","Georgia", serif;
    color: #434343;
    font-size: 1.1111111111em;
    line-height: 1.6em;
    margin-top: 0.8em;
    margin-bottom: 1.6em; }
    @media only screen and (max-width: 767px) {
      .subscriptions-cont .ssc-about-txt {
        font-size: 0.8888888889em;
        line-height: 1.5em;
        margin-top: 0.5em;
        margin-bottom: 1.5em; } }
  .subscriptions-cont .popular-sign-cont {
    position: absolute;
    width: 100%;
    top: -16px;
    left: 0;
    right: 0;
    text-align: center; }
    @media only screen and (max-width: 700px) {
      .subscriptions-cont .popular-sign-cont {
        display: none; } }
  .subscriptions-cont .buy-as-gif {
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 0.8333333333em;
    line-height: 2.1333333333em;
    margin-top: 0em;
    margin-bottom: 0em;
    opacity: 0.6;
    display: inline-block;
    margin-top: 16px; }
  .subscriptions-cont .ssc-bottom-login-link {
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 0.8333333333em;
    line-height: 2.1333333333em;
    margin-top: 0em;
    margin-bottom: 0em;
    opacity: 0.6;
    margin-top: 16px; }
  .subscriptions-cont .feature-text {
    font-size: 0.8333333333em;
    line-height: 1.6em;
    margin-top: 1.0666666667em;
    margin-bottom: 1.0666666667em; }
  .subscriptions-cont .price-features {
    font-family: "Open Sans", 'Arial', sans-serif;
    margin-bottom: 24px; }
    .subscriptions-cont .price-features ul {
      list-style-type: none;
      margin: 16px 0 24px;
      text-align: left;
      padding: 0; }
      .subscriptions-cont .price-features ul li {
        font-size: 0.8333333333em;
        line-height: 1.6em;
        margin-top: 0em;
        margin-bottom: 0em;
        border-top: 1px solid #E1E1E2;
        padding: 12.8px 0;
        padding-left: 40px; }
        .subscriptions-cont .price-features ul li:first-child {
          border-top: 0; }
        .subscriptions-cont .price-features ul li.true {
          font-weight: bold; }
    .subscriptions-cont .price-features .ico {
      margin-right: -20px;
      margin-left: -40px;
      float: left; }
      .subscriptions-cont .price-features .ico:before {
        font-size: 20px; }
    .subscriptions-cont .price-features .icon-cross-bold {
      opacity: 0.8;
      color: #D9480F; }
    .subscriptions-cont .price-features .icon-thick-bold {
      opacity: 0.8;
      color: #2F9E44; }
    .subscriptions-cont .price-features .the-same {
      text-align: left;
      font-size: 0.8333333333em;
      line-height: 2.1333333333em;
      margin-top: 0em;
      margin-bottom: 0em;
      padding-top: 8px;
      padding-left: 40px;
      font-weight: bold;
      margin-top: 16px;
      margin-bottom: 80px;
      position: relative; }
      .subscriptions-cont .price-features .the-same .icon-hand-arrow {
        position: absolute;
        left: -25px;
        z-index: 3;
        margin-top: 40px;
        color: #3C3C3B; }
        .subscriptions-cont .price-features .the-same .icon-hand-arrow:before {
          font-size: 55px; }
  .subscriptions-cont .price-note {
    font-size: 0.7222222222em;
    line-height: 1.8461538462em;
    margin-top: 0em;
    margin-bottom: 0em;
    opacity: 0.6; }
  .subscriptions-cont .price-mobile-only {
    display: block; }
    @media only screen and (min-width: 700px) {
      .subscriptions-cont .price-mobile-only {
        display: none; } }
  @media only screen and (max-width: 700px) {
    .subscriptions-cont .price-desktop-only {
      display: none; } }
  .subscriptions-cont .old-price {
    font-size: 1em;
    line-height: 0.8888888889em;
    margin-top: 0em;
    margin-bottom: 1.3333333333em;
    text-decoration: line-through;
    color: #434343; }

.price-list-bottom-note {
  clear: both;
  font-family: "Georgia", serif;
  font-size: 0.8333333333em;
  line-height: 1.6em;
  margin-top: 0em;
  margin-bottom: 0em;
  text-align: center;
  padding-top: 80px;
  margin-bottom: 32px;
  color: #8E8993;
  font-style: italic; }
  @media only screen and (max-width: 700px) {
    .price-list-bottom-note {
      padding-top: 16px;
      margin-bottom: 16px; } }

.subscriptions-cont.discounted-offer-cont {
  padding-top: 32px;
  padding-bottom: 96px; }

.mpay-btn-cont {
  font-size: 0.7777777778em;
  line-height: 1.1428571429em;
  margin-top: 2.2857142857em;
  margin-bottom: 0em;
  font-family: 'Arial', sans-serif; }
  .mpay-btn-cont .ico:before {
    margin-right: 4px;
    font-size: 24px; }
  .mpay-btn-cont button.mpay-btn {
    cursor: pointer;
    background: transparent;
    border: none; }
    .mpay-btn-cont button.mpay-btn.js-loading {
      display: none; }

.a-content .subscriptions-cont {
  width: auto; }

.croom-hp-cont {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1250px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 64px; }
  @media only screen and (max-width: 480px) {
    .croom-hp-cont {
      padding-right: 15px;
      padding-left: 15px; } }
  .croom-hp-cont p.sub-title, .croom-hp-cont p.audio-sub-title, .croom-hp-cont p.audio-sub-title-first {
    font-size: 1.1111111111em;
    line-height: 1.6em;
    margin-top: -2em;
    margin-bottom: 2.4em;
    color: #6a6b6e;
    font-weight: bold; }
    @media only screen and (max-width: 767px) {
      .croom-hp-cont p.sub-title, .croom-hp-cont p.audio-sub-title, .croom-hp-cont p.audio-sub-title-first {
        font-size: 1em;
        line-height: 1.3333333333em;
        margin-top: -1.7777777778em;
        margin-bottom: 1.7777777778em; } }
    @media only screen and (max-width: 480px) {
      .croom-hp-cont p.sub-title, .croom-hp-cont p.audio-sub-title, .croom-hp-cont p.audio-sub-title-first {
        font-size: 1em;
        line-height: 1.3333333333em;
        margin-top: -0.8888888889em;
        margin-bottom: 1.3333333333em; } }

.croom-hp-item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  margin-bottom: 16px;
  cursor: pointer;
  background-color: #F7F7F7;
  border-radius: 3px;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease; }
  .croom-hp-item:hover {
    opacity: 0.9; }
  .croom-hp-item.croom-hp-prepared {
    cursor: inherit;
    opacity: 0.7; }
    .croom-hp-item.croom-hp-prepared:hover {
      opacity: 0.7; }
    .croom-hp-item.croom-hp-prepared h2 {
      color: white; }
  .croom-hp-item .feature-info {
    position: absolute;
    top: 50px;
    right: 0; }
  .croom-hp-item h2 {
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 2.8333333333em;
    line-height: 1.0980392157em;
    margin-top: 0.3137254902em;
    margin-bottom: 1.2549019608em;
    max-width: 600px; }
    @media only screen and (max-width: 767px) {
      .croom-hp-item h2 {
        font-size: 2.2222222222em;
        line-height: 1em;
        margin-top: 0.4em;
        margin-bottom: 1.2em; } }
    @media only screen and (max-width: 480px) {
      .croom-hp-item h2 {
        font-size: 1.0555555556em;
        line-height: 1.3473684211em;
        margin-top: 0.4210526316em;
        margin-bottom: 0.8421052632em; } }
    .croom-hp-item h2 a {
      color: white;
      text-decoration: none;
      -webkit-transition-property: all;
      -o-transition-property: all;
      transition-property: all;
      -webkit-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: ease;
      -o-transition-timing-function: ease;
      transition-timing-function: ease; }
      .croom-hp-item h2 a:hover {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px); }
    .croom-hp-item h2 small {
      opacity: 0.6;
      font-size: 0.7em; }
  .croom-hp-item .croom-hp-title-cont {
    position: absolute;
    bottom: 0;
    left: 30px; }
    .croom-hp-item .croom-hp-title-cont .play-btn {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
      margin-left: -10px; }
    @media only screen and (max-width: 480px) {
      .croom-hp-item .croom-hp-title-cont {
        left: 15px;
        width: 80%; }
        .croom-hp-item .croom-hp-title-cont .play-btn {
          display: none; } }
  .croom-hp-item.croom-hp-item--next-course {
    padding-top: 27.83%;
    float: left;
    width: calc(50% - 8px); }
    .croom-hp-item.croom-hp-item--next-course .croom-hp-title-cont {
      width: 80%; }
    .croom-hp-item.croom-hp-item--next-course:nth-child(2n+2) {
      float: right; }
      @media only screen and (max-width: 767px) {
        .croom-hp-item.croom-hp-item--next-course:nth-child(2n+2) {
          float: none; } }
    .croom-hp-item.croom-hp-item--next-course .play-btn {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
      margin-left: -20px; }
    .croom-hp-item.croom-hp-item--next-course h2 {
      font-size: 1.2777777778em;
      line-height: 1.3913043478em;
      margin-top: 0.347826087em;
      margin-bottom: 1.3913043478em; }
      @media only screen and (max-width: 480px) {
        .croom-hp-item.croom-hp-item--next-course h2 {
          font-size: 1.0555555556em;
          line-height: 1.3473684211em;
          margin-top: 0.4210526316em;
          margin-bottom: 0.8421052632em; } }
    @media only screen and (max-width: 767px) {
      .croom-hp-item.croom-hp-item--next-course {
        float: none;
        width: auto;
        padding-top: 50%; } }
  .croom-hp-item.croom-hp-item--top-course {
    padding-top: 50%; }

.croom-detail-top-cont {
  max-width: 1400px;
  margin: 0 auto; }

.croom-detail-top-title .inner, .croom-detail-top-about .inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1050px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto; }
  @media only screen and (max-width: 480px) {
    .croom-detail-top-title .inner, .croom-detail-top-about .inner {
      padding-right: 15px;
      padding-left: 15px; } }

.croom-detail-top-title {
  background: gray;
  background-position: center top;
  background-size: cover;
  padding-top: 50%;
  position: relative; }
  .croom-detail-top-title .croom-inner-abs-cont {
    position: absolute;
    bottom: 48px; }
  .croom-detail-top-title .round-btn {
    margin: 8px 10px 0 0; }
  .croom-detail-top-title .no-outline-white-btn {
    padding-right: 0;
    padding-left: 0; }
  .croom-detail-top-title h1 {
    color: #FFF;
    max-width: 600px;
    font-size: 2.8333333333em;
    line-height: 1.0980392157em;
    margin-top: 0.3137254902em;
    margin-bottom: 0.9411764706em; }
    @media only screen and (max-width: 767px) {
      .croom-detail-top-title h1 {
        font-size: 1.9444444444em;
        line-height: 1.1428571429em;
        margin-top: 0.4571428571em;
        margin-bottom: 0.4571428571em; } }
    @media only screen and (max-width: 480px) {
      .croom-detail-top-title h1 {
        font-size: 1.6666666667em;
        line-height: 1.3333333333em;
        margin-top: 0.5333333333em;
        margin-bottom: 0.5333333333em; } }
  @media only screen and (max-width: 767px) {
    .croom-detail-top-title .round-btn {
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
      margin-left: -15px;
      margin-right: 0; }
    .croom-detail-top-title h1 {
      max-width: 300px; } }
  @media only screen and (max-height: 845px) {
    .croom-detail-top-title {
      padding-top: 40%; } }
  @media only screen and (max-height: 845px) and (max-width: 1053px) {
    .croom-detail-top-title {
      padding-top: 50%; } }
  @media only screen and (max-width: 680px) {
    .croom-detail-top-title {
      padding-top: 50%; }
      .croom-detail-top-title .no-outline-white-btn, .croom-detail-top-title .big-btn {
        display: none; }
      .croom-detail-top-title .croom-inner-abs-cont {
        bottom: 32px; } }
  @media only screen and (max-width: 480px) {
    .croom-detail-top-title {
      padding-top: 133%; } }

.croom-detail-top-about {
  background: #36363D;
  background-repeat: no-repeat;
  background-size: cover; }
  .croom-detail-top-about .darker {
    padding-top: 48px;
    padding-bottom: 48px;
    background: rgba(0, 0, 0, 0.5); }
  .croom-detail-top-about h2, .croom-detail-top-about p {
    font-family: "Open Sans", 'Arial', sans-serif;
    color: #FFF; }
  .croom-detail-top-about p {
    opacity: 0.8; }

.croom-detail-info-about {
  float: left;
  width: 70%;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 8px; }
  .croom-detail-info-about h2 {
    font-size: 1.4444444444em;
    line-height: 1.2307692308em;
    margin-top: 0em;
    margin-bottom: 0.3076923077em; }
  .croom-detail-info-about p {
    font-size: 0.8888888889em;
    line-height: 2em;
    margin-top: 0em;
    margin-bottom: 0em;
    font-weight: bold; }

.croom-detail-materials {
  float: right;
  width: 30%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 40px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 8px; }
  .croom-detail-materials h2 {
    font-size: 1.1111111111em;
    line-height: 1.6em;
    margin-top: 0em;
    margin-bottom: 0.4em; }
  .croom-detail-materials p {
    font-size: 0.7777777778em;
    line-height: 1.7142857143em;
    margin-top: 0em;
    margin-bottom: 0.5714285714em;
    font-weight: normal; }

@media only screen and (max-width: 560px) {
  .croom-detail-info-about, .croom-detail-materials {
    float: none;
    width: auto;
    border: none;
    padding-right: 0;
    padding-left: 0; }
  .croom-detail-materials {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 32px;
    margin-top: 32px; } }

.croom-pay-vars .mid-btn {
  min-width: 215px; }

.croom-all-lessons-title {
  text-align: center;
  font-family: "Open Sans", 'Arial', sans-serif;
  border-bottom: 1px solid #EEEDE9;
  font-size: 1.2222222222em;
  line-height: 1.4545454545em;
  margin-top: 0em;
  margin-bottom: 0em;
  padding: 48px 15px;
  color: #8E8993; }
  .croom-all-lessons-title a {
    color: #ED7666;
    text-decoration: none; }

.croom-lesson-list {
  padding: 0;
  list-style: none;
  margin: 0px auto 64px; }
  @media only screen and (max-width: 767px) {
    .croom-lesson-list {
      margin-bottom: 16px; } }
  .croom-lesson-list li {
    overflow: hidden;
    padding: 32px 0;
    border-bottom: 1px solid #EEEDE9; }
    @media only screen and (max-width: 767px) {
      .croom-lesson-list li {
        padding-right: 15px; } }
    .croom-lesson-list li:last-child {
      border-bottom: 0; }

.croom-lesson-order {
  float: left;
  font-family: "Lora","Georgia", serif;
  font-size: 3.7777777778em;
  line-height: 1.0588235294em;
  margin-top: 0em;
  margin-bottom: 0em;
  color: #ED7666;
  width: 75px;
  margin-right: -80px;
  letter-spacing: -0.06em;
  text-align: right; }
  @media only screen and (max-width: 767px) {
    .croom-lesson-order {
      font-size: 3.0555555556em;
      line-height: 0.5818181818em;
      margin-top: 0em;
      margin-bottom: 0em; } }
  @media only screen and (max-width: 767px) {
    .croom-lesson-order {
      text-indent: 0;
      width: 65px; } }
  .current .croom-lesson-order {
    color: #675870; }

.croom-lesson-info {
  margin-left: 100px; }
  @media only screen and (max-width: 767px) {
    .croom-lesson-info {
      margin-left: 80px; } }
  .croom-lesson-info h3 {
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 1.2222222222em;
    line-height: 1.4545454545em;
    margin-top: 0em;
    margin-bottom: 0.3636363636em;
    letter-spacing: -0.02em; }
    .croom-lesson-info h3 a {
      text-decoration: none;
      color: #36363D; }
  .croom-lesson-info .croom-lesson-text {
    font-size: 0.8888888889em;
    line-height: 1.5em;
    margin-top: 0em;
    margin-bottom: 0em;
    opacity: 0.8; }
    .croom-lesson-info .croom-lesson-text a.croom-plain-text-anchor {
      text-decoration: none;
      color: #36363D; }

.can-access-btn-cont {
  display: none;
  float: right; }
  .croom-can-access .can-access-btn-cont {
    display: inline-block; }
  .can-access-btn-cont a {
    z-index: 2;
    position: relative;
    margin-left: 20px; }
    @media only screen and (max-width: 767px) {
      .can-access-btn-cont a {
        margin-left: 10px; } }
    .current .can-access-btn-cont a {
      background-color: #F0F0F0; }

.croom-lesson-detail-order {
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto; }

.croom-lesson-order-number {
  float: left;
  font-family: "Lora","Georgia", serif;
  font-size: 5.5555555556em;
  line-height: 0.64em;
  margin-top: -0.128em;
  margin-bottom: 0em;
  color: #EBEBEC;
  margin-right: 15px;
  letter-spacing: -0.08em;
  text-align: right;
  width: 130px; }
  @media only screen and (max-width: 480px) {
    .croom-lesson-order-number {
      font-size: 2.2222222222em;
      line-height: 0.92em;
      margin-top: 0.04em;
      margin-bottom: 0em; } }
  @media only screen and (max-width: 1024px) {
    .croom-lesson-order-number {
      width: auto;
      margin-right: 25px;
      margin-left: 20px;
      float: right; } }
  @media only screen and (max-width: 480px) {
    .croom-lesson-order-number {
      margin-right: 15px; } }

.croom-read-more-cont {
  padding: 48px 0 32px;
  background: #EBEBEC; }
  .croom-read-more-cont h4.small-title {
    text-align: center; }

.lesson-detail-page .a-video {
  margin: 48px 0 64px; }
  @media only screen and (max-width: 980px) and (min-height: 850px) {
    .lesson-detail-page .a-video {
      margin: 0 0 64px; } }
  @media only screen and (max-width: 680px) and (max-height: 850px) {
    .lesson-detail-page .a-video {
      margin: 0 0 64px; } }
  @media only screen and (max-width: 480px) {
    .lesson-detail-page .a-video {
      margin-bottom: 32px; } }

.lesson-detail-page .a-video-cont {
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease; }
  @media only screen and (max-height: 850px) {
    .lesson-detail-page .a-video-cont {
      max-width: 680px; } }

.lesson-detail-page .a-author-top {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 980px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
  font-size: 0.9em; }
  @media only screen and (max-width: 480px) {
    .lesson-detail-page .a-author-top {
      padding-right: 15px;
      padding-left: 15px; } }
  .lesson-detail-page .a-author-top .author-cont {
    width: 90px; }
    .lesson-detail-page .a-author-top .author-cont .avatar {
      width: 80px; }

.croom-lesson-detail-top {
  max-width: 1400px;
  background: gray;
  margin: 0 auto 48px; }
  @media only screen and (max-width: 480px) {
    .croom-lesson-detail-top {
      margin-bottom: 16px; } }
  .croom-lesson-detail-top .inner {
    padding-top: 29%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative; }
  .croom-lesson-detail-top .innertext {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0; }
  .croom-lesson-detail-top h2 {
    max-width: 680px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1.3888888889em;
    line-height: 1.28em;
    margin-top: 0em;
    margin-bottom: 1.92em;
    font-family: "Open Sans", 'Arial', sans-serif;
    color: #FFF;
    opacity: 0.8; }
    @media only screen and (max-width: 740px) {
      .croom-lesson-detail-top h2 {
        margin-right: 30px;
        margin-left: 30px; } }
    @media only screen and (max-width: 480px) {
      .croom-lesson-detail-top h2 {
        margin-right: 15px;
        margin-left: 15px; } }
    @media only screen and (max-width: 767px) {
      .croom-lesson-detail-top h2 {
        font-size: 1.1111111111em;
        line-height: 1.6em;
        margin-top: 0em;
        margin-bottom: 1.6em; } }
    @media only screen and (max-width: 480px) {
      .croom-lesson-detail-top h2 {
        font-size: 1.1111111111em;
        line-height: 1.6em;
        margin-top: 0em;
        margin-bottom: 1.2em; } }
    @media only screen and (max-width: 630px) {
      .croom-lesson-detail-top h2 {
        display: none; } }

.my-classroom-page .croom-hp-list {
  margin-bottom: 64px; }

h2.lesson-img-title {
  text-transform: uppercase;
  color: gray;
  opacity: .6;
  font-size: 0.8888888889em;
  line-height: 2em;
  margin-top: 0em;
  margin-bottom: 0.5em; }
  @media only screen and (max-width: 480px) {
    h2.lesson-img-title {
      font-size: 0.7777777778em;
      line-height: 1.7142857143em;
      margin-top: 0em;
      margin-bottom: 0em; } }
  @media only screen and (max-width: 1024px) {
    h2.lesson-img-title {
      margin-bottom: 8px; } }
  @media only screen and (max-width: 480px) {
    h2.lesson-img-title {
      margin-bottom: 8px; } }

.podcast {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 90%;
  max-width: 520px;
  height: 72px;
  margin-top: 30px; }
  @media only screen and (max-width: 768px) {
    .heading-special-detail .podcast {
      margin-top: 0; } }
  @media only screen and (min-width: 1024px) {
    .podcast {
      width: 520px;
      margin-top: 35px; } }

.podcast__controls {
  width: 72px;
  height: 100%;
  margin-right: 8px; }

.podcast__controls__button {
  width: 72px;
  height: 72px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border: 0;
  background-color: transparent; }
  .podcast__controls__button:focus {
    outline: none; }

.podcast__controls__button[data-status='pause'] {
  background-image: url("/static/img/podcast-play.svg?a52cff569c95"); }

.podcast__controls__button[data-status='play'] {
  background-image: url("/static/img/podcast-pause.svg?a52cff569c95"); }

.podcast__progress, .hp-audio-player .podcast__progress__active {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  max-width: 100%;
  background: transparent url("/static/img/podcast-progress.svg?a52cff569c95") 0 center no-repeat;
  background-size: contain;
  position: relative; }

.podcast__progress__active-wrapper {
  width: 0%;
  height: 100%;
  overflow: hidden;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s; }

.podcast__progress__active {
  height: 100%;
  background: transparent url("/static/img/podcast-progress-active.svg?a52cff569c95") 0 center no-repeat;
  background-size: contain;
  position: relative; }

.podcast__progress__seek {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 555; }

.podcast__time {
  display: block;
  width: 56px;
  height: 24px;
  border-radius: 16px;
  background-color: #FFF;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  right: -28px;
  color: #62655b;
  font-family: Helvetica;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 24px;
  border: 2px solid #FFF; }

@-moz-document url-prefix() {
  .podcast__time {
    line-height: 1;
    height: auto;
    padding: 5px 0 3px 0;
    margin-top: -13px; } }

.podcast__time[data-status='play'] {
  background-color: #ED7665;
  color: white; }

.podcast__loading {
  display: block;
  width: 120px;
  height: 24px;
  border-radius: 16px;
  background-color: #FFF;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  right: -28px;
  color: #62655b;
  font-family: Helvetica;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 24px;
  border: 2px solid #FFF; }

#audio {
  display: none; }

.audio-sub-title {
  font-size: 2em;
  line-height: 0.8888888889em;
  margin-top: 1.7777777778em;
  margin-bottom: 1.3333333333em; }
  @media only screen and (max-width: 767px) {
    .audio-sub-title {
      font-size: 1.3888888889em;
      line-height: 0.96em;
      margin-top: 2.56em;
      margin-bottom: 0.96em; } }
  @media only screen and (max-width: 480px) {
    .audio-sub-title {
      font-size: 1.1111111111em;
      line-height: 1.2em;
      margin-top: 3.2em;
      margin-bottom: 1.2em; } }

.audio-sub-title-first {
  font-size: 2em;
  line-height: 0.8888888889em;
  margin-top: -1.1111111111em;
  margin-bottom: 1.3333333333em; }
  @media only screen and (max-width: 767px) {
    .audio-sub-title-first {
      font-size: 1.3888888889em;
      line-height: 0.96em;
      margin-top: -0.64em;
      margin-bottom: 0.96em; } }
  @media only screen and (max-width: 480px) {
    .audio-sub-title-first {
      font-size: 1.1111111111em;
      line-height: 1.2em;
      margin-top: -0.8em;
      margin-bottom: 1.2em; } }

.xl-full-col {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1490px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  max-width: 1440px; }
  @media only screen and (max-width: 480px) {
    .xl-full-col {
      padding-right: 15px;
      padding-left: 15px; } }
  @media only screen and (max-width: 480px) {
    .xl-full-col {
      padding-left: 0;
      padding-right: 0; } }

.classic-title-audio-topics {
  text-align: center; }
  @media only screen and (max-width: 480px) {
    .classic-title-audio-topics {
      text-align: left; } }

.audio-topic-list-page .filters-cont,
.audio-article-list-page .filters-cont {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0; }
  @media only screen and (max-width: 1024px) {
    .audio-topic-list-page .filters-cont,
    .audio-article-list-page .filters-cont {
      padding-left: 25px;
      padding-right: 25px; } }
  @media only screen and (max-width: 480px) {
    .audio-topic-list-page .filters-cont,
    .audio-article-list-page .filters-cont {
      display: none; } }

.audio-topic-list {
  padding: 0;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 480px) {
    .audio-topic-list {
      margin-bottom: 16px; } }
  .flexbox .audio-topic-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.related-audio-topics {
  padding-bottom: 48px;
  padding-top: 24px; }
  .related-audio-topics .small-title {
    text-align: center; }
  @media only screen and (max-width: 480px) {
    .related-audio-topics {
      padding-bottom: 0; } }

.audio-btn-row {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  text-align: center; }
  .audio-btn-row .round-btn.audio-btn {
    width: 20%; }
    @media only screen and (max-width: 1024px) {
      .audio-btn-row .round-btn.audio-btn {
        width: 33.333%; } }
    @media only screen and (max-width: 767px) {
      .audio-btn-row .round-btn.audio-btn {
        width: 50%; } }
    @media only screen and (max-width: 480px) {
      .audio-btn-row .round-btn.audio-btn {
        width: 100%; } }
  @media only screen and (max-width: 480px) {
    .audio-btn-row {
      padding: 16px; } }

.home-audio-topics,
.home-events {
  padding: 0;
  margin-bottom: 48px;
  background-color: #FFF; }
  .home-audio-topics .small-title,
  .home-events .small-title {
    padding: 0;
    text-align: left; }
  .home-audio-topics .event,
  .home-events .event {
    width: 100%;
    max-width: 330px;
    border-radius: 0;
    margin: 0;
    margin-bottom: 24px; }
    .home-audio-topics .event .event-copy,
    .home-events .event .event-copy {
      font-family: "Open Sans", 'Arial', sans-serif;
      font-size: 0.7222222222em;
      line-height: 1.6em;
      margin-top: 0em;
      margin-bottom: 0em;
      color: #727274;
      min-height: 80px;
      letter-spacing: -0.01em;
      text-align: left;
      min-height: auto; }
    .home-audio-topics .event .event-img,
    .home-events .event .event-img {
      position: relative;
      overflow: hidden;
      height: 0;
      padding-bottom: 44%;
      margin-bottom: 8px; }
      .home-audio-topics .event .event-img img,
      .home-events .event .event-img img {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0; }
      .home-audio-topics .event .event-img .duration,
      .home-events .event .event-img .duration {
        font-family: "Open Sans", 'Arial', sans-serif;
        font-size: 0.5555555556em;
        line-height: 1.6em;
        margin-top: 0em;
        margin-bottom: 0em;
        display: block;
        position: absolute;
        right: 8px;
        bottom: 8px;
        color: #FFF;
        -webkit-text-fill-color: #FFF;
        line-height: 1; }
      .home-audio-topics .event .event-img .play-icon,
      .home-events .event .event-img .play-icon {
        display: block;
        position: absolute;
        left: 8px;
        bottom: 8px;
        width: 13px;
        height: 16px;
        background-image: url(/static/img/audio/audio-play.svg?f68a8d373c69);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: contain; }
      .home-audio-topics .event .event-img .type-label,
      .home-audio-topics .event .event-img .feature-info,
      .home-events .event .event-img .type-label,
      .home-events .event .event-img .feature-info {
        all: unset;
        font-family: "Open Sans", 'Arial', sans-serif;
        font-size: 0.5555555556em;
        line-height: 1.6em;
        margin-top: 0em;
        margin-bottom: 0em;
        display: table;
        position: absolute;
        top: 8px;
        left: 0;
        padding: 8px 10px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 2px;
        text-align: center;
        background-color: #F6F4F1;
        color: #36363D; }
        .home-audio-topics .event .event-img .type-label .advisory-label,
        .home-audio-topics .event .event-img .feature-info .advisory-label,
        .home-events .event .event-img .type-label .advisory-label,
        .home-events .event .event-img .feature-info .advisory-label {
          all: unset; }
    .home-audio-topics .event h3,
    .home-events .event h3 {
      margin: 0;
      padding: 0;
      text-align: left; }
      .home-audio-topics .event h3 a,
      .home-events .event h3 a {
        color: #36363D;
        -webkit-text-fill-color: #36363D; }

.home-events {
  margin-bottom: 16px; }

.audio-topic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 20%;
  margin-bottom: 32px; }
  @media only screen and (max-width: 1024px) {
    .audio-topic {
      width: 33.333%; } }
  @media only screen and (max-width: 767px) {
    .audio-topic {
      width: 50%; } }
  @media only screen and (max-width: 480px) {
    .audio-topic {
      width: 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-bottom: 0;
      padding: 16px 15px;
      border-top: 4px solid #F7F7F7; } }
  .no-flexbox .audio-topic {
    display: block;
    float: left; }
  .home-audio-topics .audio-topic {
    width: auto;
    margin-bottom: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 16px 0;
    border-top: 4px solid #F7F7F7; }
  .audio-topic .duration {
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 0.6666666667em;
    line-height: 1.3333333333em;
    margin-top: 0em;
    margin-bottom: 0em;
    display: block;
    position: absolute;
    right: 16px;
    bottom: 8px;
    color: #FFF;
    -webkit-text-fill-color: #FFF;
    line-height: 1; }
    @media only screen and (max-width: 480px) {
      .audio-topic .duration {
        font-size: 0.5555555556em;
        line-height: 1.6em;
        margin-top: 0em;
        margin-bottom: 0em;
        right: 8px;
        bottom: 4px; } }
    .home-audio-topics .audio-topic .duration {
      font-size: 0.5555555556em;
      line-height: 1.6em;
      margin-top: 0em;
      margin-bottom: 0em;
      right: 8px;
      bottom: 4px; }

@media only screen and (max-width: 480px) {
  .at-content {
    width: 60%; } }

.home-audio-topics .at-content {
  width: 60%; }

.at-image-container {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 33.3333%;
  background-color: #000; }
  @media only screen and (max-width: 480px) {
    .at-image-container {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      width: 36%;
      height: 0;
      padding-bottom: 27%; } }
  .home-audio-topics .at-image-container {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 36%;
    height: 0;
    padding-bottom: 27%; }
  .at-image-container a, .at-image-container a:visited {
    color: #FFF; }

.at-image {
  position: absolute;
  width: 100%;
  height: 100%; }
  .at-image img {
    width: 100%;
    opacity: 0.7; }
  .at-image:hover img {
    opacity: 1; }

.at-headline {
  font-family: "Open Sans", 'Arial', sans-serif;
  font-size: 0.8888888889em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 0.3em;
  color: #36363D;
  letter-spacing: 0.02em;
  padding: 12px 15px 0 15px; }
  .at-headline a {
    color: #36363D;
    text-decoration: none; }
  @media only screen and (max-width: 480px) {
    .at-headline {
      font-size: 0.8888888889em;
      line-height: 1.5em;
      margin-top: 0em;
      margin-bottom: 0em;
      padding-top: 0;
      padding-left: 0;
      padding-right: 0; } }
  .home-audio-topics .at-headline {
    font-size: 0.8888888889em;
    line-height: 1.5em;
    margin-top: 0em;
    margin-bottom: 0em;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0; }

.at-intro {
  font-family: "Open Sans", 'Arial', sans-serif;
  font-size: 0.7222222222em;
  line-height: 1.6em;
  margin-top: 0em;
  margin-bottom: 0em;
  padding: 0 15px 0 15px;
  color: #727274;
  min-height: 80px;
  letter-spacing: -0.01em; }
  @media only screen and (max-width: 480px) {
    .at-intro {
      padding-left: 0;
      padding-right: 0; } }
  .home-audio-topics .at-intro {
    padding-left: 0;
    padding-right: 0; }

.at-play-icon {
  display: block;
  position: absolute;
  left: 16px;
  bottom: 8px;
  width: 13px;
  height: 16px;
  background-image: url(/static/img/audio/audio-play.svg?f68a8d373c69);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain; }
  @media only screen and (max-width: 480px) {
    .at-play-icon {
      left: 8px;
      bottom: 4px;
      width: 11px;
      height: 14px; } }
  .home-audio-topics .at-play-icon {
    left: 8px;
    bottom: 4px;
    width: 11px;
    height: 14px; }

.round-btn.audio-btn {
  font-size: 14px;
  width: 100%;
  -webkit-animation: 3s linear 0s 1 normal forwards running audio-btn-anim-keyframes;
          animation: 3s linear 0s 1 normal forwards running audio-btn-anim-keyframes; }
  .home-audio-topics .round-btn.audio-btn {
    width: 100%; }
  @media only screen and (max-width: 480px) {
    .round-btn.audio-btn {
      width: 100%; } }

@-webkit-keyframes audio-btn-anim-keyframes {
  0% {
    color: #675870;
    background-color: #f1eef2;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  66.6667% {
    color: #675870;
    background-color: #f1eef2;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  100% {
    color: #FFF;
    -webkit-text-fill-color: #FFF;
    background-color: #A1CFD2;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; } }

@keyframes audio-btn-anim-keyframes {
  0% {
    color: #675870;
    background-color: #f1eef2;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  66.6667% {
    color: #675870;
    background-color: #f1eef2;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  100% {
    color: #FFF;
    -webkit-text-fill-color: #FFF;
    background-color: #A1CFD2;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; } }

.heading-special-audio-topic {
  background-color: #FFF;
  margin-bottom: 0;
  border-top: 1px solid #dfdfe0;
  border-bottom: 1px solid #dfdfe0; }
  .flexbox .heading-special-audio-topic .flex {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .heading-special-audio-topic .inner {
    max-width: 1440px; }
  .heading-special-audio-topic .img-col {
    width: 38%;
    background-color: #dfdfe0; }
    @media only screen and (max-width: 480px) {
      .heading-special-audio-topic .img-col {
        width: auto; } }
  .heading-special-audio-topic .txt-col {
    color: #36363D;
    width: 62%;
    padding: 20px 20px 0 72px; }
    @media only screen and (max-width: 1024px) {
      .heading-special-audio-topic .txt-col {
        padding: 20px 20px 0 45px; } }
    @media only screen and (max-width: 767px) {
      .heading-special-audio-topic .txt-col {
        padding: 20px 20px 0 25px; } }
    @media only screen and (max-width: 480px) {
      .heading-special-audio-topic .txt-col {
        width: auto;
        padding: 20px 15px 25px 15px; } }
    .heading-special-audio-topic .txt-col h1,
    .heading-special-audio-topic .txt-col .perex,
    .heading-special-audio-topic .txt-col .length {
      color: #36363D; }
    .heading-special-audio-topic .txt-col h1 {
      font-size: 50px;
      line-height: 1.2;
      letter-spacing: -1.95px;
      margin-bottom: 16px;
      max-width: calc(100% - 32px); }
      @media only screen and (max-width: 1024px) {
        .heading-special-audio-topic .txt-col h1 {
          font-size: 39px; } }
      @media only screen and (max-width: 767px) {
        .heading-special-audio-topic .txt-col h1 {
          font-size: 32px; } }
      @media only screen and (max-width: 480px) {
        .heading-special-audio-topic .txt-col h1 {
          font-size: 32px;
          margin-bottom: 8px; } }
    .heading-special-audio-topic .txt-col p.perex {
      font-family: "Lora","Georgia", serif;
      font-size: 1.2222222222em;
      line-height: 1.4545454545em;
      margin-top: 0em;
      margin-bottom: 0em;
      line-height: 1.6;
      margin-bottom: 16px;
      max-width: calc(100% - 32px); }
      @media only screen and (max-width: 1024px) {
        .heading-special-audio-topic .txt-col p.perex {
          font-size: 20px; } }
      @media only screen and (max-width: 767px) {
        .heading-special-audio-topic .txt-col p.perex {
          margin-bottom: 8px;
          font-size: 16px; } }
      @media only screen and (max-width: 480px) {
        .heading-special-audio-topic .txt-col p.perex {
          font-size: 20px;
          max-width: 100%; } }
    .heading-special-audio-topic .txt-col .length {
      font-family: "Open Sans", 'Arial', sans-serif;
      font-size: 0.8888888889em;
      line-height: 2em;
      margin-top: 0em;
      margin-bottom: 0em;
      margin-bottom: 0;
      margin-top: 0; }
    @media only screen and (max-width: 767px) {
      .heading-special-audio-topic .txt-col {
        font-size: 14px; } }
    @media only screen and (max-width: 480px) {
      .heading-special-audio-topic .txt-col {
        font-size: 16px; } }

@media only screen and (max-width: 480px) {
  .mobilehidden {
    display: none; } }

.audio-article-flex-list {
  padding-left: 0;
  padding-right: 0; }
  .audio-article-flex-list br {
    display: none; }
  .audio-article-flex-list .audio-article-list-box:first-child .audio-article-lb-inner {
    border-top: none; }

h1.classic-title-audio {
  margin-left: auto;
  margin-right: auto; }

h2.audio-sub-title-first {
  font-size: 2.2222222222em;
  line-height: 0.56em;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  color: #36363D; }
  @media only screen and (max-width: 767px) {
    h2.audio-sub-title-first {
      font-size: 1.5555555556em;
      line-height: 0.8em;
      margin-top: 1.1428571429em;
      margin-bottom: 1.1428571429em; } }
  @media only screen and (max-width: 480px) {
    h2.audio-sub-title-first {
      font-size: 1.2222222222em;
      line-height: 1.0181818182em;
      margin-top: 0.7272727273em;
      margin-bottom: 0.7272727273em; } }
  @media only screen and (max-width: 480px) {
    h2.audio-sub-title-first {
      text-align: left;
      margin-right: 15px;
      margin-left: 15px; } }

h2.audio-sub-title {
  font-size: 2.2222222222em;
  line-height: 0.56em;
  margin-top: 2em;
  margin-bottom: 1.2em;
  color: #36363D; }
  @media only screen and (max-width: 767px) {
    h2.audio-sub-title {
      font-size: 1.5555555556em;
      line-height: 0.8em;
      margin-top: 2.2857142857em;
      margin-bottom: 1.1428571429em; } }
  @media only screen and (max-width: 480px) {
    h2.audio-sub-title {
      font-size: 1.2222222222em;
      line-height: 1.0181818182em;
      margin-top: 2.1818181818em;
      margin-bottom: 1.4545454545em; } }
  @media only screen and (max-width: 480px) {
    h2.audio-sub-title {
      text-align: left;
      margin-right: 15px;
      margin-left: 15px; } }

@media only screen and (max-width: 480px) {
  .audio-article-list-box {
    border-top: 4px solid #F7F7F7; } }

.audio-article-list-box.active {
  background-color: #F7F7F7;
  margin-bottom: -4px; }

.audio-article-lb-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 880px;
  margin: 0 auto;
  padding: 28px 0;
  border-top: 4px solid #F7F7F7; }
  @media only screen and (max-width: 1024px) {
    .audio-article-lb-inner {
      margin: 0 25px; } }
  @media only screen and (max-width: 480px) {
    .audio-article-lb-inner {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      border-top: none;
      padding: 14px 0;
      margin: 0 15px; } }
  .audio-article-list-box.active .audio-article-lb-inner {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    background-color: #F7F7F7; }
    .audio-article-list-box.active .audio-article-lb-inner .au-thumbnail {
      width: 72px;
      height: 72px;
      margin-right: 22px; }
    .audio-article-list-box.active .audio-article-lb-inner .podcast {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .audio-article-list-box.active .audio-article-lb-inner .a-author {
      display: block; }
      @media only screen and (max-width: 480px) {
        .audio-article-list-box.active .audio-article-lb-inner .a-author {
          display: none; } }
    .audio-article-list-box.active .audio-article-lb-inner .au-time {
      display: none; }
    .audio-article-list-box.active .audio-article-lb-inner .au-link {
      display: block; }
  .audio-article-lb-inner .au-thumbnail {
    position: relative;
    display: block;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 64px;
    height: 64px;
    margin-right: 30px; }
    .audio-article-lb-inner .au-thumbnail .podcast__controls__button {
      position: absolute;
      left: 0;
      top: 0;
      padding: 0;
      width: 100%;
      height: 100%; }
      .audio-article-lb-inner .au-thumbnail .podcast__controls__button img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%; }
      .audio-article-lb-inner .au-thumbnail .podcast__controls__button .au-thumb-overlay {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url(/static/img/audio-play.svg?f68a8d373c69); }
      .audio-article-lb-inner .au-thumbnail .podcast__controls__button[data-status=play] .au-thumb-overlay {
        background-image: url(/static/img/audio-pause.svg?f68a8d373c69); }
  .audio-article-lb-inner .au-content-box {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .audio-article-lb-inner .podcast {
    margin: 0 0 18px 0;
    height: 72px;
    width: calc(100% - 28px);
    max-width: calc(100% - 28px);
    display: none; }
    .audio-article-lb-inner .podcast .podcast__time {
      background-color: #FFF;
      border-color: #FFF;
      color: #675870; }
      .audio-article-lb-inner .podcast .podcast__time[data-status=play] {
        background-color: #675870;
        border-color: #FFF;
        color: #FFF; }
    .audio-article-lb-inner .podcast .podcast__progress, .audio-article-lb-inner .podcast .hp-audio-player .podcast__progress__active, .hp-audio-player .audio-article-lb-inner .podcast .podcast__progress__active {
      background-image: url(/static/img/audio-progress.svg?f68a8d373c69);
      background-size: auto 100%;
      background-position: left center;
      background-repeat: repeat-x; }
    .audio-article-lb-inner .podcast .podcast__progress__active {
      background-image: url(/static/img/audio-progress-active.svg?f68a8d373c69);
      background-size: auto 100%;
      background-position: left center;
      background-repeat: repeat-x; }
  .audio-article-lb-inner .au-title {
    text-decoration: none;
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 0.8888888889em;
    line-height: 1em;
    margin-top: 0em;
    margin-bottom: 0.375em;
    font-weight: 700;
    color: #36363D; }
  @media only screen and (max-width: 480px) {
    .audio-article-lb-inner .au-copy-box {
      margin-bottom: 0.75em; } }
  .audio-article-lb-inner .au-intro {
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 0.7222222222em;
    line-height: 1.6em;
    margin-top: 0em;
    margin-bottom: 0em;
    color: #727274;
    margin-right: 50px; }
    @media only screen and (max-width: 480px) {
      .audio-article-lb-inner .au-intro {
        margin-right: 0; } }
  .audio-article-lb-inner .au-bottom-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media only screen and (max-width: 480px) {
      .audio-article-lb-inner .au-bottom-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
  .audio-article-lb-inner .a-author {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 160px;
    display: none; }
  .audio-article-lb-inner .au-time {
    font-size: 0.7222222222em;
    line-height: 1.2307692308em;
    margin-top: 0em;
    margin-bottom: 0em;
    font-family: 'Arial', sans-serif;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 90px;
    text-align: right;
    font-weight: 700;
    color: #A7A7A7; }
    @media only screen and (max-width: 480px) {
      .audio-article-lb-inner .au-time {
        margin-left: auto;
        margin-right: 0; } }
  .audio-article-lb-inner .au-link {
    display: none;
    font-size: 0.6111111111em;
    line-height: 1.4545454545em;
    margin-top: 0em;
    margin-bottom: 0em;
    font-family: 'Arial', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    color: #ED7666; }
    .audio-article-lb-inner .au-link:hover {
      text-decoration: underline; }

.hp-audio-player {
  background-color: #F7F7F7; }
  .hp-audio-player .podcast {
    width: calc(100% - 30px);
    max-width: calc(100% - 30px);
    margin-right: 32px; }
  .hp-audio-player .podcast__time {
    background-color: #FFF;
    border-color: #FFF;
    color: #675870; }
    .hp-audio-player .podcast__time[data-status=play] {
      background-color: #675870;
      border-color: #FFF;
      color: #FFF; }
  .hp-audio-player .podcast__progress, .hp-audio-player .podcast__progress__active {
    background-image: url(/static/img/audio-progress.svg?f68a8d373c69);
    background-position: 0 center;
    background-repeat: repeat-x;
    background-size: auto 100%; }
  .hp-audio-player .podcast__progress__active {
    background-image: url(/static/img/audio-progress-active.svg?f68a8d373c69); }
  .hp-audio-player .podcast__controls__button[data-status='pause'] {
    background-image: url(/static/img/audio-play-hp.svg?f68a8d373c69); }
  .hp-audio-player .podcast__controls__button[data-status='play'] {
    background-image: url(/static/img/audio-pause-hp.svg?f68a8d373c69); }
  .hp-audio-player .small-title {
    text-align: center;
    padding-top: 32px; }
  .hp-audio-player .hp-ap-list {
    font-size: 0.7222222222em;
    line-height: 1.2307692308em;
    margin-top: 0em;
    margin-bottom: 0em;
    font-family: 'Arial', sans-serif;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
    margin-bottom: 64px;
    padding: 16px 0 32px 0;
    color: #675870; }
    .hp-audio-player .hp-ap-list li {
      text-align: center;
      padding: 4px 12px;
      margin-bottom: 8px;
      border-radius: 10px;
      white-space: nowrap;
      cursor: pointer; }
      .hp-audio-player .hp-ap-list li.active {
        background-color: #EBEBEC; }

.a-audio-article-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-top: 4px solid #F7F7F7;
  padding: 16px 8px 8px 8px; }

.a-top-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 16px;
  width: 64px;
  height: 64px; }

.a-top-content {
  font-size: 0.7222222222em;
  line-height: 1.6em;
  margin-top: 0em;
  margin-bottom: 0em;
  font-family: 'Arial', sans-serif; }

.a-top-headline {
  margin-top: 0;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  color: #36363D; }

.a-top-copy {
  margin-top: 0;
  color: #727274; }

.a-top-time {
  color: #A7A7A7;
  text-align: right;
  line-height: 1; }

.js-audio-next-page .js-audio-next-page-btn {
  margin-top: 48px; }

.audio-controls {
  height: 100%; }

.audio-controls__button {
  position: relative;
  width: 64px;
  height: 64px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: transparent;
  border: 0;
  padding: 0;
  margin-right: 38px; }
  .audio-article-list-box.active .audio-controls__button,
  .audio-controls--home .audio-controls__button,
  .audio-controls--article .audio-controls__button {
    width: 72px;
    height: 72px;
    margin-right: 30px; }
  .audio-controls--article .audio-controls__button {
    margin-right: 8px; }
  .audio-controls__button:focus {
    outline: none; }
  .audio-controls__button[data-status=pause]:hover .audio-controls__button__overlay {
    background-image: url(/static/img/audio-play-hover.svg?f68a8d373c69); }
  .audio-controls__button[data-status=play]:hover .audio-controls__button__overlay {
    background-image: url(/static/img/audio-pause-hover.svg?f68a8d373c69); }
  .audio-controls__button[data-status=pause] {
    background-image: url(/static/img/podcast-play.svg?a52cff569c95); }
  .audio-controls__button[data-status=play] {
    background-image: url(/static/img/podcast-pause.svg?a52cff569c95); }

.audio-controls__button__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%; }

.audio-controls__button__overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(/static/img/audio-play.svg?f68a8d373c69); }
  .audio-controls__button[data-status=play] .audio-controls__button__overlay {
    background-image: url(/static/img/audio-pause.svg?f68a8d373c69); }

.audio-controls--article {
  all: unset; }

.breadcrumbs {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1050px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
  list-style: none;
  padding: 32px 25px;
  margin: 0 auto; }
  @media only screen and (max-width: 480px) {
    .breadcrumbs {
      padding-right: 15px;
      padding-left: 15px; } }
  .breadcrumbs:after {
    clear: both;
    content: '';
    display: table; }
  .breadcrumbs li {
    font-family: "Open Sans", 'Arial', sans-serif;
    font-size: 0.8888888889em;
    line-height: 1.5em;
    margin-top: 0em;
    margin-bottom: 0em;
    float: left;
    padding-right: 16px;
    color: #727274; }
    .breadcrumbs li:after {
      content: "\203A";
      font-weight: 700;
      padding-left: 16px; }
    .breadcrumbs li:last-child:after {
      content: ""; }
    .breadcrumbs li a {
      color: #675870;
      font-weight: 700;
      text-decoration: none; }

body {
  background: #FFF; }

.neco {
  padding: 0 25px; }
  @media only screen and (max-width: 480px) {
    .neco {
      padding: 0 15px; } }

a.disabled {
    pointer-events: none;
    cursor: default;
}

.messages .alert a {
    color: white;
}

.messages .alert a:hover {
    text-decoration: none;
}

.js-order-basket-item-gift-subscription {
    cursor: pointer;
}

html.subscriber .book-show-anonymous {
    display: none;
}

html:not(.subscriber) .book-show-subscribers {
    display: none;
}

.books-advert-cont {
    position: relative;
}

html.hide-book-promo .book-show-anonymous, html.hide-book-promo .book-show-subscribers {
    display: none;
}

.article-list-box .like {
    right: auto;
    left: 7px !important;
}

.subscriptions-cont .offer1 .buy-as-gif {
    visibility: visible !important;
}

.hand-arrow-mirrored {
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
    -o-transform: matrix(-1, 0, 0, 1, 0, 0);
    left: auto;
    right: -45px;
}

.subscr-monthly-price {
    font-size: 15px;
    margin-top: 0px;
}

@media only screen and (max-width: 700px) {
    .a-content .subscriptions-cont {
        margin-right: auto;
    }
    .subscriptions-cont .offer3 {
        margin-top: 30px;
    }

     .subscriptions-cont .offer2 {
        padding-top: 15px;
    }
}

@media only screen and (min-width: 700px) {
    .mobile-only {
        display: none;

    }
}

@media only screen and (max-width: 700px) {
    .desktop-only {
        display: none;
    }
}

@media only screen and (min-width: 1026px) {
    .course-author-cards {
        display: none;
    }
}

@media only screen and (max-width: 1026px) {
    .course-authors-bubble {
        display: none;
    }
}

.old-price {
    margin-top: 1.33em !important;
    margin-bottom: 0 !important;
}

.a-info.from-serie {
    margin-bottom: 1em;
}


           .img-src-info.dark, .img-src-info.dark a { color: #606060; }