@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 9, ../../app/scss/lib/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 19, ../../app/scss/lib/_normalize.scss */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
/* line 33, ../../app/scss/lib/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
/* line 54, ../../app/scss/lib/_normalize.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
/* line 77, ../../app/scss/lib/_normalize.scss */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 89, ../../app/scss/lib/_normalize.scss */
a {
  background-color: transparent;
}

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

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
/* line 109, ../../app/scss/lib/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

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

/**
 * Address styling not present in Safari and Chrome.
 */
/* line 126, ../../app/scss/lib/_normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
/* line 135, ../../app/scss/lib/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 144, ../../app/scss/lib/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 153, ../../app/scss/lib/_normalize.scss */
small {
  font-size: 80%;
}

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

/* line 169, ../../app/scss/lib/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 173, ../../app/scss/lib/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
/* line 184, ../../app/scss/lib/_normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
/* line 192, ../../app/scss/lib/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
/* line 203, ../../app/scss/lib/_normalize.scss */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 211, ../../app/scss/lib/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
/* line 221, ../../app/scss/lib/_normalize.scss */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
/* line 229, ../../app/scss/lib/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
/* line 252, ../../app/scss/lib/_normalize.scss */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
/* line 266, ../../app/scss/lib/_normalize.scss */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
/* line 277, ../../app/scss/lib/_normalize.scss */
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.
 */
/* line 290, ../../app/scss/lib/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 302, ../../app/scss/lib/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 311, ../../app/scss/lib/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 322, ../../app/scss/lib/_normalize.scss */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 334, ../../app/scss/lib/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
/* line 346, ../../app/scss/lib/_normalize.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
/* line 370, ../../app/scss/lib/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 390, ../../app/scss/lib/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
/* line 399, ../../app/scss/lib/_normalize.scss */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
/* line 408, ../../app/scss/lib/_normalize.scss */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 419, ../../app/scss/lib/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 424, ../../app/scss/lib/_normalize.scss */
td,
th {
  padding: 0;
}

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/
/* Table of contents
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
/* Grid
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
/* line 31, ../../app/scss/lib/_skeleton-rtl.scss */
.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* line 38, ../../app/scss/lib/_skeleton-rtl.scss */
.column,
.columns {
  width: 100%;
  float: right;
  box-sizing: border-box;
}

/* For devices larger than 400px */
@media (min-width: 400px) {
  /* line 46, ../../app/scss/lib/_skeleton-rtl.scss */
  .container {
    width: 85%;
    padding: 0;
  }
}
/* For devices larger than 550px */
@media (min-width: 550px) {
  /* line 53, ../../app/scss/lib/_skeleton-rtl.scss */
  .container {
    width: 80%;
  }

  /* line 55, ../../app/scss/lib/_skeleton-rtl.scss */
  .column,
  .columns {
    margin-right: 4%;
  }

  /* line 58, ../../app/scss/lib/_skeleton-rtl.scss */
  .column:first-child,
  .columns:first-child {
    margin-right: 0;
  }

  /* line 62, ../../app/scss/lib/_skeleton-rtl.scss */
  .one.column,
  .one.columns {
    width: 4.66666666667%;
  }

  /* line 64, ../../app/scss/lib/_skeleton-rtl.scss */
  .two.columns {
    width: 13.3333333333%;
  }

  /* line 65, ../../app/scss/lib/_skeleton-rtl.scss */
  .three.columns {
    width: 22%;
  }

  /* line 66, ../../app/scss/lib/_skeleton-rtl.scss */
  .four.columns {
    width: 30.6666666667%;
  }

  /* line 67, ../../app/scss/lib/_skeleton-rtl.scss */
  .five.columns {
    width: 39.3333333333%;
  }

  /* line 68, ../../app/scss/lib/_skeleton-rtl.scss */
  .six.columns {
    width: 48%;
  }

  /* line 69, ../../app/scss/lib/_skeleton-rtl.scss */
  .seven.columns {
    width: 56.6666666667%;
  }

  /* line 70, ../../app/scss/lib/_skeleton-rtl.scss */
  .eight.columns {
    width: 65.3333333333%;
  }

  /* line 71, ../../app/scss/lib/_skeleton-rtl.scss */
  .nine.columns {
    width: 74.0%;
  }

  /* line 72, ../../app/scss/lib/_skeleton-rtl.scss */
  .ten.columns {
    width: 82.6666666667%;
  }

  /* line 73, ../../app/scss/lib/_skeleton-rtl.scss */
  .eleven.columns {
    width: 91.3333333333%;
  }

  /* line 74, ../../app/scss/lib/_skeleton-rtl.scss */
  .twelve.columns {
    width: 100%;
    margin-right: 0;
  }

  /* line 76, ../../app/scss/lib/_skeleton-rtl.scss */
  .one-third.column {
    width: 30.6666666667%;
  }

  /* line 77, ../../app/scss/lib/_skeleton-rtl.scss */
  .two-thirds.column {
    width: 65.3333333333%;
  }

  /* line 79, ../../app/scss/lib/_skeleton-rtl.scss */
  .one-half.column {
    width: 48%;
  }

  /* Offsets */
  /* line 82, ../../app/scss/lib/_skeleton-rtl.scss */
  .offset-by-one.column,
  .offset-by-one.columns {
    margin-right: 8.66666666667%;
  }

  /* line 84, ../../app/scss/lib/_skeleton-rtl.scss */
  .offset-by-two.column,
  .offset-by-two.columns {
    margin-right: 17.3333333333%;
  }

  /* line 86, ../../app/scss/lib/_skeleton-rtl.scss */
  .offset-by-three.column,
  .offset-by-three.columns {
    margin-right: 26%;
  }

  /* line 88, ../../app/scss/lib/_skeleton-rtl.scss */
  .offset-by-four.column,
  .offset-by-four.columns {
    margin-right: 34.6666666667%;
  }

  /* line 90, ../../app/scss/lib/_skeleton-rtl.scss */
  .offset-by-five.column,
  .offset-by-five.columns {
    margin-right: 43.3333333333%;
  }

  /* line 92, ../../app/scss/lib/_skeleton-rtl.scss */
  .offset-by-six.column,
  .offset-by-six.columns {
    margin-right: 52%;
  }

  /* line 94, ../../app/scss/lib/_skeleton-rtl.scss */
  .offset-by-seven.column,
  .offset-by-seven.columns {
    margin-right: 60.6666666667%;
  }

  /* line 96, ../../app/scss/lib/_skeleton-rtl.scss */
  .offset-by-eight.column,
  .offset-by-eight.columns {
    margin-right: 69.3333333333%;
  }

  /* line 98, ../../app/scss/lib/_skeleton-rtl.scss */
  .offset-by-nine.column,
  .offset-by-nine.columns {
    margin-right: 78.0%;
  }

  /* line 100, ../../app/scss/lib/_skeleton-rtl.scss */
  .offset-by-ten.column,
  .offset-by-ten.columns {
    margin-right: 86.6666666667%;
  }

  /* line 102, ../../app/scss/lib/_skeleton-rtl.scss */
  .offset-by-eleven.column,
  .offset-by-eleven.columns {
    margin-right: 95.3333333333%;
  }

  /* line 105, ../../app/scss/lib/_skeleton-rtl.scss */
  .offset-by-one-third.column,
  .offset-by-one-third.columns {
    margin-right: 34.6666666667%;
  }

  /* line 107, ../../app/scss/lib/_skeleton-rtl.scss */
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns {
    margin-right: 69.3333333333%;
  }

  /* line 110, ../../app/scss/lib/_skeleton-rtl.scss */
  .offset-by-one-half.column,
  .offset-by-one-half.columns {
    margin-right: 52%;
  }
}
/* For devices larger than 750px */
@media (min-width: 750px) {
  /* line 118, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-one.column,
  .tablet-one.columns {
    width: 4.66666666667%;
  }

  /* line 120, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-two.columns {
    width: 13.3333333333%;
  }

  /* line 121, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-three.columns {
    width: 22%;
  }

  /* line 122, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-four.columns {
    width: 30.6666666667%;
  }

  /* line 123, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-five.columns {
    width: 39.3333333333%;
  }

  /* line 124, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-six.columns {
    width: 48%;
  }

  /* line 125, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-seven.columns {
    width: 56.6666666667%;
  }

  /* line 126, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-eight.columns {
    width: 65.3333333333%;
  }

  /* line 127, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-nine.columns {
    width: 74.0%;
  }

  /* line 128, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-ten.columns {
    width: 82.6666666667%;
  }

  /* line 129, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-eleven.columns {
    width: 91.3333333333%;
  }

  /* line 130, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-twelve.columns {
    width: 100%;
    margin-right: 0;
  }

  /* line 132, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-one-third.column {
    width: 30.6666666667%;
  }

  /* line 133, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-two-thirds.column {
    width: 65.3333333333%;
  }

  /* line 135, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-one-half.column {
    width: 48%;
  }

  /* Offsets */
  /* line 138, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-offset-by-one.column,
  .tablet-offset-by-one.columns {
    margin-right: 8.66666666667%;
  }

  /* line 140, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-offset-by-two.column,
  .tablet-offset-by-two.columns {
    margin-right: 17.3333333333%;
  }

  /* line 142, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-offset-by-three.column,
  .tablet-offset-by-three.columns {
    margin-right: 26%;
  }

  /* line 144, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-offset-by-four.column,
  .tablet-offset-by-four.columns {
    margin-right: 34.6666666667%;
  }

  /* line 146, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-offset-by-five.column,
  .tablet-offset-by-five.columns {
    margin-right: 43.3333333333%;
  }

  /* line 148, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-offset-by-six.column,
  .tablet-offset-by-six.columns {
    margin-right: 52%;
  }

  /* line 150, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-offset-by-seven.column,
  .tablet-offset-by-seven.columns {
    margin-right: 60.6666666667%;
  }

  /* line 152, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-offset-by-eight.column,
  .tablet-offset-by-eight.columns {
    margin-right: 69.3333333333%;
  }

  /* line 154, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-offset-by-nine.column,
  .tablet-offset-by-nine.columns {
    margin-right: 78.0%;
  }

  /* line 156, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-offset-by-ten.column,
  .tablet-offset-by-ten.columns {
    margin-right: 86.6666666667%;
  }

  /* line 158, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-offset-by-eleven.column,
  .tablet-offset-by-eleven.columns {
    margin-right: 95.3333333333%;
  }

  /* line 161, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-offset-by-one-third.column,
  .tablet-offset-by-one-third.columns {
    margin-right: 34.6666666667%;
  }

  /* line 163, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-offset-by-two-thirds.column,
  .tablet-offset-by-two-thirds.columns {
    margin-right: 69.3333333333%;
  }

  /* line 166, ../../app/scss/lib/_skeleton-rtl.scss */
  .tablet-offset-by-one-half.column,
  .tablet-offset-by-one-half.columns {
    margin-right: 52%;
  }
}
/* For devices larger than 1000px */
@media (min-width: 1000px) {
  /* line 174, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-one.column,
  .desktop-one.columns {
    width: 4.66666666667%;
  }

  /* line 176, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-two.columns {
    width: 13.3333333333%;
  }

  /* line 177, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-three.columns {
    width: 22%;
  }

  /* line 178, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-four.columns {
    width: 30.6666666667%;
  }

  /* line 179, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-five.columns {
    width: 39.3333333333%;
  }

  /* line 180, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-six.columns {
    width: 48%;
  }

  /* line 181, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-seven.columns {
    width: 56.6666666667%;
  }

  /* line 182, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-eight.columns {
    width: 65.3333333333%;
  }

  /* line 183, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-nine.columns {
    width: 74.0%;
  }

  /* line 184, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-ten.columns {
    width: 82.6666666667%;
  }

  /* line 185, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-eleven.columns {
    width: 91.3333333333%;
  }

  /* line 186, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-twelve.columns {
    width: 100%;
    margin-right: 0;
  }

  /* line 188, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-one-third.column {
    width: 30.6666666667%;
  }

  /* line 189, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-two-thirds.column {
    width: 65.3333333333%;
  }

  /* line 191, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-one-half.column {
    width: 48%;
  }

  /* Offsets */
  /* line 194, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-offset-by-one.column,
  .desktop-offset-by-one.columns {
    margin-right: 8.66666666667%;
  }

  /* line 196, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-offset-by-two.column,
  .desktop-offset-by-two.columns {
    margin-right: 17.3333333333%;
  }

  /* line 198, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-offset-by-three.column,
  .desktop-offset-by-three.columns {
    margin-right: 26%;
  }

  /* line 200, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-offset-by-four.column,
  .desktop-offset-by-four.columns {
    margin-right: 34.6666666667%;
  }

  /* line 202, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-offset-by-five.column,
  .desktop-offset-by-five.columns {
    margin-right: 43.3333333333%;
  }

  /* line 204, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-offset-by-six.column,
  .desktop-offset-by-six.columns {
    margin-right: 52%;
  }

  /* line 206, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-offset-by-seven.column,
  .desktop-offset-by-seven.columns {
    margin-right: 60.6666666667%;
  }

  /* line 208, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-offset-by-eight.column,
  .desktop-offset-by-eight.columns {
    margin-right: 69.3333333333%;
  }

  /* line 210, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-offset-by-nine.column,
  .desktop-offset-by-nine.columns {
    margin-right: 78.0%;
  }

  /* line 212, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-offset-by-ten.column,
  .desktop-offset-by-ten.columns {
    margin-right: 86.6666666667%;
  }

  /* line 214, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-offset-by-eleven.column,
  .desktop-offset-by-eleven.columns {
    margin-right: 95.3333333333%;
  }

  /* line 217, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-offset-by-one-third.column,
  .desktop-offset-by-one-third.columns {
    margin-right: 34.6666666667%;
  }

  /* line 219, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-offset-by-two-thirds.column,
  .desktop-offset-by-two-thirds.columns {
    margin-right: 69.3333333333%;
  }

  /* line 222, ../../app/scss/lib/_skeleton-rtl.scss */
  .desktop-offset-by-one-half.column,
  .desktop-offset-by-one-half.columns {
    margin-right: 52%;
  }
}
/* For devices larger than 1200px */
@media (min-width: 1200px) {
  /* line 230, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-one.column,
  .hd-one.columns {
    width: 4.66666666667%;
  }

  /* line 232, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-two.columns {
    width: 13.3333333333%;
  }

  /* line 233, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-three.columns {
    width: 22%;
  }

  /* line 234, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-four.columns {
    width: 30.6666666667%;
  }

  /* line 235, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-five.columns {
    width: 39.3333333333%;
  }

  /* line 236, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-six.columns {
    width: 48%;
  }

  /* line 237, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-seven.columns {
    width: 56.6666666667%;
  }

  /* line 238, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-eight.columns {
    width: 65.3333333333%;
  }

  /* line 239, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-nine.columns {
    width: 74.0%;
  }

  /* line 240, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-ten.columns {
    width: 82.6666666667%;
  }

  /* line 241, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-eleven.columns {
    width: 91.3333333333%;
  }

  /* line 242, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-twelve.columns {
    width: 100%;
    margin-right: 0;
  }

  /* line 244, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-one-third.column {
    width: 30.6666666667%;
  }

  /* line 245, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-two-thirds.column {
    width: 65.3333333333%;
  }

  /* line 247, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-one-half.column {
    width: 48%;
  }

  /* Offsets */
  /* line 250, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-offset-by-one.column,
  .hd-offset-by-one.columns {
    margin-right: 8.66666666667%;
  }

  /* line 252, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-offset-by-two.column,
  .hd-offset-by-two.columns {
    margin-right: 17.3333333333%;
  }

  /* line 254, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-offset-by-three.column,
  .hd-offset-by-three.columns {
    margin-right: 26%;
  }

  /* line 256, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-offset-by-four.column,
  .hd-offset-by-four.columns {
    margin-right: 34.6666666667%;
  }

  /* line 258, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-offset-by-five.column,
  .hd-offset-by-five.columns {
    margin-right: 43.3333333333%;
  }

  /* line 260, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-offset-by-six.column,
  .hd-offset-by-six.columns {
    margin-right: 52%;
  }

  /* line 262, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-offset-by-seven.column,
  .hd-offset-by-seven.columns {
    margin-right: 60.6666666667%;
  }

  /* line 264, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-offset-by-eight.column,
  .hd-offset-by-eight.columns {
    margin-right: 69.3333333333%;
  }

  /* line 266, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-offset-by-nine.column,
  .hd-offset-by-nine.columns {
    margin-right: 78.0%;
  }

  /* line 268, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-offset-by-ten.column,
  .hd-offset-by-ten.columns {
    margin-right: 86.6666666667%;
  }

  /* line 270, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-offset-by-eleven.column,
  .hd-offset-by-eleven.columns {
    margin-right: 95.3333333333%;
  }

  /* line 273, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-offset-by-one-third.column,
  .hd-offset-by-one-third.columns {
    margin-right: 34.6666666667%;
  }

  /* line 275, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-offset-by-two-thirds.column,
  .hd-offset-by-two-thirds.columns {
    margin-right: 69.3333333333%;
  }

  /* line 278, ../../app/scss/lib/_skeleton-rtl.scss */
  .hd-offset-by-one-half.column,
  .hd-offset-by-one-half.columns {
    margin-right: 52%;
  }
}
/* Base Styles
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
/* line 289, ../../app/scss/lib/_skeleton-rtl.scss */
html {
  font-size: 62.5%;
}

/* line 291, ../../app/scss/lib/_skeleton-rtl.scss */
body {
  font-size: 1.5em;
  /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222;
}

/* Typography
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
/* line 301, ../../app/scss/lib/_skeleton-rtl.scss */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300;
}

/* line 305, ../../app/scss/lib/_skeleton-rtl.scss */
h1 {
  font-size: 4.0rem;
  line-height: 1.2;
  letter-spacing: -.1rem;
}

/* line 306, ../../app/scss/lib/_skeleton-rtl.scss */
h2 {
  font-size: 3.6rem;
  line-height: 1.25;
  letter-spacing: -.1rem;
}

/* line 307, ../../app/scss/lib/_skeleton-rtl.scss */
h3 {
  font-size: 3.0rem;
  line-height: 1.3;
  letter-spacing: -.1rem;
}

/* line 308, ../../app/scss/lib/_skeleton-rtl.scss */
h4 {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: -.08rem;
}

/* line 309, ../../app/scss/lib/_skeleton-rtl.scss */
h5 {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -.05rem;
}

/* line 310, ../../app/scss/lib/_skeleton-rtl.scss */
h6 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0;
}

/* Larger than phablet */
@media (min-width: 550px) {
  /* line 314, ../../app/scss/lib/_skeleton-rtl.scss */
  h1 {
    font-size: 5.0rem;
  }

  /* line 315, ../../app/scss/lib/_skeleton-rtl.scss */
  h2 {
    font-size: 4.2rem;
  }

  /* line 316, ../../app/scss/lib/_skeleton-rtl.scss */
  h3 {
    font-size: 3.6rem;
  }

  /* line 317, ../../app/scss/lib/_skeleton-rtl.scss */
  h4 {
    font-size: 3.0rem;
  }

  /* line 318, ../../app/scss/lib/_skeleton-rtl.scss */
  h5 {
    font-size: 2.4rem;
  }

  /* line 319, ../../app/scss/lib/_skeleton-rtl.scss */
  h6 {
    font-size: 1.5rem;
  }
}
/* line 322, ../../app/scss/lib/_skeleton-rtl.scss */
p {
  margin-top: 0;
}

/* Links
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
/* line 328, ../../app/scss/lib/_skeleton-rtl.scss */
a {
  color: #1EAEDB;
}

/* line 330, ../../app/scss/lib/_skeleton-rtl.scss */
a:hover {
  color: #0FA0CE;
}

/* Buttons
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
/* line 336, ../../app/scss/lib/_skeleton-rtl.scss */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box;
}

/* line 358, ../../app/scss/lib/_skeleton-rtl.scss */
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0;
}

/* line 371, ../../app/scss/lib/_skeleton-rtl.scss */
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0;
}

/* line 379, ../../app/scss/lib/_skeleton-rtl.scss */
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB;
}

/* Forms
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
/* line 396, ../../app/scss/lib/_skeleton-rtl.scss */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px;
  /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
}

/* Removes awkward default styles on some inputs for iOS */
/* line 413, ../../app/scss/lib/_skeleton-rtl.scss */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 424, ../../app/scss/lib/_skeleton-rtl.scss */
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* line 428, ../../app/scss/lib/_skeleton-rtl.scss */
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0;
}

/* line 439, ../../app/scss/lib/_skeleton-rtl.scss */
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600;
}

/* line 444, ../../app/scss/lib/_skeleton-rtl.scss */
fieldset {
  padding: 0;
  border-width: 0;
}

/* line 447, ../../app/scss/lib/_skeleton-rtl.scss */
input[type="checkbox"],
input[type="radio"] {
  display: inline;
}

/* line 450, ../../app/scss/lib/_skeleton-rtl.scss */
label > .label-body {
  display: inline-block;
  margin-right: .5rem;
  font-weight: normal;
}

/* Lists
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
/* line 458, ../../app/scss/lib/_skeleton-rtl.scss */
ul {
  list-style: circle inside;
}

/* line 460, ../../app/scss/lib/_skeleton-rtl.scss */
ol {
  list-style: decimal inside;
}

/* line 462, ../../app/scss/lib/_skeleton-rtl.scss */
ol, ul {
  padding-right: 0;
  margin-top: 0;
}

/* line 465, ../../app/scss/lib/_skeleton-rtl.scss */
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}

/* line 471, ../../app/scss/lib/_skeleton-rtl.scss */
li {
  margin-bottom: 1rem;
}

/* Code
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
/* line 477, ../../app/scss/lib/_skeleton-rtl.scss */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px;
}

/* line 485, ../../app/scss/lib/_skeleton-rtl.scss */
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;
}

/* Tables
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
/* line 493, ../../app/scss/lib/_skeleton-rtl.scss */
th,
td {
  padding: 12px 15px;
  text-align: right;
  border-bottom: 1px solid #E1E1E1;
}

/* line 498, ../../app/scss/lib/_skeleton-rtl.scss */
th:first-child,
td:first-child {
  padding-right: 0;
}

/* line 501, ../../app/scss/lib/_skeleton-rtl.scss */
th:last-child,
td:last-child {
  padding-left: 0;
}

/* Spacing
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
/* line 508, ../../app/scss/lib/_skeleton-rtl.scss */
button,
.button {
  margin-bottom: 1rem;
}

/* line 511, ../../app/scss/lib/_skeleton-rtl.scss */
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem;
}

/* line 516, ../../app/scss/lib/_skeleton-rtl.scss */
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem;
}

/* Utilities
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
/* line 530, ../../app/scss/lib/_skeleton-rtl.scss */
.u-full-width {
  width: 100%;
  box-sizing: border-box;
}

/* line 533, ../../app/scss/lib/_skeleton-rtl.scss */
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box;
}

/* line 536, ../../app/scss/lib/_skeleton-rtl.scss */
.u-pull-right, ul.blocks-inline > li,
ol.blocks-inline > li {
  float: right;
}

/* line 538, ../../app/scss/lib/_skeleton-rtl.scss */
.u-pull-left {
  float: left;
}

/* Misc
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
/* line 544, ../../app/scss/lib/_skeleton-rtl.scss */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1;
}

/* Clearing
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
/* Self Clearing Goodness */
/* line 555, ../../app/scss/lib/_skeleton-rtl.scss */
.container:after,
.row:after,
.u-cf,
.buttons-group.tabs,
.half,
.thirds,
ul.blocks-inline,
ol.blocks-inline,
#header,
#header nav ul.blocks-inline li a.avatar,
#timer,
.wrapper.lp #article article header p.details,
.wrapper.lp #testimonials .flexslider .flex-control-nav {
  content: "";
  display: table;
  clear: both;
}

/* Media Queries
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/* Larger than mobile */
/* Larger than phablet (also point when grid becomes active) */
/* Larger than tablet */
/* Larger than desktop */
/* Larger than Desktop HD */
/*! Hint.css (base version) - v2.3.1 - 2016-06-05
* http://kushagragour.in/lab/hint/
* Copyright (c) 2016 Kushagra Gour; Licensed  */
/*-------------------------------------*	HINT.css - A CSS tooltip library
\*-------------------------------------*/
/**
 * HINT.css is a tooltip library made in pure CSS.
 *
 * Source: https://github.com/chinchang/hint.css
 * Demo: http://kushagragour.in/lab/hint/
 *
 * Release under The MIT License
 *
 */
/**
 * source: hint-core.scss
 *
 * Defines the basic styling for the tooltip.
 * Each tooltip is made of 2 parts:
 * 	1) body (:after)
 * 	2) arrow (:before)
 *
 * Classes added:
 * 	1) hint
 */
/* line 27, ../../app/scss/lib/_hint-base.scss */
[class*="hint--"] {
  position: relative;
  display: inline-block;
  /**
	 * tooltip arrow
	 */
  /**
	 * tooltip body
	 */
}

/* line 36, ../../app/scss/lib/_hint-base.scss */
[class*="hint--"]:before, [class*="hint--"]:after {
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  transition-delay: 0ms;
}

/* line 51, ../../app/scss/lib/_hint-base.scss */
[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
  visibility: visible;
  opacity: 1;
}

/* line 54, ../../app/scss/lib/_hint-base.scss */
[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  transition-delay: 100ms;
}

/* line 58, ../../app/scss/lib/_hint-base.scss */
[class*="hint--"]:before {
  content: '';
  position: absolute;
  background: transparent;
  border: 6px solid transparent;
  z-index: 1000001;
}

/* line 64, ../../app/scss/lib/_hint-base.scss */
[class*="hint--"]:after {
  background: #383838;
  color: white;
  padding: 8px 10px;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 12px;
  white-space: nowrap;
}

/* line 72, ../../app/scss/lib/_hint-base.scss */
[class*="hint--"][aria-label]:after {
  content: attr(aria-label);
}

/* line 74, ../../app/scss/lib/_hint-base.scss */
[class*="hint--"][data-hint]:after {
  content: attr(data-hint);
}

/* line 77, ../../app/scss/lib/_hint-base.scss */
[aria-label='']:before, [aria-label='']:after,
[data-hint='']:before,
[data-hint='']:after {
  display: none !important;
}

/**
 * source: hint-position.scss
 *
 * Defines the positoning logic for the tooltips.
 *
 * Classes added:
 * 	1) hint--top
 * 	2) hint--bottom
 * 	3) hint--left
 * 	4) hint--right
 */
/**
 * set default color for tooltip arrows
 */
/* line 96, ../../app/scss/lib/_hint-base.scss */
.hint--top-left:before {
  border-top-color: #383838;
}

/* line 99, ../../app/scss/lib/_hint-base.scss */
.hint--top-right:before {
  border-top-color: #383838;
}

/* line 102, ../../app/scss/lib/_hint-base.scss */
.hint--top:before {
  border-top-color: #383838;
}

/* line 105, ../../app/scss/lib/_hint-base.scss */
.hint--bottom-left:before {
  border-bottom-color: #383838;
}

/* line 108, ../../app/scss/lib/_hint-base.scss */
.hint--bottom-right:before {
  border-bottom-color: #383838;
}

/* line 111, ../../app/scss/lib/_hint-base.scss */
.hint--bottom:before {
  border-bottom-color: #383838;
}

/* line 114, ../../app/scss/lib/_hint-base.scss */
.hint--left:before {
  border-left-color: #383838;
}

/* line 117, ../../app/scss/lib/_hint-base.scss */
.hint--right:before {
  border-right-color: #383838;
}

/**
 * top tooltip
 */
/* line 123, ../../app/scss/lib/_hint-base.scss */
.hint--top:before {
  margin-bottom: -11px;
}

/* line 126, ../../app/scss/lib/_hint-base.scss */
.hint--top:before, .hint--top:after {
  bottom: 100%;
  left: 50%;
}

/* line 130, ../../app/scss/lib/_hint-base.scss */
.hint--top:before {
  left: calc(50% - 6px);
}

/* line 133, ../../app/scss/lib/_hint-base.scss */
.hint--top:after {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* line 138, ../../app/scss/lib/_hint-base.scss */
.hint--top:hover:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* line 143, ../../app/scss/lib/_hint-base.scss */
.hint--top:hover:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  -moz-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px);
}

/**
 * bottom tooltip
 */
/* line 151, ../../app/scss/lib/_hint-base.scss */
.hint--bottom:before {
  margin-top: -11px;
}

/* line 154, ../../app/scss/lib/_hint-base.scss */
.hint--bottom:before, .hint--bottom:after {
  top: 100%;
  left: 50%;
}

/* line 158, ../../app/scss/lib/_hint-base.scss */
.hint--bottom:before {
  left: calc(50% - 6px);
}

/* line 161, ../../app/scss/lib/_hint-base.scss */
.hint--bottom:after {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* line 166, ../../app/scss/lib/_hint-base.scss */
.hint--bottom:hover:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}

/* line 171, ../../app/scss/lib/_hint-base.scss */
.hint--bottom:hover:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  -moz-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px);
}

/**
 * right tooltip
 */
/* line 179, ../../app/scss/lib/_hint-base.scss */
.hint--right:before {
  margin-left: -11px;
  margin-bottom: -6px;
}

/* line 183, ../../app/scss/lib/_hint-base.scss */
.hint--right:after {
  margin-bottom: -14px;
}

/* line 186, ../../app/scss/lib/_hint-base.scss */
.hint--right:before, .hint--right:after {
  left: 100%;
  bottom: 50%;
}

/* line 190, ../../app/scss/lib/_hint-base.scss */
.hint--right:hover:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px);
}

/* line 195, ../../app/scss/lib/_hint-base.scss */
.hint--right:hover:after {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px);
}

/**
 * left tooltip
 */
/* line 203, ../../app/scss/lib/_hint-base.scss */
.hint--left:before {
  margin-right: -11px;
  margin-bottom: -6px;
}

/* line 207, ../../app/scss/lib/_hint-base.scss */
.hint--left:after {
  margin-bottom: -14px;
}

/* line 210, ../../app/scss/lib/_hint-base.scss */
.hint--left:before, .hint--left:after {
  right: 100%;
  bottom: 50%;
}

/* line 214, ../../app/scss/lib/_hint-base.scss */
.hint--left:hover:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px);
}

/* line 219, ../../app/scss/lib/_hint-base.scss */
.hint--left:hover:after {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px);
}

/**
 * top-left tooltip
 */
/* line 227, ../../app/scss/lib/_hint-base.scss */
.hint--top-left:before {
  margin-bottom: -11px;
}

/* line 230, ../../app/scss/lib/_hint-base.scss */
.hint--top-left:before, .hint--top-left:after {
  bottom: 100%;
  left: 50%;
}

/* line 234, ../../app/scss/lib/_hint-base.scss */
.hint--top-left:before {
  left: calc(50% - 6px);
}

/* line 237, ../../app/scss/lib/_hint-base.scss */
.hint--top-left:after {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%);
}

/* line 242, ../../app/scss/lib/_hint-base.scss */
.hint--top-left:after {
  margin-left: 12px;
}

/* line 245, ../../app/scss/lib/_hint-base.scss */
.hint--top-left:hover:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* line 250, ../../app/scss/lib/_hint-base.scss */
.hint--top-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(-8px);
  -moz-transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px);
}

/**
 * top-right tooltip
 */
/* line 258, ../../app/scss/lib/_hint-base.scss */
.hint--top-right:before {
  margin-bottom: -11px;
}

/* line 261, ../../app/scss/lib/_hint-base.scss */
.hint--top-right:before, .hint--top-right:after {
  bottom: 100%;
  left: 50%;
}

/* line 265, ../../app/scss/lib/_hint-base.scss */
.hint--top-right:before {
  left: calc(50% - 6px);
}

/* line 268, ../../app/scss/lib/_hint-base.scss */
.hint--top-right:after {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
}

/* line 273, ../../app/scss/lib/_hint-base.scss */
.hint--top-right:after {
  margin-left: -12px;
}

/* line 276, ../../app/scss/lib/_hint-base.scss */
.hint--top-right:hover:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* line 281, ../../app/scss/lib/_hint-base.scss */
.hint--top-right:hover:after {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

/**
 * bottom-left tooltip
 */
/* line 289, ../../app/scss/lib/_hint-base.scss */
.hint--bottom-left:before {
  margin-top: -11px;
}

/* line 292, ../../app/scss/lib/_hint-base.scss */
.hint--bottom-left:before, .hint--bottom-left:after {
  top: 100%;
  left: 50%;
}

/* line 296, ../../app/scss/lib/_hint-base.scss */
.hint--bottom-left:before {
  left: calc(50% - 6px);
}

/* line 299, ../../app/scss/lib/_hint-base.scss */
.hint--bottom-left:after {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%);
}

/* line 304, ../../app/scss/lib/_hint-base.scss */
.hint--bottom-left:after {
  margin-left: 12px;
}

/* line 307, ../../app/scss/lib/_hint-base.scss */
.hint--bottom-left:hover:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}

/* line 312, ../../app/scss/lib/_hint-base.scss */
.hint--bottom-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(8px);
  -moz-transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px);
}

/**
 * bottom-right tooltip
 */
/* line 320, ../../app/scss/lib/_hint-base.scss */
.hint--bottom-right:before {
  margin-top: -11px;
}

/* line 323, ../../app/scss/lib/_hint-base.scss */
.hint--bottom-right:before, .hint--bottom-right:after {
  top: 100%;
  left: 50%;
}

/* line 327, ../../app/scss/lib/_hint-base.scss */
.hint--bottom-right:before {
  left: calc(50% - 6px);
}

/* line 330, ../../app/scss/lib/_hint-base.scss */
.hint--bottom-right:after {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
}

/* line 335, ../../app/scss/lib/_hint-base.scss */
.hint--bottom-right:after {
  margin-left: -12px;
}

/* line 338, ../../app/scss/lib/_hint-base.scss */
.hint--bottom-right:hover:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}

/* line 343, ../../app/scss/lib/_hint-base.scss */
.hint--bottom-right:hover:after {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}

/**
 * source: hint-sizes.scss
 *
 * Defines width restricted tooltips that can span
 * across multiple lines.
 *
 * Classes added:
 * 	1) hint--small
 * 	2) hint--medium
 * 	3) hint--large
 *
 */
/* line 360, ../../app/scss/lib/_hint-base.scss */
.hint--small:after,
.hint--medium:after,
.hint--large:after {
  white-space: normal;
  line-height: 1.4em;
}

/* line 366, ../../app/scss/lib/_hint-base.scss */
.hint--small:after {
  width: 80px;
}

/* line 369, ../../app/scss/lib/_hint-base.scss */
.hint--medium:after {
  width: 150px;
}

/* line 372, ../../app/scss/lib/_hint-base.scss */
.hint--large:after {
  width: 300px;
}

/**
 * source: hint-always.scss
 *
 * Defines a persisted tooltip which shows always.
 *
 * Classes added:
 * 	1) hint--always
 *
 */
/* line 384, ../../app/scss/lib/_hint-base.scss */
.hint--always:after, .hint--always:before {
  opacity: 1;
  visibility: visible;
}

/* line 388, ../../app/scss/lib/_hint-base.scss */
.hint--always.hint--top:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* line 393, ../../app/scss/lib/_hint-base.scss */
.hint--always.hint--top:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  -moz-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px);
}

/* line 398, ../../app/scss/lib/_hint-base.scss */
.hint--always.hint--top-left:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* line 403, ../../app/scss/lib/_hint-base.scss */
.hint--always.hint--top-left:after {
  -webkit-transform: translateX(-100%) translateY(-8px);
  -moz-transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px);
}

/* line 408, ../../app/scss/lib/_hint-base.scss */
.hint--always.hint--top-right:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* line 413, ../../app/scss/lib/_hint-base.scss */
.hint--always.hint--top-right:after {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* line 418, ../../app/scss/lib/_hint-base.scss */
.hint--always.hint--bottom:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}

/* line 423, ../../app/scss/lib/_hint-base.scss */
.hint--always.hint--bottom:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  -moz-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px);
}

/* line 428, ../../app/scss/lib/_hint-base.scss */
.hint--always.hint--bottom-left:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}

/* line 433, ../../app/scss/lib/_hint-base.scss */
.hint--always.hint--bottom-left:after {
  -webkit-transform: translateX(-100%) translateY(8px);
  -moz-transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px);
}

/* line 438, ../../app/scss/lib/_hint-base.scss */
.hint--always.hint--bottom-right:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}

/* line 443, ../../app/scss/lib/_hint-base.scss */
.hint--always.hint--bottom-right:after {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}

/* line 448, ../../app/scss/lib/_hint-base.scss */
.hint--always.hint--left:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px);
}

/* line 453, ../../app/scss/lib/_hint-base.scss */
.hint--always.hint--left:after {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px);
}

/* line 458, ../../app/scss/lib/_hint-base.scss */
.hint--always.hint--right:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px);
}

/* line 463, ../../app/scss/lib/_hint-base.scss */
.hint--always.hint--right:after {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px);
}

/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
/* line 16, ../../app/scss/lib/_remodal.scss */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */
/* line 25, ../../app/scss/lib/_remodal.scss */
.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */
/* line 32, ../../app/scss/lib/_remodal.scss */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */
/* line 45, ../../app/scss/lib/_remodal.scss */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

/* line 61, ../../app/scss/lib/_remodal.scss */
.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */
/* line 72, ../../app/scss/lib/_remodal.scss */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
/* line 80, ../../app/scss/lib/_remodal.scss */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* line 90, ../../app/scss/lib/_remodal.scss */
.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
/* line 16, ../../app/scss/lib/_remodal-default-theme.scss */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */
/* line 24, ../../app/scss/lib/_remodal-default-theme.scss */
.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

/* line 28, ../../app/scss/lib/_remodal-default-theme.scss */
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

/* line 36, ../../app/scss/lib/_remodal-default-theme.scss */
.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

/* line 41, ../../app/scss/lib/_remodal-default-theme.scss */
.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */
/* line 48, ../../app/scss/lib/_remodal-default-theme.scss */
.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */
/* line 54, ../../app/scss/lib/_remodal-default-theme.scss */
.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
}

/* line 67, ../../app/scss/lib/_remodal-default-theme.scss */
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

/* line 75, ../../app/scss/lib/_remodal-default-theme.scss */
.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

/* line 80, ../../app/scss/lib/_remodal-default-theme.scss */
.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */
/* line 87, ../../app/scss/lib/_remodal-default-theme.scss */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */
/* line 94, ../../app/scss/lib/_remodal-default-theme.scss */
.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

/* line 118, ../../app/scss/lib/_remodal-default-theme.scss */
.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

/* line 123, ../../app/scss/lib/_remodal-default-theme.scss */
.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */
/* line 142, ../../app/scss/lib/_remodal-default-theme.scss */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

/* line 164, ../../app/scss/lib/_remodal-default-theme.scss */
.remodal-confirm {
  color: #fff;
  background: #81c784;
}

/* line 169, ../../app/scss/lib/_remodal-default-theme.scss */
.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

/* line 174, ../../app/scss/lib/_remodal-default-theme.scss */
.remodal-cancel {
  color: #fff;
  background: #e57373;
}

/* line 179, ../../app/scss/lib/_remodal-default-theme.scss */
.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */
/* line 186, ../../app/scss/lib/_remodal-default-theme.scss */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}
@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  /* line 297, ../../app/scss/lib/_remodal-default-theme.scss */
  .remodal {
    max-width: 700px;
  }
}
/* IE8
   ========================================================================== */
/* line 305, ../../app/scss/lib/_remodal-default-theme.scss */
.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

/* line 309, ../../app/scss/lib/_remodal-default-theme.scss */
.lt-ie9 .remodal {
  width: 700px;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
/* line 27, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

/* line 28, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

/* line 30, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

/* line 39, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
/* line 54, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

/* line 56, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */
/* line 58, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

/* line 63, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
/* line 65, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

/* line 75, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */
/* line 77, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

/* line 83, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
/* line 85, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

/* line 94, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

/* line 96, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

/* line 103, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

/* line 110, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

/* line 119, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

/* line 122, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

/* line 125, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

/* line 136, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
/* line 147, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

/* line 152, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

/* line 154, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */
/* line 156, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 165, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

/* scrollbar position: outside */
/* line 168, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

/* line 170, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

/* line 176, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

/* line 182, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

/* line 188, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

/* line 194, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

/* line 200, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

/* line 211, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

/* line 213, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
/* line 224, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

/* line 237, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 243, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

/* line 245, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
/* line 248, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
/* line 251, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
/* line 255, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
/* line 258, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

/* line 260, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

/* line 265, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

/* line 267, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

/* line 269, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
/* line 275, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
/* line 285, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/* line 297, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/
/* default theme ("light") */
/* line 335, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

/* line 337, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

/* line 340, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

/* line 347, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

/* line 352, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

/* line 357, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

/* line 361, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* line 367, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

/* line 376, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
  sprites locations 
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */
}

/* line 385, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */
}

/* line 394, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
  sprites locations 
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */
}

/* line 403, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
  sprites locations 
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */
}

/* line 412, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

/* line 417, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
/* line 425, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

/* line 427, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

/* line 429, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

/* line 431, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

/* line 434, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

/* line 436, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

/* line 438, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

/* line 440, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
/* line 448, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

/* line 455, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

/* line 462, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

/* line 471, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

/* line 473, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* line 476, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

/* line 478, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

/* line 480, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

/* line 482, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/* theme: "dark-2" */
/* line 487, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

/* line 492, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

/* line 497, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

/* line 499, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

/* line 502, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

/* line 504, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

/* line 506, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

/* line 508, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
/* line 516, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* line 523, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* line 530, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

/* line 537, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

/* line 544, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

/* line 546, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* line 549, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

/* line 551, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

/* line 553, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

/* line 555, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/* theme: "dark-thick" */
/* line 560, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* line 565, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* line 570, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

/* line 572, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

/* line 575, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

/* line 577, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

/* line 579, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

/* line 581, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
/* line 589, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

/* line 591, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

/* line 594, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

/* line 597, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/* theme "dark-thin" */
/* line 607, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

/* line 609, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

/* line 611, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

/* line 613, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

/* line 616, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

/* line 618, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

/* line 620, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

/* line 622, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
/* line 630, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

/* line 632, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

/* line 637, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

/* line 645, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

/* line 650, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

/* line 658, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}

/* line 667, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */
}

/* line 672, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}

/* line 681, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0;
}

/* line 689, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

/* line 691, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

/* line 693, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

/* line 695, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
/* line 700, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

/* line 703, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

/* line 705, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

/* line 708, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

/* line 713, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

/* line 715, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

/* line 717, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

/* line 719, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
/* line 724, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

/* line 727, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

/* line 735, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

/* line 743, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

/* line 750, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

/* line 752, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

/* line 754, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

/* line 756, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
/* line 761, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

/* line 765, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

/* line 767, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

/* line 769, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

/* line 771, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
/* line 779, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* line 792, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
/* line 808, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

/* line 811, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

/* line 814, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

/* line 820, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

/* line 825, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

/* line 832, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

/* line 841, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

/* line 844, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

/* line 852, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

/* line 859, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

/* line 861, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

/* line 863, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

/* line 865, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "3d-dark" */
/* line 870, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

/* line 875, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

/* line 877, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

/* line 879, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

/* line 881, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

/* line 883, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
/* line 891, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

/* line 897, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

/* line 902, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* line 905, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

/* line 908, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

/* line 911, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

/* line 917, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 930, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

/* line 933, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

/* line 938, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

/* line 944, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

/* line 949, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

/* line 951, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

/* line 953, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

/* line 955, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

/* line 957, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
/* line 962, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

/* line 964, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

/* line 966, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

/* line 968, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

/* line 970, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

/* line 975, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

/* line 980, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

/* line 982, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

/* line 984, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

/* line 986, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

/* line 988, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
/* line 996, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

/* line 1002, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
/* line 1011, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

/* line 1017, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

/* line 1020, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

/* line 1023, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

/* line 1026, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

/* line 1031, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
/* line 1040, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

/* line 1045, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
/* line 1057, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

/* line 1063, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

/* line 1066, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

/* line 1075, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

/* line 1082, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

/* line 1090, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

/* line 1092, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

/* line 1094, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

/* line 1096, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "dark-3" */
/* line 1101, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

/* line 1103, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

/* line 1105, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

/* line 1108, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

/* line 1110, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

/* line 1112, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

/* line 1114, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

/* line 1116, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
/* line 1124, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

/* line 1134, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 1150, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 1166, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

/* line 1177, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

/* line 1181, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

/* line 1185, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

/* line 1189, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
/* line 1196, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

/* line 1200, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

/* line 1204, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

/* line 1211, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

/* line 1215, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

/* line 1219, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

/* line 1223, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

/* line 1227, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
/* line 1234, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 1244, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
/* line 1249, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

/* line 1251, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 1253, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

/* line 1255, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

/* line 1257, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

/* line 1260, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

/* line 1262, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

/* line 1264, ../../app/scss/lib/_jquery.mCustomScrollbar.scss */
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than whatΓÇÖs here.
 */
/* line 7, ../../app/scss/lib/_classic.scss */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**
 * The picker input element.
 */
/* line 22, ../../app/scss/lib/_classic.scss */
.picker__input {
  cursor: default;
}

/**
 * When the picker is opened, the input element is ΓÇ£activatedΓÇ¥.
 */
/* line 28, ../../app/scss/lib/_classic.scss */
.picker__input.picker__input--active {
  border-color: #0089ec;
}

/**
 * The holder is the only ΓÇ£scrollableΓÇ¥ top-level container element.
 */
/* line 34, ../../app/scss/lib/_classic.scss */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than whatΓÇÖs here.
 */
/* line 47, ../../app/scss/lib/_classic.scss */
.picker {
  width: 100%;
}

/**
 * The holder is the base of the picker.
 */
/* line 53, ../../app/scss/lib/_classic.scss */
.picker__holder {
  position: absolute;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 466px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
}

/**
 * The frame and wrap work together to ensure that
 * clicks within the picker donΓÇÖt reach the holder.
 */
/* line 77, ../../app/scss/lib/_classic.scss */
.picker__frame {
  padding: 1px;
}

/* line 80, ../../app/scss/lib/_classic.scss */
.picker__wrap {
  margin: -1px;
}

/**
 * When the picker opens...
 */
/* line 86, ../../app/scss/lib/_classic.scss */
.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
  transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
}

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
/* line 7, ../../app/scss/lib/_classic.date.scss */
.picker__box {
  padding: 0 1em;
}

/**
 * The header containing the month and year stuff.
 */
/* line 13, ../../app/scss/lib/_classic.date.scss */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em;
}

/**
 * The month and year labels.
 */
/* line 21, ../../app/scss/lib/_classic.date.scss */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
}

/* line 28, ../../app/scss/lib/_classic.date.scss */
.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic;
}

/**
 * The month and year selectors.
 */
/* line 36, ../../app/scss/lib/_classic.date.scss */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em;
}

@media (min-width: 24.5em) {
  /* line 45, ../../app/scss/lib/_classic.date.scss */
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
}
/* line 50, ../../app/scss/lib/_classic.date.scss */
.picker__select--month {
  width: 35%;
}

/* line 53, ../../app/scss/lib/_classic.date.scss */
.picker__select--year {
  width: 22.5%;
}

/* line 56, ../../app/scss/lib/_classic.date.scss */
.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec;
}

/**
 * The month navigation buttons.
 */
/* line 63, ../../app/scss/lib/_classic.date.scss */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}

@media (min-width: 24.5em) {
  /* line 73, ../../app/scss/lib/_classic.date.scss */
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em;
  }
}
/* line 78, ../../app/scss/lib/_classic.date.scss */
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}

@media (min-width: 24.5em) {
  /* line 83, ../../app/scss/lib/_classic.date.scss */
  .picker__nav--prev {
    padding-right: 1.5em;
  }
}
/* line 87, ../../app/scss/lib/_classic.date.scss */
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}

@media (min-width: 24.5em) {
  /* line 92, ../../app/scss/lib/_classic.date.scss */
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
/* line 96, ../../app/scss/lib/_classic.date.scss */
.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}

/* line 107, ../../app/scss/lib/_classic.date.scss */
.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000;
}

/* line 111, ../../app/scss/lib/_classic.date.scss */
.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}

/* line 117, ../../app/scss/lib/_classic.date.scss */
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}

/**
 * The calendar table of dates
 */
/* line 129, ../../app/scss/lib/_classic.date.scss */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em;
}

@media (min-height: 33.875em) {
  /* line 140, ../../app/scss/lib/_classic.date.scss */
  .picker__table {
    margin-bottom: .75em;
  }
}
/* line 144, ../../app/scss/lib/_classic.date.scss */
.picker__table td {
  margin: 0;
  padding: 0;
}

/**
 * The weekday labels
 */
/* line 151, ../../app/scss/lib/_classic.date.scss */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */
}

@media (min-height: 33.875em) {
  /* line 160, ../../app/scss/lib/_classic.date.scss */
  .picker__weekday {
    padding-bottom: .5em;
  }
}
/**
 * The days on the calendar
 */
/* line 167, ../../app/scss/lib/_classic.date.scss */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}

/* line 172, ../../app/scss/lib/_classic.date.scss */
.picker__day--today {
  position: relative;
}

/* line 175, ../../app/scss/lib/_classic.date.scss */
.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent;
}

/* line 185, ../../app/scss/lib/_classic.date.scss */
.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}

/* line 188, ../../app/scss/lib/_classic.date.scss */
.picker__day--outfocus {
  color: #dddddd;
}

/* line 191, ../../app/scss/lib/_classic.date.scss */
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}

/* line 197, ../../app/scss/lib/_classic.date.scss */
.picker__day--highlighted {
  border-color: #0089ec;
}

/* line 200, ../../app/scss/lib/_classic.date.scss */
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}

/* line 206, ../../app/scss/lib/_classic.date.scss */
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #ffffff;
}

/* line 212, ../../app/scss/lib/_classic.date.scss */
.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}

/* line 220, ../../app/scss/lib/_classic.date.scss */
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
/* line 227, ../../app/scss/lib/_classic.date.scss */
.picker__footer {
  text-align: center;
}

/* line 230, ../../app/scss/lib/_classic.date.scss */
.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}

/* line 242, ../../app/scss/lib/_classic.date.scss */
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}

/* line 250, ../../app/scss/lib/_classic.date.scss */
.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none;
}

/* line 257, ../../app/scss/lib/_classic.date.scss */
.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}

/* line 264, ../../app/scss/lib/_classic.date.scss */
.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em;
}

/* line 269, ../../app/scss/lib/_classic.date.scss */
.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent;
}

/* line 275, ../../app/scss/lib/_classic.date.scss */
.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200;
}

/* line 280, ../../app/scss/lib/_classic.date.scss */
.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777;
}

/* line 288, ../../app/scss/lib/_classic.date.scss */
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}

/* line 295, ../../app/scss/lib/_classic.date.scss */
.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa;
}

/* ==========================================================================
   $CLASSIC-DATE-PICKER
   ========================================================================== */
/* line 1, ../../app/scss/lib/_magazine.scss */
body {
  overflow: hidden;
  background-color: #fcfcfc;
  margin: 0;
  padding: 0;
}

/* line 8, ../../app/scss/lib/_magazine.scss */
.magazine-viewport .container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 922px;
  height: 600px;
  margin: auto;
}

/* line 17, ../../app/scss/lib/_magazine.scss */
.magazine-viewport .magazine {
  width: 922px;
  height: 600px;
  left: -461px;
  top: -300px;
}

/* line 24, ../../app/scss/lib/_magazine.scss */
.magazine-viewport .page {
  width: 461px;
  height: 600px;
  background-color: white;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/* line 32, ../../app/scss/lib/_magazine.scss */
.magazine-viewport .zoomer .region {
  display: none;
}

/* line 36, ../../app/scss/lib/_magazine.scss */
.magazine .region {
  position: absolute;
  overflow: hidden;
  background: #0066FF;
  opacity: 0.2;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

/* line 51, ../../app/scss/lib/_magazine.scss */
.magazine .region:hover {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}

/* line 57, ../../app/scss/lib/_magazine.scss */
.magazine .region.zoom {
  opacity: 0.01;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=1);
}

/* line 63, ../../app/scss/lib/_magazine.scss */
.magazine .region.zoom:hover {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

/* line 69, ../../app/scss/lib/_magazine.scss */
.magazine .page {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

/* line 77, ../../app/scss/lib/_magazine.scss */
.magazine-viewport .page img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
}

/* line 87, ../../app/scss/lib/_magazine.scss */
.magazine .even .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(0.95, transparent), color-stop(1, rgba(0, 0, 0, 0.2)));
  background-image: -webkit-linear-gradient(left, transparent 95%, rgba(0, 0, 0, 0.2) 100%);
  background-image: -moz-linear-gradient(left, transparent 95%, rgba(0, 0, 0, 0.2) 100%);
  background-image: -ms-linear-gradient(left, transparent 95%, rgba(0, 0, 0, 0.2) 100%);
  background-image: -o-linear-gradient(left, transparent 95%, rgba(0, 0, 0, 0.2) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
}

/* line 102, ../../app/scss/lib/_magazine.scss */
.magazine .odd .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, color-stop(0.95, transparent), color-stop(1, rgba(0, 0, 0, 0.15)));
  background-image: -webkit-linear-gradient(right, transparent 95%, rgba(0, 0, 0, 0.15) 100%);
  background-image: -moz-linear-gradient(right, transparent 95%, rgba(0, 0, 0, 0.15) 100%);
  background-image: -ms-linear-gradient(right, transparent 95%, rgba(0, 0, 0, 0.15) 100%);
  background-image: -o-linear-gradient(right, transparent 95%, rgba(0, 0, 0, 0.15) 100%);
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
}

/* line 117, ../../app/scss/lib/_magazine.scss */
.magazine-viewport .zoom-in .even .gradient,
.magazine-viewport .zoom-in .odd .gradient {
  display: none;
}

/* line 124, ../../app/scss/lib/_magazine.scss */
.magazine-viewport .loader {
  background-image: url(../pics/loader.gif);
  width: 22px;
  height: 22px;
  position: absolute;
  top: 280px;
  left: 219px;
}

/* line 133, ../../app/scss/lib/_magazine.scss */
.magazine-viewport .shadow {
  -webkit-transition: -webkit-box-shadow 0.5s;
  -moz-transition: -moz-box-shadow 0.5s;
  -o-transition: -webkit-box-shadow 0.5s;
  -ms-transition: -ms-box-shadow 0.5s;
  -webkit-box-shadow: 0 0 20px #ccc;
  -moz-box-shadow: 0 0 20px #ccc;
  -o-box-shadow: 0 0 20px #ccc;
  -ms-box-shadow: 0 0 20px #ccc;
  box-shadow: 0 0 20px #ccc;
}

/* line 146, ../../app/scss/lib/_magazine.scss */
.magazine-viewport .next-button,
.magazine-viewport .previous-button {
  width: 22px;
  height: 600px;
  position: absolute;
  top: 0;
}

/* line 154, ../../app/scss/lib/_magazine.scss */
.magazine-viewport .next-button {
  right: -22px;
  -webkit-border-radius: 0 15px 15px 0;
  -moz-border-radius: 0 15px 15px 0;
  -ms-border-radius: 0 15px 15px 0;
  -o-border-radius: 0 15px 15px 0;
  border-radius: 0 15px 15px 0;
}

/* line 163, ../../app/scss/lib/_magazine.scss */
.magazine-viewport .previous-button {
  left: -22px;
  -webkit-border-radius: 15px 0 0 15px;
  -moz-border-radius: 15px 0 0 15px;
  -ms-border-radius: 15px 0 0 15px;
  -o-border-radius: 15px 0 0 15px;
  border-radius: 15px 0 0 15px;
}

/* line 172, ../../app/scss/lib/_magazine.scss */
.magazine-viewport .previous-button-hover,
.magazine-viewport .next-button-hover {
  background-color: rgba(0, 0, 0, 0.2);
}

/* line 177, ../../app/scss/lib/_magazine.scss */
.magazine-viewport .previous-button-hover,
.magazine-viewport .previous-button-down {
  background-image: url(../pics/arrows.png);
  background-position: -4px 284px;
  background-repeat: no-repeat;
}

/* line 184, ../../app/scss/lib/_magazine.scss */
.magazine-viewport .previous-button-down,
.magazine-viewport .next-button-down {
  background-color: rgba(0, 0, 0, 0.4);
}

/* line 189, ../../app/scss/lib/_magazine.scss */
.magazine-viewport .next-button-hover,
.magazine-viewport .next-button-down {
  background-image: url(../pics/arrows.png);
  background-position: -38px 284px;
  background-repeat: no-repeat;
}

/* line 196, ../../app/scss/lib/_magazine.scss */
.magazine-viewport .zoom-in .next-button,
.magazine-viewport .zoom-in .previous-button {
  display: none;
}

/* line 201, ../../app/scss/lib/_magazine.scss */
.animated {
  -webkit-transition: margin-left 0.5s;
  -moz-transition: margin-left 0.5s;
  -ms-transition: margin-left 0.5s;
  -o-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}

/* line 209, ../../app/scss/lib/_magazine.scss */
.thumbnails {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 140px;
  z-index: 1;
}

/* line 218, ../../app/scss/lib/_magazine.scss */
.thumbnails > div {
  width: 1050px;
  height: 100px;
  margin: 20px auto;
}

/* line 224, ../../app/scss/lib/_magazine.scss */
.thumbnails ul {
  margin: 0;
  padding: 0;
  text-align: center;
  -webkit-transform: scale3d(0.5, 0.5, 1);
  -moz-transform: scale3d(0.5, 0.5, 1);
  -o-transform: scale3d(0.5, 0.5, 1);
  -ms-transform: scale3d(0.5, 0.5, 1);
  transform: scale3d(0.5, 0.5, 1);
  -webkit-transition: -webkit-transform ease-in-out 100ms;
  -moz-transition: -moz-transform ease-in-out 100ms;
  -ms-transition: -ms-transform ease-in-out 100ms;
  -o-transition: -o-transform ease-in-out 100ms;
  transition: transform ease-in-out 100ms;
}

/* line 240, ../../app/scss/lib/_magazine.scss */
.thumbanils-touch ul {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}

/* line 248, ../../app/scss/lib/_magazine.scss */
.thumbnails-hover ul {
  -webkit-transform: scale3d(0.6, 0.6, 1);
  -moz-transform: scale3d(0.6, 0.6, 1);
  -o-transform: scale3d(0.6, 0.6, 1);
  -ms-transform: scale3d(0.6, 0.6, 1);
  transform: scale3d(0.6, 0.6, 1);
}

/* line 256, ../../app/scss/lib/_magazine.scss */
.thumbnails li {
  list-style: none;
  display: inline-block;
  margin: 0 5px;
  -webkit-box-shadow: 0 0 10px #ccc;
  -moz-box-shadow: 0 0 10px #ccc;
  -ms-box-shadow: 0 0 10px #ccc;
  -o-box-shadow: 0 0 10px #ccc;
  box-shadow: 0 0 10px  #ccc;
  -webkit-transition: -webkit-transform 60ms;
  -moz-transition: -webkit-transform 60ms;
  -o-transition: -webkit-transform 60ms;
  -ms-transition: -webkit-transform 60ms;
  transition: -webkit-transform 60ms;
}

/* line 272, ../../app/scss/lib/_magazine.scss */
.thumbnails li span {
  display: none;
}

/* line 276, ../../app/scss/lib/_magazine.scss */
.thumbnails .current {
  -webkit-box-shadow: 0 0 10px red;
  -moz-box-shadow: 0 0 10px red;
  -ms-box-shadow: 0 0 10px red;
  -o-box-shadow: 0 0 10px red;
  box-shadow: 0 0 10px red;
}

/* line 284, ../../app/scss/lib/_magazine.scss */
.thumbnails .thumb-hover {
  -webkit-transform: scale3d(1.3, 1.3, 1);
  -moz-transform: scale3d(1.3, 1.3, 1);
  -o-transform: scale3d(1.3, 1.3, 1);
  -ms-transform: scale3d(1.3, 1.3, 1);
  transform: scale3d(1.3, 1.3, 1);
  -webkit-box-shadow: 0 0 10px #666;
  -moz-box-shadow: 0 0 10px #666;
  -ms-box-shadow: 0 0 10px #666;
  -o-box-shadow: 0 0 10px #666;
  box-shadow: 0 0 10px #666;
}

/* line 298, ../../app/scss/lib/_magazine.scss */
.thumbanils-touch .thumb-hover {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}

/* line 306, ../../app/scss/lib/_magazine.scss */
.thumbnails .thumb-hover span {
  position: absolute;
  bottom: -30px;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 30px;
  font: bold 15px arial;
  line-height: 30px;
  color: #666;
  display: block;
  cursor: default;
}

/* line 320, ../../app/scss/lib/_magazine.scss */
.thumbnails img {
  float: left;
}

/* line 324, ../../app/scss/lib/_magazine.scss */
.exit-message {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 40px;
  z-index: 10000;
}

/* line 333, ../../app/scss/lib/_magazine.scss */
.exit-message > div {
  width: 140px;
  height: 30px;
  margin: auto;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  font: 12px arial;
  line-height: 30px;
  color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

/* line 349, ../../app/scss/lib/_magazine.scss */
.zoom-icon {
  position: absolute;
  z-index: 1000;
  width: 22px;
  height: 22px;
  top: 10px;
  right: 10px;
  background-image: url(../pics/zoom-icons.png);
  background-size: 88px 22px;
}

/* line 360, ../../app/scss/lib/_magazine.scss */
.zoom-icon-in {
  background-position: 0 0;
  cursor: pointer;
}

/* line 365, ../../app/scss/lib/_magazine.scss */
.zoom-icon-in.zoom-icon-in-hover {
  background-position: -22px 0;
  cursor: pointer;
}

/* line 370, ../../app/scss/lib/_magazine.scss */
.zoom-icon-out {
  background-position: -44px 0;
}

/* line 374, ../../app/scss/lib/_magazine.scss */
.zoom-icon-out.zoom-icon-out-hover {
  background-position: -66px 0;
  cursor: pointer;
}

/* line 379, ../../app/scss/lib/_magazine.scss */
.bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

/*
 * jQuery FlexSlider v2.5.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 * 
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url("fonts/flexslider-icon.eot");
  src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
/* line 25, ../../app/scss/lib/_flexslider.scss */
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
  outline: none;
}

/* line 31, ../../app/scss/lib/_flexslider.scss */
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 39, ../../app/scss/lib/_flexslider.scss */
.flex-pauseplay span {
  text-transform: capitalize;
}

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
/* line 45, ../../app/scss/lib/_flexslider.scss */
.flexslider {
  margin: 0;
  padding: 0;
}

/* line 49, ../../app/scss/lib/_flexslider.scss */
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

/* line 53, ../../app/scss/lib/_flexslider.scss */
.flexslider .slides img {
  width: 100%;
  display: block;
}

/* line 57, ../../app/scss/lib/_flexslider.scss */
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* line 65, ../../app/scss/lib/_flexslider.scss */
html[xmlns] .flexslider .slides {
  display: block;
}

/* line 68, ../../app/scss/lib/_flexslider.scss */
* html .flexslider .slides {
  height: 1%;
}

/* line 71, ../../app/scss/lib/_flexslider.scss */
.no-js .flexslider .slides > li:first-child {
  display: block;
}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
/* line 77, ../../app/scss/lib/_flexslider.scss */
.flexslider {
  margin: 0 0 60px;
  background: #ffffff;
  border: 4px solid #ffffff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
}

/* line 91, ../../app/scss/lib/_flexslider.scss */
.flexslider .slides {
  zoom: 1;
}

/* line 94, ../../app/scss/lib/_flexslider.scss */
.flexslider .slides img {
  height: auto;
}

/* line 97, ../../app/scss/lib/_flexslider.scss */
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

/* line 105, ../../app/scss/lib/_flexslider.scss */
.loading .flex-viewport {
  max-height: 300px;
}

/* line 108, ../../app/scss/lib/_flexslider.scss */
.carousel li {
  margin-right: 5px;
}

/* line 111, ../../app/scss/lib/_flexslider.scss */
.flex-direction-nav {
  *height: 0;
}

/* line 114, ../../app/scss/lib/_flexslider.scss */
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 134, ../../app/scss/lib/_flexslider.scss */
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

/* line 142, ../../app/scss/lib/_flexslider.scss */
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}

/* line 145, ../../app/scss/lib/_flexslider.scss */
.flex-direction-nav .flex-prev {
  left: -50px;
}

/* line 148, ../../app/scss/lib/_flexslider.scss */
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}

/* line 152, ../../app/scss/lib/_flexslider.scss */
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}

/* line 156, ../../app/scss/lib/_flexslider.scss */
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}

/* line 159, ../../app/scss/lib/_flexslider.scss */
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}

/* line 163, ../../app/scss/lib/_flexslider.scss */
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}

/* line 166, ../../app/scss/lib/_flexslider.scss */
.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
}

/* line 171, ../../app/scss/lib/_flexslider.scss */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

/* line 184, ../../app/scss/lib/_flexslider.scss */
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}

/* line 190, ../../app/scss/lib/_flexslider.scss */
.flex-pauseplay a:hover {
  opacity: 1;
}

/* line 193, ../../app/scss/lib/_flexslider.scss */
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}

/* line 196, ../../app/scss/lib/_flexslider.scss */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

/* line 202, ../../app/scss/lib/_flexslider.scss */
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

/* line 208, ../../app/scss/lib/_flexslider.scss */
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

/* line 224, ../../app/scss/lib/_flexslider.scss */
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

/* line 228, ../../app/scss/lib/_flexslider.scss */
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

/* line 233, ../../app/scss/lib/_flexslider.scss */
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

/* line 238, ../../app/scss/lib/_flexslider.scss */
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

/* line 243, ../../app/scss/lib/_flexslider.scss */
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

/* line 255, ../../app/scss/lib/_flexslider.scss */
.flex-control-thumbs img:hover {
  opacity: 1;
}

/* line 258, ../../app/scss/lib/_flexslider.scss */
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  /* line 266, ../../app/scss/lib/_flexslider.scss */
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }

  /* line 270, ../../app/scss/lib/_flexslider.scss */
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
@font-face {
  font-family: 'cocon_next_arabicregular';
  src: url(../fonts/cocon-next-arabic-light.OTF) format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MaterialIcons/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(../fonts/MaterialIcons/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/MaterialIcons/MaterialIcons-Regular.woff) format("woff"), url(../fonts/MaterialIcons/MaterialIcons-Regular.ttf) format("truetype");
}
/* line 23, ../../app/scss/base/_fonts.scss */
.material-icons, .magazine-viewport .previous-button-hover:before,
.magazine-viewport .previous-button-down:before,
.magazine-viewport .next-button-hover:before,
.magazine-viewport .next-button-down:before, .checkbox label input ~ span.icon:before,
.radio label input ~ span.icon:before, ul.blocks.select:before, ul.blocks.select li a:before,
ul.blocks.select li a:after, .dropdown .dropdown-menu:before, .thumb:before, .element .panel .parent:before, .element.achieved .panel:after, .element.text .panel:after, .user .panel .options > a:before, .subject .panel .parent:before, .subject .panel .options > a:before, .library .element-information .close > a:before,
.library .element-information .options > a:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
/* line 47, ../../app/scss/base/_fonts.scss */
.material-icons.md-18, .magazine-viewport .md-18.previous-button-hover:before, .magazine-viewport ul.previous-button-hover.blocks.select:before, .magazine-viewport ul.blocks.select li a.previous-button-hover:before, ul.blocks.select li .magazine-viewport a.previous-button-hover:before, .magazine-viewport .user .panel .options > a.previous-button-hover:before, .user .panel .magazine-viewport .options > a.previous-button-hover:before, .magazine-viewport .subject .panel .options > a.previous-button-hover:before, .subject .panel .magazine-viewport .options > a.previous-button-hover:before, .magazine-viewport .library .element-information .close > a.previous-button-hover:before, .library .element-information .magazine-viewport .close > a.previous-button-hover:before,
.magazine-viewport .library .element-information .options > a.previous-button-hover:before,
.library .element-information .magazine-viewport .options > a.previous-button-hover:before, .magazine-viewport #actions .tools li a i.previous-button-hover.material-icons:before, #actions .tools li a .magazine-viewport i.previous-button-hover.material-icons:before,
.magazine-viewport .md-18.previous-button-down:before,
.magazine-viewport ul.previous-button-down.blocks.select:before,
.magazine-viewport ul.blocks.select li a.previous-button-down:before,
ul.blocks.select li .magazine-viewport a.previous-button-down:before,
.magazine-viewport .user .panel .options > a.previous-button-down:before,
.user .panel .magazine-viewport .options > a.previous-button-down:before,
.magazine-viewport .subject .panel .options > a.previous-button-down:before,
.subject .panel .magazine-viewport .options > a.previous-button-down:before,
.magazine-viewport .library .element-information .close > a.previous-button-down:before,
.library .element-information .magazine-viewport .close > a.previous-button-down:before,
.magazine-viewport .library .element-information .options > a.previous-button-down:before,
.library .element-information .magazine-viewport .options > a.previous-button-down:before,
.magazine-viewport #actions .tools li a i.previous-button-down.material-icons:before,
#actions .tools li a .magazine-viewport i.previous-button-down.material-icons:before,
.magazine-viewport .md-18.next-button-hover:before,
.magazine-viewport ul.next-button-hover.blocks.select:before,
.magazine-viewport ul.blocks.select li a.next-button-hover:before,
ul.blocks.select li .magazine-viewport a.next-button-hover:before,
.magazine-viewport .user .panel .options > a.next-button-hover:before,
.user .panel .magazine-viewport .options > a.next-button-hover:before,
.magazine-viewport .subject .panel .options > a.next-button-hover:before,
.subject .panel .magazine-viewport .options > a.next-button-hover:before,
.magazine-viewport .library .element-information .close > a.next-button-hover:before,
.library .element-information .magazine-viewport .close > a.next-button-hover:before,
.magazine-viewport .library .element-information .options > a.next-button-hover:before,
.library .element-information .magazine-viewport .options > a.next-button-hover:before,
.magazine-viewport #actions .tools li a i.next-button-hover.material-icons:before,
#actions .tools li a .magazine-viewport i.next-button-hover.material-icons:before,
.magazine-viewport .md-18.next-button-down:before,
.magazine-viewport ul.next-button-down.blocks.select:before,
.magazine-viewport ul.blocks.select li a.next-button-down:before,
ul.blocks.select li .magazine-viewport a.next-button-down:before,
.magazine-viewport .user .panel .options > a.next-button-down:before,
.user .panel .magazine-viewport .options > a.next-button-down:before,
.magazine-viewport .subject .panel .options > a.next-button-down:before,
.subject .panel .magazine-viewport .options > a.next-button-down:before,
.magazine-viewport .library .element-information .close > a.next-button-down:before,
.library .element-information .magazine-viewport .close > a.next-button-down:before,
.magazine-viewport .library .element-information .options > a.next-button-down:before,
.library .element-information .magazine-viewport .options > a.next-button-down:before,
.magazine-viewport #actions .tools li a i.next-button-down.material-icons:before,
#actions .tools li a .magazine-viewport i.next-button-down.material-icons:before, .checkbox label input ~ span.md-18.icon:before,
.radio label input ~ span.md-18.icon:before, ul.blocks.select:before, ul.blocks.select li a:before,
ul.blocks.select li a:after, .dropdown .md-18.dropdown-menu:before, .dropdown ul.dropdown-menu.blocks.select:before, .dropdown ul.blocks.select li a.dropdown-menu:before, ul.blocks.select li .dropdown a.dropdown-menu:before, .dropdown .user .panel .options > a.dropdown-menu:before, .user .panel .dropdown .options > a.dropdown-menu:before, .dropdown .subject .panel .options > a.dropdown-menu:before, .subject .panel .dropdown .options > a.dropdown-menu:before, .dropdown .library .element-information .close > a.dropdown-menu:before, .library .element-information .dropdown .close > a.dropdown-menu:before,
.dropdown .library .element-information .options > a.dropdown-menu:before,
.library .element-information .dropdown .options > a.dropdown-menu:before, .dropdown #actions .tools li a i.dropdown-menu.material-icons:before, #actions .tools li a .dropdown i.dropdown-menu.material-icons:before, .md-18.thumb:before, ul.thumb.blocks.select:before, ul.blocks.select li a.thumb:before, .user .panel .options > a.thumb:before, .subject .panel .options > a.thumb:before, .library .element-information .close > a.thumb:before,
.library .element-information .options > a.thumb:before, #actions .tools li a i.thumb.material-icons:before, .element .panel .md-18.parent:before, .element .panel ul.parent.blocks.select:before, .element .panel ul.blocks.select li a.parent:before, ul.blocks.select li .element .panel a.parent:before, .element .user .panel .options > a.parent:before, .user .element .panel .options > a.parent:before, .element .subject .panel .options > a.parent:before, .subject .element .panel .options > a.parent:before, .element .panel .library .element-information .close > a.parent:before, .library .element-information .element .panel .close > a.parent:before,
.element .panel .library .element-information .options > a.parent:before,
.library .element-information .element .panel .options > a.parent:before, .element .panel #actions .tools li a i.parent.material-icons:before, #actions .tools li a .element .panel i.parent.material-icons:before, .element.achieved .md-18.panel:after,
.element.achieved ul.blocks.select li a.panel:after,
ul.blocks.select li .element.achieved a.panel:after, .element.achieved #actions .tools li a i.panel.material-icons:after, #actions .tools li a .element.achieved i.panel.material-icons:after, .element.text .md-18.panel:after,
.element.text ul.blocks.select li a.panel:after,
ul.blocks.select li .element.text a.panel:after, .element.text #actions .tools li a i.panel.material-icons:after, #actions .tools li a .element.text i.panel.material-icons:after, .user .panel .options > a:before, .subject .panel .md-18.parent:before, .subject .panel ul.parent.blocks.select:before, .subject .panel ul.blocks.select li a.parent:before, ul.blocks.select li .subject .panel a.parent:before, .subject .panel .options > a.parent:before, .subject .panel .library .element-information .close > a.parent:before, .library .element-information .subject .panel .close > a.parent:before,
.subject .panel .library .element-information .options > a.parent:before, .subject .panel #actions .tools li a i.parent.material-icons:before, #actions .tools li a .subject .panel i.parent.material-icons:before, .subject .panel .options > a:before, .library .element-information .close > a:before,
.library .element-information .options > a:before, #actions .tools li a i.material-icons, #actions .tools li a .magazine-viewport i.previous-button-hover:before, .magazine-viewport #actions .tools li a i.previous-button-hover:before,
#actions .tools li a .magazine-viewport i.previous-button-down:before,
.magazine-viewport #actions .tools li a i.previous-button-down:before,
#actions .tools li a .magazine-viewport i.next-button-hover:before,
.magazine-viewport #actions .tools li a i.next-button-hover:before,
#actions .tools li a .magazine-viewport i.next-button-down:before,
.magazine-viewport #actions .tools li a i.next-button-down:before, #actions .tools li a .dropdown i.dropdown-menu:before, .dropdown #actions .tools li a i.dropdown-menu:before, #actions .tools li a i.thumb:before, #actions .tools li a .element .panel i.parent:before, .element .panel #actions .tools li a i.parent:before, #actions .tools li a .element.achieved i.panel:after, .element.achieved #actions .tools li a i.panel:after, #actions .tools li a .element.text i.panel:after, .element.text #actions .tools li a i.panel:after, #actions .tools li a .subject .panel i.parent:before, .subject .panel #actions .tools li a i.parent:before {
  font-size: 18px;
}
/* line 48, ../../app/scss/base/_fonts.scss */
.material-icons.md-24, .magazine-viewport .md-24.previous-button-hover:before,
.magazine-viewport .md-24.previous-button-down:before,
.magazine-viewport .md-24.next-button-hover:before,
.magazine-viewport .md-24.next-button-down:before, .checkbox label input ~ span.md-24.icon:before,
.radio label input ~ span.md-24.icon:before, ul.md-24.blocks.select:before, ul.blocks.select li a.md-24:before,
ul.blocks.select li a.md-24:after, .dropdown .md-24.dropdown-menu:before, .md-24.thumb:before, .element .panel .md-24.parent:before, .element.achieved .md-24.panel:after, .element.text .md-24.panel:after, .user .panel .options > a.md-24:before, .subject .panel .md-24.parent:before, .subject .panel .options > a.md-24:before, .library .element-information .close > a.md-24:before,
.library .element-information .options > a.md-24:before, #actions .tools li a:hover i.material-icons, #actions .tools li a:hover .magazine-viewport i.previous-button-hover:before, .magazine-viewport #actions .tools li a:hover i.previous-button-hover:before,
#actions .tools li a:hover .magazine-viewport i.previous-button-down:before,
.magazine-viewport #actions .tools li a:hover i.previous-button-down:before,
#actions .tools li a:hover .magazine-viewport i.next-button-hover:before,
.magazine-viewport #actions .tools li a:hover i.next-button-hover:before,
#actions .tools li a:hover .magazine-viewport i.next-button-down:before,
.magazine-viewport #actions .tools li a:hover i.next-button-down:before, #actions .tools li a:hover .dropdown i.dropdown-menu:before, .dropdown #actions .tools li a:hover i.dropdown-menu:before, #actions .tools li a:hover i.thumb:before, #actions .tools li a:hover .element .panel i.parent:before, .element .panel #actions .tools li a:hover i.parent:before, #actions .tools li a:hover .element.achieved i.panel:after, .element.achieved #actions .tools li a:hover i.panel:after, #actions .tools li a:hover .element.text i.panel:after, .element.text #actions .tools li a:hover i.panel:after, #actions .tools li a:hover .subject .panel i.parent:before, .subject .panel #actions .tools li a:hover i.parent:before, #actions .tools li a:focus i.material-icons, #actions .tools li a:focus .magazine-viewport i.previous-button-hover:before, .magazine-viewport #actions .tools li a:focus i.previous-button-hover:before,
#actions .tools li a:focus .magazine-viewport i.previous-button-down:before,
.magazine-viewport #actions .tools li a:focus i.previous-button-down:before,
#actions .tools li a:focus .magazine-viewport i.next-button-hover:before,
.magazine-viewport #actions .tools li a:focus i.next-button-hover:before,
#actions .tools li a:focus .magazine-viewport i.next-button-down:before,
.magazine-viewport #actions .tools li a:focus i.next-button-down:before, #actions .tools li a:focus .dropdown i.dropdown-menu:before, .dropdown #actions .tools li a:focus i.dropdown-menu:before, #actions .tools li a:focus i.thumb:before, #actions .tools li a:focus .element .panel i.parent:before, .element .panel #actions .tools li a:focus i.parent:before, #actions .tools li a:focus .element.achieved i.panel:after, .element.achieved #actions .tools li a:focus i.panel:after, #actions .tools li a:focus .element.text i.panel:after, .element.text #actions .tools li a:focus i.panel:after, #actions .tools li a:focus .subject .panel i.parent:before, .subject .panel #actions .tools li a:focus i.parent:before {
  font-size: 24px;
}
/* line 49, ../../app/scss/base/_fonts.scss */
.material-icons.md-36, .magazine-viewport .previous-button-hover:before,
.magazine-viewport .previous-button-down:before,
.magazine-viewport .next-button-hover:before,
.magazine-viewport .next-button-down:before, .checkbox label input ~ span.md-36.icon:before, .checkbox label .magazine-viewport input ~ span.icon.previous-button-hover:before, .magazine-viewport .checkbox label input ~ span.icon.previous-button-hover:before,
.checkbox label .magazine-viewport input ~ span.icon.previous-button-down:before,
.magazine-viewport .checkbox label input ~ span.icon.previous-button-down:before,
.checkbox label .magazine-viewport input ~ span.icon.next-button-hover:before,
.magazine-viewport .checkbox label input ~ span.icon.next-button-hover:before,
.checkbox label .magazine-viewport input ~ span.icon.next-button-down:before,
.magazine-viewport .checkbox label input ~ span.icon.next-button-down:before, .checkbox label .dropdown input ~ span.icon.dropdown-menu:before, .dropdown .checkbox label input ~ span.icon.dropdown-menu:before,
.radio label input ~ span.md-36.icon:before,
.radio label .magazine-viewport input ~ span.icon.previous-button-hover:before,
.magazine-viewport .radio label input ~ span.icon.previous-button-hover:before,
.radio label .magazine-viewport input ~ span.icon.previous-button-down:before,
.magazine-viewport .radio label input ~ span.icon.previous-button-down:before,
.radio label .magazine-viewport input ~ span.icon.next-button-hover:before,
.magazine-viewport .radio label input ~ span.icon.next-button-hover:before,
.radio label .magazine-viewport input ~ span.icon.next-button-down:before,
.magazine-viewport .radio label input ~ span.icon.next-button-down:before,
.radio label .dropdown input ~ span.icon.dropdown-menu:before,
.dropdown .radio label input ~ span.icon.dropdown-menu:before, ul.md-36.blocks.select:before, .magazine-viewport ul.blocks.select.previous-button-hover:before,
.magazine-viewport ul.blocks.select.previous-button-down:before,
.magazine-viewport ul.blocks.select.next-button-hover:before,
.magazine-viewport ul.blocks.select.next-button-down:before, .dropdown ul.blocks.select.dropdown-menu:before, ul.blocks.select li a.md-36:before, ul.blocks.select li .magazine-viewport a.previous-button-hover:before, .magazine-viewport ul.blocks.select li a.previous-button-hover:before,
ul.blocks.select li .magazine-viewport a.previous-button-down:before,
.magazine-viewport ul.blocks.select li a.previous-button-down:before,
ul.blocks.select li .magazine-viewport a.next-button-hover:before,
.magazine-viewport ul.blocks.select li a.next-button-hover:before,
ul.blocks.select li .magazine-viewport a.next-button-down:before,
.magazine-viewport ul.blocks.select li a.next-button-down:before, ul.blocks.select li .dropdown a.dropdown-menu:before, .dropdown ul.blocks.select li a.dropdown-menu:before,
ul.blocks.select li a.md-36:after, .dropdown .dropdown-menu:before, .md-36.thumb:before, .magazine-viewport .thumb.previous-button-hover:before,
.magazine-viewport .thumb.previous-button-down:before,
.magazine-viewport .thumb.next-button-hover:before,
.magazine-viewport .thumb.next-button-down:before, .dropdown .thumb.dropdown-menu:before, .element .panel .md-36.parent:before, .element .panel .magazine-viewport .parent.previous-button-hover:before, .magazine-viewport .element .panel .parent.previous-button-hover:before,
.element .panel .magazine-viewport .parent.previous-button-down:before,
.magazine-viewport .element .panel .parent.previous-button-down:before,
.element .panel .magazine-viewport .parent.next-button-hover:before,
.magazine-viewport .element .panel .parent.next-button-hover:before,
.element .panel .magazine-viewport .parent.next-button-down:before,
.magazine-viewport .element .panel .parent.next-button-down:before, .element .panel .dropdown .parent.dropdown-menu:before, .dropdown .element .panel .parent.dropdown-menu:before, .element.achieved .md-36.panel:after, .element.text .md-36.panel:after, .user .panel .options > a.md-36:before, .user .panel .magazine-viewport .options > a.previous-button-hover:before, .magazine-viewport .user .panel .options > a.previous-button-hover:before,
.user .panel .magazine-viewport .options > a.previous-button-down:before,
.magazine-viewport .user .panel .options > a.previous-button-down:before,
.user .panel .magazine-viewport .options > a.next-button-hover:before,
.magazine-viewport .user .panel .options > a.next-button-hover:before,
.user .panel .magazine-viewport .options > a.next-button-down:before,
.magazine-viewport .user .panel .options > a.next-button-down:before, .user .panel .dropdown .options > a.dropdown-menu:before, .dropdown .user .panel .options > a.dropdown-menu:before, .subject .panel .md-36.parent:before, .subject .panel .magazine-viewport .parent.previous-button-hover:before, .magazine-viewport .subject .panel .parent.previous-button-hover:before,
.subject .panel .magazine-viewport .parent.previous-button-down:before,
.magazine-viewport .subject .panel .parent.previous-button-down:before,
.subject .panel .magazine-viewport .parent.next-button-hover:before,
.magazine-viewport .subject .panel .parent.next-button-hover:before,
.subject .panel .magazine-viewport .parent.next-button-down:before,
.magazine-viewport .subject .panel .parent.next-button-down:before, .subject .panel .dropdown .parent.dropdown-menu:before, .dropdown .subject .panel .parent.dropdown-menu:before, .subject .panel .options > a.md-36:before, .subject .panel .magazine-viewport .options > a.previous-button-hover:before, .magazine-viewport .subject .panel .options > a.previous-button-hover:before,
.subject .panel .magazine-viewport .options > a.previous-button-down:before,
.magazine-viewport .subject .panel .options > a.previous-button-down:before,
.subject .panel .magazine-viewport .options > a.next-button-hover:before,
.magazine-viewport .subject .panel .options > a.next-button-hover:before,
.subject .panel .magazine-viewport .options > a.next-button-down:before,
.magazine-viewport .subject .panel .options > a.next-button-down:before, .subject .panel .dropdown .options > a.dropdown-menu:before, .dropdown .subject .panel .options > a.dropdown-menu:before, .library .element-information .close > a.md-36:before, .library .element-information .magazine-viewport .close > a.previous-button-hover:before, .magazine-viewport .library .element-information .close > a.previous-button-hover:before,
.library .element-information .magazine-viewport .close > a.previous-button-down:before,
.magazine-viewport .library .element-information .close > a.previous-button-down:before,
.library .element-information .magazine-viewport .close > a.next-button-hover:before,
.magazine-viewport .library .element-information .close > a.next-button-hover:before,
.library .element-information .magazine-viewport .close > a.next-button-down:before,
.magazine-viewport .library .element-information .close > a.next-button-down:before, .library .element-information .dropdown .close > a.dropdown-menu:before, .dropdown .library .element-information .close > a.dropdown-menu:before,
.library .element-information .options > a.md-36:before,
.library .element-information .magazine-viewport .options > a.previous-button-hover:before,
.magazine-viewport .library .element-information .options > a.previous-button-hover:before,
.library .element-information .magazine-viewport .options > a.previous-button-down:before,
.magazine-viewport .library .element-information .options > a.previous-button-down:before,
.library .element-information .magazine-viewport .options > a.next-button-hover:before,
.magazine-viewport .library .element-information .options > a.next-button-hover:before,
.library .element-information .magazine-viewport .options > a.next-button-down:before,
.magazine-viewport .library .element-information .options > a.next-button-down:before,
.library .element-information .dropdown .options > a.dropdown-menu:before,
.dropdown .library .element-information .options > a.dropdown-menu:before {
  font-size: 36px;
}
/* line 50, ../../app/scss/base/_fonts.scss */
.material-icons.md-48, .magazine-viewport .md-48.previous-button-hover:before,
.magazine-viewport .md-48.previous-button-down:before,
.magazine-viewport .md-48.next-button-hover:before,
.magazine-viewport .md-48.next-button-down:before, .checkbox label input ~ span.md-48.icon:before,
.radio label input ~ span.md-48.icon:before, ul.md-48.blocks.select:before, ul.blocks.select li a.md-48:before,
ul.blocks.select li a.md-48:after, .dropdown .md-48.dropdown-menu:before, .md-48.thumb:before, .element .panel .md-48.parent:before, .element.achieved .md-48.panel:after, .element.text .md-48.panel:after, .user .panel .options > a.md-48:before, .subject .panel .md-48.parent:before, .subject .panel .options > a.md-48:before, .library .element-information .close > a.md-48:before,
.library .element-information .options > a.md-48:before {
  font-size: 48px;
}

/* COLORS */
/* FONTS */
/* ELSE */
/* line 2, ../../app/scss/base/_overrides.scss */
ul ul, ul ol,
ol ol, ol ul {
  margin: 0;
  font-size: inherit;
}

/* line 7, ../../app/scss/base/_overrides.scss */
.u-cf:after, .buttons-group.tabs:after, .half:after, .thirds:after, ul.blocks-inline:after,
ol.blocks-inline:after, #header:after, #header nav ul.blocks-inline li a.avatar:after, #timer:after, .wrapper.lp #article article header p.details:after, .wrapper.lp #testimonials .flexslider .flex-control-nav:after {
  content: "";
  display: table;
  clear: both;
}

/* line 14, ../../app/scss/base/_overrides.scss */
[class*="hint--"]:after {
  font-family: inherit;
  background: rgba(51, 48, 45, 0.84);
}

/* line 18, ../../app/scss/base/_overrides.scss */
.hint--top:before {
  border-top-color: rgba(51, 48, 45, 0.84);
  margin-bottom: -12px;
}

/* line 22, ../../app/scss/base/_overrides.scss */
.hint--right:before {
  border-right-color: rgba(51, 48, 45, 0.84);
  margin-left: -12px;
}

/* line 26, ../../app/scss/base/_overrides.scss */
.hint--bottom:before {
  border-bottom-color: rgba(51, 48, 45, 0.84);
  margin-top: -12px;
}

/* line 30, ../../app/scss/base/_overrides.scss */
.hint--left:before {
  border-left-color: rgba(51, 48, 45, 0.84);
  margin-right: -12px;
}

/* line 36, ../../app/scss/base/_overrides.scss */
.remodal-overlay {
  background: rgba(51, 48, 45, 0.75);
}

/* line 37, ../../app/scss/base/_overrides.scss */
.remodal {
  padding: 0 28px;
  padding-top: 56px;
  padding-bottom: 42px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: right;
}

/* line 46, ../../app/scss/base/_overrides.scss */
.mCustomScrollBox {
  overflow: visible;
}

/* line 47, ../../app/scss/base/_overrides.scss */
.mCSB_container {
  overflow: visible;
}

/* line 48, ../../app/scss/base/_overrides.scss */
.mCSB_inside > .mCSB_container {
  margin-right: 0;
}

/* line 49, ../../app/scss/base/_overrides.scss */
.mCSB_scrollTools {
  right: -30px;
}

/* line 50, ../../app/scss/base/_overrides.scss */
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.25);
}

/* line 51, ../../app/scss/base/_overrides.scss */
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.42);
}

/* line 54, ../../app/scss/base/_overrides.scss */
.picker {
  color: #524b41;
}

/* line 55, ../../app/scss/base/_overrides.scss */
.picker__input.picker__input--active {
  border-color: #e29c45;
}

/* line 56, ../../app/scss/base/_overrides.scss */
.picker--opened .picker__holder {
  border-top-color: #e29c45;
}

/* line 57, ../../app/scss/base/_overrides.scss */
.picker__nav--prev:before,
.picker__nav--next:before {
  border-right: 0.75em solid #524b41;
}

/* line 59, ../../app/scss/base/_overrides.scss */
.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #524b41;
}

/* line 60, ../../app/scss/base/_overrides.scss */
.picker__nav--prev:hover,
.picker__nav--next:hover {
  background: rgba(226, 156, 69, 0.4);
}

/* line 62, ../../app/scss/base/_overrides.scss */
.picker__table th,
.picker__table td {
  text-align: center;
}

/* line 64, ../../app/scss/base/_overrides.scss */
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  color: #524b41;
  background: rgba(226, 156, 69, 0.4);
}

/* line 66, ../../app/scss/base/_overrides.scss */
.picker__day--highlighted {
  border-color: rgba(226, 156, 69, 0.75);
}

/* line 67, ../../app/scss/base/_overrides.scss */
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  color: #524b41;
  background: rgba(226, 156, 69, 0.4);
}

/* line 69, ../../app/scss/base/_overrides.scss */
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: rgba(226, 156, 69, 0.4);
  color: #524b41;
}

/* line 72, ../../app/scss/base/_overrides.scss */
.picker__button--today,
.picker__button--clear,
.picker__button--close {
  color: #524b41 !important;
  border: none !important;
  background: #ffffff !important;
  line-height: 21px;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

/* line 83, ../../app/scss/base/_overrides.scss */
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  color: #524b41 !important;
  background: rgba(226, 156, 69, 0.4) !important;
  border-bottom-color: rgba(226, 156, 69, 0.4) !important;
}

/* line 90, ../../app/scss/base/_overrides.scss */
.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: rgba(226, 156, 69, 0.4) !important;
  border-color: #e29c45 !important;
}

/* line 96, ../../app/scss/base/_overrides.scss */
.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  display: none !important;
}

/* line 103, ../../app/scss/base/_overrides.scss */
#canvas {
  direction: ltr;
  overflow: hidden;
}
/* line 106, ../../app/scss/base/_overrides.scss */
#canvas > *:not(.magazine-viewport) {
  direction: rtl;
}

/* line 110, ../../app/scss/base/_overrides.scss */
.magazine-viewport {
  z-index: 7;
}

/* line 113, ../../app/scss/base/_overrides.scss */
.magazine-viewport .container {
  max-width: none;
  padding: 0;
}

/* line 117, ../../app/scss/base/_overrides.scss */
.magazine .even .gradient {
  background: -webkit-gradient(linear, right top, left top, color-stop(0.95, transparent), color-stop(1, rgba(0, 0, 0, 0.15)));
  background-image: -webkit-linear-gradient(right, transparent 95%, rgba(0, 0, 0, 0.15) 100%);
  background-image: -moz-linear-gradient(right, transparent 95%, rgba(0, 0, 0, 0.15) 100%);
  background-image: -ms-linear-gradient(right, transparent 95%, rgba(0, 0, 0, 0.15) 100%);
  background-image: -o-linear-gradient(right, transparent 95%, rgba(0, 0, 0, 0.15) 100%);
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
}

/* line 125, ../../app/scss/base/_overrides.scss */
.magazine .odd .gradient {
  background: -webkit-gradient(linear, left top, right top, color-stop(0.95, transparent), color-stop(1, rgba(0, 0, 0, 0.2)));
  background-image: -webkit-linear-gradient(left, transparent 95%, rgba(0, 0, 0, 0.2) 100%);
  background-image: -moz-linear-gradient(left, transparent 95%, rgba(0, 0, 0, 0.2) 100%);
  background-image: -ms-linear-gradient(left, transparent 95%, rgba(0, 0, 0, 0.2) 100%);
  background-image: -o-linear-gradient(left, transparent 95%, rgba(0, 0, 0, 0.2) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
}

/* line 133, ../../app/scss/base/_overrides.scss */
.magazine-viewport .next-button,
.magazine-viewport .previous-button {
  height: 100%;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* line 138, ../../app/scss/base/_overrides.scss */
.magazine-viewport .previous-button-hover:before,
.magazine-viewport .previous-button-down:before,
.magazine-viewport .next-button-hover:before,
.magazine-viewport .next-button-down:before {
  display: block;
  position: absolute;
  top: 50%;
  width: 36;
  text-align: center;
  color: #f5f4f3;
}

/* line 151, ../../app/scss/base/_overrides.scss */
.magazine-viewport .previous-button-hover:before,
.magazine-viewport .previous-button-down:before {
  content: 'chevron_left';
  right: 0;
  margin-right: -7px;
}

/* line 157, ../../app/scss/base/_overrides.scss */
.magazine-viewport .next-button-hover:before,
.magazine-viewport .next-button-down:before {
  content: 'chevron_right';
  left: 0;
  margin-left: -7px;
}

/* line 163, ../../app/scss/base/_overrides.scss */
.exit-message > div {
  font-family: "cocon_next_arabicregular", Arial, sans-serif;
}

/* line 18, ../../app/scss/base/_base.scss */
html, body {
  width: 100%;
  height: 100%;
}

/* line 23, ../../app/scss/base/_base.scss */
body {
  overflow: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  position: relative;
  direction: rtl;
  text-align: right;
  font-family: "cocon_next_arabicregular", Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  background-color: #f5f4f3;
  color: #666059;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-font-smoothing: antialiased;
}

/* line 40, ../../app/scss/base/_base.scss */
img {
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

/* line 42, ../../app/scss/base/_base.scss */
::-moz-selection {
  background: rgba(98, 68, 30, 0.7);
  color: #fff;
}

/* line 47, ../../app/scss/base/_base.scss */
::selection {
  background: rgba(98, 68, 30, 0.7);
  color: #fff;
}

/* line 52, ../../app/scss/base/_base.scss */
.wrapper {
  box-sizing: border-box;
  min-height: 102%;
  padding-top: 84px;
  padding-bottom: 105px;
}
/* line 58, ../../app/scss/base/_base.scss */
.wrapper.full-screen, .wrapper.read-book, .wrapper.watch-media, .wrapper.lp {
  height: 100%;
  padding: 0;
}

/* line 64, ../../app/scss/base/_base.scss */
.container {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* line 65, ../../app/scss/base/_base.scss */
.transitionToNone {
  -moz-transition: none !important;
  -o-transition: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}

/* line 21, ../../app/scss/base/_typography.scss */
a {
  text-decoration: none;
  cursor: pointer;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #524b41;
}
/* line 27, ../../app/scss/base/_typography.scss */
a:hover, a:focus {
  text-decoration: none;
  color: #e29c45;
}
/* line 33, ../../app/scss/base/_typography.scss */
a.underline, table.table tbody tr td a {
  text-decoration: underline;
}
/* line 36, ../../app/scss/base/_typography.scss */
a.underline:hover, table.table tbody tr td a:hover, a.underline:focus, table.table tbody tr td a:focus {
  text-decoration: none;
}

/* line 48, ../../app/scss/base/_typography.scss */
h1, h2, h3, h4, h5, h6,
.h1,
.wrapper.lp #timeline .sections .content h4, .h2, .page_form label.upload-avatar p,
.page_form label.upload-excel p,
.page_form label.upload-book p,
.page_form label.upload-media p,
.page_form label.upload-subject p, .student_profile .panel section.statistics ul.blocks-inline li div span.num, .statistics .banner .global-statistics ul.blocks-inline li div span.num, .h3, .h4, .h5, .h6 {
  margin: 0;
  font-family: "cocon_next_arabicregular", Arial, sans-serif;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: normal;
  color: #524b41;
}
/* line 57, ../../app/scss/base/_typography.scss */
h1 small, h1 .small, h1 small a, small h1 a, h1 label, h1 .label, h1 .p.label, h1 .form-item.fancy.animate label, .form-item.fancy.animate h1 label, h1 .form-item.fancy.stop label, .form-item.fancy.stop h1 label, h1 table.table thead td, table.table thead h1 td, h1 .divider h2, .divider h1 h2, h1 .element p, .element h1 p, h1 .element-block span, .element-block h1 span, h1 .user .panel > a p, .user .panel > a h1 p, h1 .subject a p, .subject a h1 p, h1 .student_profile .panel section.information p, .student_profile .panel section.information h1 p, h1 .library .element-information .element span, .library .element-information .element h1 span, h1 .wrapper.lp #article article header p.details, .wrapper.lp #article article header h1 p.details, h1 .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date h1 span.m, h2 small, h2 .small, h2 small a, small h2 a, h2 label, h2 .label, h2 .p.label, h2 .form-item.fancy.animate label, .form-item.fancy.animate h2 label, h2 .form-item.fancy.stop label, .form-item.fancy.stop h2 label, h2 table.table thead td, table.table thead h2 td, h2 .divider h2, .divider h2 h2, h2 .element p, .element h2 p, h2 .element-block span, .element-block h2 span, h2 .user .panel > a p, .user .panel > a h2 p, h2 .subject a p, .subject a h2 p, h2 .student_profile .panel section.information p, .student_profile .panel section.information h2 p, h2 .library .element-information .element span, .library .element-information .element h2 span, h2 .wrapper.lp #article article header p.details, .wrapper.lp #article article header h2 p.details, h2 .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date h2 span.m, h3 small, h3 .small, h3 small a, small h3 a, h3 label, h3 .label, h3 .p.label, h3 .form-item.fancy.animate label, .form-item.fancy.animate h3 label, h3 .form-item.fancy.stop label, .form-item.fancy.stop h3 label, h3 table.table thead td, table.table thead h3 td, h3 .divider h2, .divider h3 h2, h3 .element p, .element h3 p, h3 .element-block span, .element-block h3 span, h3 .user .panel > a p, .user .panel > a h3 p, h3 .subject a p, .subject a h3 p, h3 .student_profile .panel section.information p, .student_profile .panel section.information h3 p, h3 .library .element-information .element span, .library .element-information .element h3 span, h3 .wrapper.lp #article article header p.details, .wrapper.lp #article article header h3 p.details, h3 .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date h3 span.m, h4 small, h4 .small, h4 small a, small h4 a, h4 label, h4 .label, h4 .p.label, h4 .form-item.fancy.animate label, .form-item.fancy.animate h4 label, h4 .form-item.fancy.stop label, .form-item.fancy.stop h4 label, h4 table.table thead td, table.table thead h4 td, h4 .divider h2, .divider h4 h2, h4 .element p, .element h4 p, h4 .element-block span, .element-block h4 span, h4 .user .panel > a p, .user .panel > a h4 p, h4 .subject a p, .subject a h4 p, h4 .student_profile .panel section.information p, .student_profile .panel section.information h4 p, h4 .library .element-information .element span, .library .element-information .element h4 span, h4 .wrapper.lp #article article header p.details, .wrapper.lp #article article header h4 p.details, h4 .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date h4 span.m, h5 small, h5 .small, h5 small a, small h5 a, h5 label, h5 .label, h5 .p.label, h5 .form-item.fancy.animate label, .form-item.fancy.animate h5 label, h5 .form-item.fancy.stop label, .form-item.fancy.stop h5 label, h5 table.table thead td, table.table thead h5 td, h5 .divider h2, .divider h5 h2, h5 .element p, .element h5 p, h5 .element-block span, .element-block h5 span, h5 .user .panel > a p, .user .panel > a h5 p, h5 .subject a p, .subject a h5 p, h5 .student_profile .panel section.information p, .student_profile .panel section.information h5 p, h5 .library .element-information .element span, .library .element-information .element h5 span, h5 .wrapper.lp #article article header p.details, .wrapper.lp #article article header h5 p.details, h5 .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date h5 span.m, h6 small, h6 .small, h6 small a, small h6 a, h6 label, h6 .label, h6 .p.label, h6 .form-item.fancy.animate label, .form-item.fancy.animate h6 label, h6 .form-item.fancy.stop label, .form-item.fancy.stop h6 label, h6 table.table thead td, table.table thead h6 td, h6 .divider h2, .divider h6 h2, h6 .element p, .element h6 p, h6 .element-block span, .element-block h6 span, h6 .user .panel > a p, .user .panel > a h6 p, h6 .subject a p, .subject a h6 p, h6 .student_profile .panel section.information p, .student_profile .panel section.information h6 p, h6 .library .element-information .element span, .library .element-information .element h6 span, h6 .wrapper.lp #article article header p.details, .wrapper.lp #article article header h6 p.details, h6 .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date h6 span.m,
.h1 small,
.wrapper.lp #timeline .sections .content h4 small,
.h1 .small,
.wrapper.lp #timeline .sections .content h4 .small,
.h1 small a,
small .h1 a,
.wrapper.lp #timeline .sections .content h4 small a,
small .wrapper.lp #timeline .sections .content h4 a,
.h1 label,
.wrapper.lp #timeline .sections .content h4 label,
.h1 .label,
.wrapper.lp #timeline .sections .content h4 .label,
.h1 .form-item.fancy.animate label,
.form-item.fancy.animate .h1 label,
.h1 .form-item.fancy.stop label,
.form-item.fancy.stop .h1 label,
.h1 table.table thead td,
table.table thead .h1 td,
.wrapper.lp #timeline .sections .content h4 table.table thead td,
table.table thead .wrapper.lp #timeline .sections .content h4 td,
.h1 .divider h2,
.divider .h1 h2,
.wrapper.lp #timeline .sections .content h4 .divider h2,
.divider .wrapper.lp #timeline .sections .content h4 h2,
.h1 .element p,
.element .h1 p,
.wrapper.lp #timeline .sections .content h4 .element p,
.element .wrapper.lp #timeline .sections .content h4 p,
.h1 .element-block span,
.element-block .h1 span,
.wrapper.lp #timeline .sections .content h4 .element-block span,
.element-block .wrapper.lp #timeline .sections .content h4 span,
.h1 .user .panel > a p,
.user .panel > a .h1 p,
.wrapper.lp #timeline .sections .content h4 .user .panel > a p,
.user .panel > a .wrapper.lp #timeline .sections .content h4 p,
.h1 .subject a p,
.subject a .h1 p,
.wrapper.lp #timeline .sections .content h4 .subject a p,
.subject a .wrapper.lp #timeline .sections .content h4 p,
.h1 .student_profile .panel section.information p,
.student_profile .panel section.information .h1 p,
.wrapper.lp #timeline .sections .content h4 .student_profile .panel section.information p,
.student_profile .panel section.information .wrapper.lp #timeline .sections .content h4 p,
.h1 .library .element-information .element span,
.library .element-information .element .h1 span,
.wrapper.lp #timeline .sections .content h4 .library .element-information .element span,
.library .element-information .element .wrapper.lp #timeline .sections .content h4 span,
.h1 .wrapper.lp #article article header p.details,
.wrapper.lp #article article header .h1 p.details,
.wrapper.lp #timeline .sections .content h4 #article article header p.details,
.wrapper.lp #article article header #timeline .sections .content h4 p.details,
.h1 .wrapper.lp #calendar .events > li .content span.date span.m,
.wrapper.lp #calendar .events > li .content span.date .h1 span.m,
.wrapper.lp #timeline .sections #calendar .events > li .content h4 span.date span.m,
.wrapper.lp #calendar .events > li #timeline .sections .content h4 span.date span.m,
.wrapper.lp #timeline .sections #calendar .events > li .content span.date h4 span.m,
.wrapper.lp #calendar .events > li #timeline .sections .content span.date h4 span.m, .h2 small, .page_form label.upload-avatar p small,
.page_form label.upload-excel p small,
.page_form label.upload-book p small,
.page_form label.upload-media p small,
.page_form label.upload-subject p small, .student_profile .panel section.statistics ul.blocks-inline li div span.num small, .statistics .banner .global-statistics ul.blocks-inline li div span.num small, .h2 .small, .page_form label.upload-avatar p .small,
.page_form label.upload-excel p .small,
.page_form label.upload-book p .small,
.page_form label.upload-media p .small,
.page_form label.upload-subject p .small, .student_profile .panel section.statistics ul.blocks-inline li div span.num .small, .statistics .banner .global-statistics ul.blocks-inline li div span.num .small, .h2 small a, small .h2 a, .page_form label.upload-avatar p small a, small .page_form label.upload-avatar p a,
.page_form label.upload-excel p small a,
small .page_form label.upload-excel p a,
.page_form label.upload-book p small a,
small .page_form label.upload-book p a,
.page_form label.upload-media p small a,
small .page_form label.upload-media p a,
.page_form label.upload-subject p small a,
small .page_form label.upload-subject p a, .student_profile .panel section.statistics ul.blocks-inline li div span.num small a, small .student_profile .panel section.statistics ul.blocks-inline li div span.num a, .statistics .banner .global-statistics ul.blocks-inline li div span.num small a, small .statistics .banner .global-statistics ul.blocks-inline li div span.num a, .h2 label, .page_form label.upload-avatar p label,
.page_form label.upload-excel p label,
.page_form label.upload-book p label,
.page_form label.upload-media p label,
.page_form label.upload-subject p label, .student_profile .panel section.statistics ul.blocks-inline li div span.num label, .statistics .banner .global-statistics ul.blocks-inline li div span.num label, .h2 .label, .page_form label.upload-avatar p .label,
.page_form label.upload-excel p .label,
.page_form label.upload-book p .label,
.page_form label.upload-media p .label,
.page_form label.upload-subject p .label, .student_profile .panel section.statistics ul.blocks-inline li div span.num .label, .statistics .banner .global-statistics ul.blocks-inline li div span.num .label, .h2 p.label, .page_form label.upload-avatar p p.label,
.page_form label.upload-excel p p.label,
.page_form label.upload-book p p.label,
.page_form label.upload-media p p.label,
.page_form label.upload-subject p p.label, .student_profile .panel section.statistics ul.blocks-inline li div span.num p.label, .statistics .banner .global-statistics ul.blocks-inline li div span.num p.label, .h2 .p.label, .page_form label.upload-avatar p .p.label,
.page_form label.upload-excel p .p.label,
.page_form label.upload-book p .p.label,
.page_form label.upload-media p .p.label,
.page_form label.upload-subject p .p.label, .student_profile .panel section.statistics ul.blocks-inline li div span.num .p.label, .statistics .banner .global-statistics ul.blocks-inline li div span.num .p.label, .h2 .form-item.fancy.animate label, .form-item.fancy.animate .h2 label, .page_form label.upload-avatar p .form-item.fancy.animate label, .form-item.fancy.animate .page_form label.upload-avatar p label,
.page_form label.upload-excel p .form-item.fancy.animate label,
.form-item.fancy.animate .page_form label.upload-excel p label,
.page_form label.upload-book p .form-item.fancy.animate label,
.form-item.fancy.animate .page_form label.upload-book p label,
.page_form label.upload-media p .form-item.fancy.animate label,
.form-item.fancy.animate .page_form label.upload-media p label,
.page_form label.upload-subject p .form-item.fancy.animate label,
.form-item.fancy.animate .page_form label.upload-subject p label, .student_profile .panel section.statistics ul.blocks-inline li div span.num .form-item.fancy.animate label, .form-item.fancy.animate .student_profile .panel section.statistics ul.blocks-inline li div span.num label, .statistics .banner .global-statistics ul.blocks-inline li div span.num .form-item.fancy.animate label, .form-item.fancy.animate .statistics .banner .global-statistics ul.blocks-inline li div span.num label, .h2 .form-item.fancy.stop label, .form-item.fancy.stop .h2 label, .page_form label.upload-avatar p .form-item.fancy.stop label, .form-item.fancy.stop .page_form label.upload-avatar p label,
.page_form label.upload-excel p .form-item.fancy.stop label,
.form-item.fancy.stop .page_form label.upload-excel p label,
.page_form label.upload-book p .form-item.fancy.stop label,
.form-item.fancy.stop .page_form label.upload-book p label,
.page_form label.upload-media p .form-item.fancy.stop label,
.form-item.fancy.stop .page_form label.upload-media p label,
.page_form label.upload-subject p .form-item.fancy.stop label,
.form-item.fancy.stop .page_form label.upload-subject p label, .student_profile .panel section.statistics ul.blocks-inline li div span.num .form-item.fancy.stop label, .form-item.fancy.stop .student_profile .panel section.statistics ul.blocks-inline li div span.num label, .statistics .banner .global-statistics ul.blocks-inline li div span.num .form-item.fancy.stop label, .form-item.fancy.stop .statistics .banner .global-statistics ul.blocks-inline li div span.num label, .h2 table.table thead td, table.table thead .h2 td, .page_form label.upload-avatar p table.table thead td, table.table thead .page_form label.upload-avatar p td,
.page_form label.upload-excel p table.table thead td,
table.table thead .page_form label.upload-excel p td,
.page_form label.upload-book p table.table thead td,
table.table thead .page_form label.upload-book p td,
.page_form label.upload-media p table.table thead td,
table.table thead .page_form label.upload-media p td,
.page_form label.upload-subject p table.table thead td,
table.table thead .page_form label.upload-subject p td, .student_profile .panel section.statistics ul.blocks-inline li div span.num table.table thead td, table.table thead .student_profile .panel section.statistics ul.blocks-inline li div span.num td, .statistics .banner .global-statistics ul.blocks-inline li div span.num table.table thead td, table.table thead .statistics .banner .global-statistics ul.blocks-inline li div span.num td, .h2 .divider h2, .divider .h2 h2, .page_form label.upload-avatar p .divider h2, .divider .page_form label.upload-avatar p h2,
.page_form label.upload-excel p .divider h2,
.divider .page_form label.upload-excel p h2,
.page_form label.upload-book p .divider h2,
.divider .page_form label.upload-book p h2,
.page_form label.upload-media p .divider h2,
.divider .page_form label.upload-media p h2,
.page_form label.upload-subject p .divider h2,
.divider .page_form label.upload-subject p h2, .student_profile .panel section.statistics ul.blocks-inline li div span.num .divider h2, .divider .student_profile .panel section.statistics ul.blocks-inline li div span.num h2, .statistics .banner .global-statistics ul.blocks-inline li div span.num .divider h2, .divider .statistics .banner .global-statistics ul.blocks-inline li div span.num h2, .h2 .element p, .element .h2 p, .page_form label.upload-avatar p .element p, .element .page_form label.upload-avatar p p,
.page_form label.upload-excel p .element p,
.element .page_form label.upload-excel p p,
.page_form label.upload-book p .element p,
.element .page_form label.upload-book p p,
.page_form label.upload-media p .element p,
.element .page_form label.upload-media p p,
.page_form label.upload-subject p .element p,
.element .page_form label.upload-subject p p, .student_profile .panel section.statistics ul.blocks-inline li div span.num .element p, .element .student_profile .panel section.statistics ul.blocks-inline li div span.num p, .statistics .banner .global-statistics ul.blocks-inline li div span.num .element p, .element .statistics .banner .global-statistics ul.blocks-inline li div span.num p, .h2 .element-block span, .element-block .h2 span, .page_form label.upload-avatar p .element-block span, .element-block .page_form label.upload-avatar p span,
.page_form label.upload-excel p .element-block span,
.element-block .page_form label.upload-excel p span,
.page_form label.upload-book p .element-block span,
.element-block .page_form label.upload-book p span,
.page_form label.upload-media p .element-block span,
.element-block .page_form label.upload-media p span,
.page_form label.upload-subject p .element-block span,
.element-block .page_form label.upload-subject p span, .student_profile .panel section.statistics ul.blocks-inline li div span.num .element-block span, .element-block .student_profile .panel section.statistics ul.blocks-inline li div span.num span, .statistics .banner .global-statistics ul.blocks-inline li div span.num .element-block span, .element-block .statistics .banner .global-statistics ul.blocks-inline li div span.num span, .h2 .user .panel > a p, .user .panel > a .h2 p, .page_form label.upload-avatar p .user .panel > a p, .user .panel > a .page_form label.upload-avatar p p,
.page_form label.upload-excel p .user .panel > a p,
.user .panel > a .page_form label.upload-excel p p,
.page_form label.upload-book p .user .panel > a p,
.user .panel > a .page_form label.upload-book p p,
.page_form label.upload-media p .user .panel > a p,
.user .panel > a .page_form label.upload-media p p,
.page_form label.upload-subject p .user .panel > a p,
.user .panel > a .page_form label.upload-subject p p, .student_profile .user .panel > a section.statistics ul.blocks-inline li div span.num p, .user .student_profile .panel > a section.statistics ul.blocks-inline li div span.num p, .statistics .banner .global-statistics ul.blocks-inline li div span.num .user .panel > a p, .user .panel > a .statistics .banner .global-statistics ul.blocks-inline li div span.num p, .h2 .subject a p, .subject a .h2 p, .page_form label.upload-avatar p .subject a p, .subject a .page_form label.upload-avatar p p,
.page_form label.upload-excel p .subject a p,
.subject a .page_form label.upload-excel p p,
.page_form label.upload-book p .subject a p,
.subject a .page_form label.upload-book p p,
.page_form label.upload-media p .subject a p,
.subject a .page_form label.upload-media p p,
.page_form label.upload-subject p .subject a p,
.subject a .page_form label.upload-subject p p, .student_profile .panel section.statistics ul.blocks-inline li div span.num .subject a p, .subject a .student_profile .panel section.statistics ul.blocks-inline li div span.num p, .statistics .banner .global-statistics ul.blocks-inline li div span.num .subject a p, .subject a .statistics .banner .global-statistics ul.blocks-inline li div span.num p, .h2 .student_profile .panel section.information p, .student_profile .panel section.information .h2 p, .page_form label.upload-avatar p .student_profile .panel section.information p, .student_profile .panel section.information .page_form label.upload-avatar p p,
.page_form label.upload-excel p .student_profile .panel section.information p,
.student_profile .panel section.information .page_form label.upload-excel p p,
.page_form label.upload-book p .student_profile .panel section.information p,
.student_profile .panel section.information .page_form label.upload-book p p,
.page_form label.upload-media p .student_profile .panel section.information p,
.student_profile .panel section.information .page_form label.upload-media p p,
.page_form label.upload-subject p .student_profile .panel section.information p,
.student_profile .panel section.information .page_form label.upload-subject p p, .student_profile .panel section.statistics ul.blocks-inline li div span.num section.information p, .student_profile .panel section.information section.statistics ul.blocks-inline li div span.num p, .statistics .banner .global-statistics ul.blocks-inline li div span.num .student_profile .panel section.information p, .student_profile .panel section.information .statistics .banner .global-statistics ul.blocks-inline li div span.num p, .h2 .library .element-information .element span, .library .element-information .element .h2 span, .page_form label.upload-avatar p .library .element-information .element span, .library .element-information .element .page_form label.upload-avatar p span,
.page_form label.upload-excel p .library .element-information .element span,
.library .element-information .element .page_form label.upload-excel p span,
.page_form label.upload-book p .library .element-information .element span,
.library .element-information .element .page_form label.upload-book p span,
.page_form label.upload-media p .library .element-information .element span,
.library .element-information .element .page_form label.upload-media p span,
.page_form label.upload-subject p .library .element-information .element span,
.library .element-information .element .page_form label.upload-subject p span, .student_profile .panel section.statistics ul.blocks-inline li div span.num .library .element-information .element span, .library .element-information .element .student_profile .panel section.statistics ul.blocks-inline li div span.num span, .statistics .banner .global-statistics ul.blocks-inline li div span.num .library .element-information .element span, .library .element-information .element .statistics .banner .global-statistics ul.blocks-inline li div span.num span, .h2 .wrapper.lp #article article header p.details, .wrapper.lp #article article header .h2 p.details, .page_form label.upload-avatar p .wrapper.lp #article article header p.details, .wrapper.lp #article article header .page_form label.upload-avatar p p.details,
.page_form label.upload-excel p .wrapper.lp #article article header p.details,
.wrapper.lp #article article header .page_form label.upload-excel p p.details,
.page_form label.upload-book p .wrapper.lp #article article header p.details,
.wrapper.lp #article article header .page_form label.upload-book p p.details,
.page_form label.upload-media p .wrapper.lp #article article header p.details,
.wrapper.lp #article article header .page_form label.upload-media p p.details,
.page_form label.upload-subject p .wrapper.lp #article article header p.details,
.wrapper.lp #article article header .page_form label.upload-subject p p.details, .student_profile .panel section.statistics ul.blocks-inline li div span.num .wrapper.lp #article article header p.details, .wrapper.lp #article article header .student_profile .panel section.statistics ul.blocks-inline li div span.num p.details, .statistics .banner .global-statistics ul.blocks-inline li div span.num .wrapper.lp #article article header p.details, .wrapper.lp #article article header .statistics .banner .global-statistics ul.blocks-inline li div span.num p.details, .h2 .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .h2 span.m, .page_form label.upload-avatar p .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .page_form label.upload-avatar p span.m,
.page_form label.upload-excel p .wrapper.lp #calendar .events > li .content span.date span.m,
.wrapper.lp #calendar .events > li .content span.date .page_form label.upload-excel p span.m,
.page_form label.upload-book p .wrapper.lp #calendar .events > li .content span.date span.m,
.wrapper.lp #calendar .events > li .content span.date .page_form label.upload-book p span.m,
.page_form label.upload-media p .wrapper.lp #calendar .events > li .content span.date span.m,
.wrapper.lp #calendar .events > li .content span.date .page_form label.upload-media p span.m,
.page_form label.upload-subject p .wrapper.lp #calendar .events > li .content span.date span.m,
.wrapper.lp #calendar .events > li .content span.date .page_form label.upload-subject p span.m, .student_profile .panel section.statistics ul.blocks-inline .wrapper.lp #calendar .events > li div span.num .content span.date span.m, .wrapper.lp #calendar .student_profile .panel section.statistics ul.blocks-inline .events > li div span.num .content span.date span.m, .student_profile .panel section.statistics ul.blocks-inline .wrapper.lp #calendar .events > li .content span.date div span.num span.m, .wrapper.lp #calendar .student_profile .panel section.statistics ul.blocks-inline .events > li .content span.date div span.num span.m, .statistics .banner .global-statistics ul.blocks-inline .wrapper.lp #calendar .events > li div span.num .content span.date span.m, .wrapper.lp #calendar .statistics .banner .global-statistics ul.blocks-inline .events > li div span.num .content span.date span.m, .statistics .banner .global-statistics ul.blocks-inline .wrapper.lp #calendar .events > li .content span.date div span.num span.m, .wrapper.lp #calendar .statistics .banner .global-statistics ul.blocks-inline .events > li .content span.date div span.num span.m, .h3 small, .h3 .small, .h3 small a, small .h3 a, .h3 label, .h3 .label, .h3 .form-item.fancy.animate label, .form-item.fancy.animate .h3 label, .h3 .form-item.fancy.stop label, .form-item.fancy.stop .h3 label, .h3 table.table thead td, table.table thead .h3 td, .h3 .divider h2, .divider .h3 h2, .h3 .element p, .element .h3 p, .h3 .element-block span, .element-block .h3 span, .h3 .user .panel > a p, .user .panel > a .h3 p, .h3 .subject a p, .subject a .h3 p, .h3 .student_profile .panel section.information p, .student_profile .panel section.information .h3 p, .h3 .library .element-information .element span, .library .element-information .element .h3 span, .h3 .wrapper.lp #article article header p.details, .wrapper.lp #article article header .h3 p.details, .h3 .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .h3 span.m, .h4 small, .h4 .small, .h4 small a, small .h4 a, .h4 label, .h4 .label, .h4 .form-item.fancy.animate label, .form-item.fancy.animate .h4 label, .h4 .form-item.fancy.stop label, .form-item.fancy.stop .h4 label, .h4 table.table thead td, table.table thead .h4 td, .h4 .divider h2, .divider .h4 h2, .h4 .element p, .element .h4 p, .h4 .element-block span, .element-block .h4 span, .h4 .user .panel > a p, .user .panel > a .h4 p, .h4 .subject a p, .subject a .h4 p, .h4 .student_profile .panel section.information p, .student_profile .panel section.information .h4 p, .h4 .library .element-information .element span, .library .element-information .element .h4 span, .h4 .wrapper.lp #article article header p.details, .wrapper.lp #article article header .h4 p.details, .h4 .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .h4 span.m, .h5 small, .h5 .small, .h5 small a, small .h5 a, .h5 label, .h5 .label, .h5 .form-item.fancy.animate label, .form-item.fancy.animate .h5 label, .h5 .form-item.fancy.stop label, .form-item.fancy.stop .h5 label, .h5 table.table thead td, table.table thead .h5 td, .h5 .divider h2, .divider .h5 h2, .h5 .element p, .element .h5 p, .h5 .element-block span, .element-block .h5 span, .h5 .user .panel > a p, .user .panel > a .h5 p, .h5 .subject a p, .subject a .h5 p, .h5 .student_profile .panel section.information p, .student_profile .panel section.information .h5 p, .h5 .library .element-information .element span, .library .element-information .element .h5 span, .h5 .wrapper.lp #article article header p.details, .wrapper.lp #article article header .h5 p.details, .h5 .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .h5 span.m, .h6 small, .h6 .small, .h6 small a, small .h6 a, .h6 label, .h6 .label, .h6 .form-item.fancy.animate label, .form-item.fancy.animate .h6 label, .h6 .form-item.fancy.stop label, .form-item.fancy.stop .h6 label, .h6 table.table thead td, table.table thead .h6 td, .h6 .divider h2, .divider .h6 h2, .h6 .element p, .element .h6 p, .h6 .element-block span, .element-block .h6 span, .h6 .user .panel > a p, .user .panel > a .h6 p, .h6 .subject a p, .subject a .h6 p, .h6 .student_profile .panel section.information p, .student_profile .panel section.information .h6 p, .h6 .library .element-information .element span, .library .element-information .element .h6 span, .h6 .wrapper.lp #article article header p.details, .wrapper.lp #article article header .h6 p.details, .h6 .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .h6 span.m {
  font-size: 80%;
}

/* line 62, ../../app/scss/base/_typography.scss */
h4, h5, h6,
.h4, .h5, .h6 {
  color: #7c7976;
}

/* line 67, ../../app/scss/base/_typography.scss */
h1, .h1, .wrapper.lp #timeline .sections .content h4 {
  font-size: 21px;
}

/* line 68, ../../app/scss/base/_typography.scss */
h2, .h2, .page_form label.upload-avatar p,
.page_form label.upload-excel p,
.page_form label.upload-book p,
.page_form label.upload-media p,
.page_form label.upload-subject p, .student_profile .panel section.statistics ul.blocks-inline li div span.num, .statistics .banner .global-statistics ul.blocks-inline li div span.num {
  font-size: 18px;
}

/* line 69, ../../app/scss/base/_typography.scss */
h3, .h3 {
  font-size: 16px;
}

/* line 70, ../../app/scss/base/_typography.scss */
h4, .h4 {
  font-size: 13px;
}

/* line 71, ../../app/scss/base/_typography.scss */
h5, .h5 {
  font-size: 1px;
}

/* line 72, ../../app/scss/base/_typography.scss */
h6, .h6 {
  font-size: 1px;
}

/* line 75, ../../app/scss/base/_typography.scss */
p, .p {
  margin: 0;
}
/* line 78, ../../app/scss/base/_typography.scss */
p.alt, .wrapper.lp #article .sharer p, .wrapper.lp #timeline .sections .content p, .wrapper.lp #students .info p, .wrapper.lp #library .info p, .p.alt, .wrapper.lp #article .sharer p.p, .wrapper.lp #timeline .sections .content p.p, .wrapper.lp #students .info p.p, .wrapper.lp #library .info p.p, .wrapper.lp #calendar .events > li .content small.p.location {
  font-size: 16px;
  line-height: 28px;
}

/* line 89, ../../app/scss/base/_typography.scss */
small, .small, small a, label, .label, p.label, .p.label, .form-item.fancy.animate label, .form-item.fancy.stop label, table.table thead td, .divider h2, .element p, .element-block span, .user .panel > a p, .subject a p, .student_profile .panel section.information p, .library .element-information .element span, .wrapper.lp #article article header p.details, .wrapper.lp #calendar .events > li .content span.date span.m {
  font-size: 14px;
  color: #7c7976;
}

/* line 94, ../../app/scss/base/_typography.scss */
.small-alt, .comment span.information, .element.wip .panel .parent .timeline span, #percentage {
  font-size: 13px;
  color: #a9a6a3;
}

/* line 100, ../../app/scss/base/_typography.scss */
ul, ol, li {
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* line 107, ../../app/scss/base/_typography.scss */
ul.list,
ol.list {
  padding-right: 24px;
}

/* line 112, ../../app/scss/base/_typography.scss */
ul.list li,
ol.list li {
  padding-right: 6px;
}

/* line 117, ../../app/scss/base/_typography.scss */
ul.list,
ul.list li {
  list-style-type: disc;
}

/* line 122, ../../app/scss/base/_typography.scss */
ol.list,
ol.list li {
  list-style-type: decimal;
}

/* line 127, ../../app/scss/base/_typography.scss */
ul.list-inline li,
ol.list-inline li {
  display: inline-block;
}

/* line 34, ../../app/scss/modules/_button.scss */
.button, button, input[type="submit"],
input[type="reset"], input[type="button"] {
  overflow: hidden;
  display: block;
  position: relative;
  width: auto;
  height: auto;
  line-height: 28px;
  margin: 0;
  margin-bottom: 14px;
  padding: 2px 21px;
  border: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-family: "cocon_next_arabicregular", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  vertical-align: middle;
  letter-spacing: normal;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
  background-color: #e29c45;
  color: #fff;
}
/* line 62, ../../app/scss/modules/_button.scss */
.button.large, button.large, input[type="submit"].large,
input[type="reset"].large, input[type="button"].large {
  display: block;
  width: 100%;
  max-width: 189px;
}
/* line 67, ../../app/scss/modules/_button.scss */
.button.large.center, button.large.center, input[type="submit"].large.center,
input[type="reset"].large.center, input[type="button"].large.center {
  margin: 0 auto;
}
/* line 72, ../../app/scss/modules/_button.scss */
.button small, .button .small, .button small a, small .button a, .button label, .button .label, .button .form-item.fancy.animate label, .form-item.fancy.animate .button label, .button .form-item.fancy.stop label, .form-item.fancy.stop .button label, .button table.table thead td, table.table thead .button td, .button .divider h2, .divider .button h2, .button .element p, .element .button p, .button .element-block span, .element-block .button span, .button .user .panel > a p, .user .panel > a .button p, .button .subject a p, .subject a .button p, .button .student_profile .panel section.information p, .student_profile .panel section.information .button p, .button .library .element-information .element span, .library .element-information .element .button span, .button .wrapper.lp #article article header p.details, .wrapper.lp #article article header .button p.details, .button .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .button span.m, button small, button .small, button small a, small button a, button label, button .label, button .p.label, button .form-item.fancy.animate label, .form-item.fancy.animate button label, button .form-item.fancy.stop label, .form-item.fancy.stop button label, button table.table thead td, table.table thead button td, button .divider h2, .divider button h2, button .element p, .element button p, button .element-block span, .element-block button span, button .user .panel > a p, .user .panel > a button p, button .subject a p, .subject a button p, button .student_profile .panel section.information p, .student_profile .panel section.information button p, button .library .element-information .element span, .library .element-information .element button span, button .wrapper.lp #article article header p.details, .wrapper.lp #article article header button p.details, button .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date button span.m, input[type="submit"] small, input[type="submit"] .small, input[type="submit"] small a, small input[type="submit"] a, input[type="submit"] label, input[type="submit"] .label, input[type="submit"] .form-item.fancy.animate label, .form-item.fancy.animate input[type="submit"] label, input[type="submit"] .form-item.fancy.stop label, .form-item.fancy.stop input[type="submit"] label, input[type="submit"] table.table thead td, table.table thead input[type="submit"] td, input[type="submit"] .divider h2, .divider input[type="submit"] h2, input[type="submit"] .element p, .element input[type="submit"] p, input[type="submit"] .element-block span, .element-block input[type="submit"] span, input[type="submit"] .user .panel > a p, .user .panel > a input[type="submit"] p, input[type="submit"] .subject a p, .subject a input[type="submit"] p, input[type="submit"] .student_profile .panel section.information p, .student_profile .panel section.information input[type="submit"] p, input[type="submit"] .library .element-information .element span, .library .element-information .element input[type="submit"] span, input[type="submit"] .wrapper.lp #article article header p.details, .wrapper.lp #article article header input[type="submit"] p.details, input[type="submit"] .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date input[type="submit"] span.m,
input[type="reset"] small,
input[type="reset"] .small,
input[type="reset"] small a,
small input[type="reset"] a,
input[type="reset"] label,
input[type="reset"] .label,
input[type="reset"] .form-item.fancy.animate label,
.form-item.fancy.animate input[type="reset"] label,
input[type="reset"] .form-item.fancy.stop label,
.form-item.fancy.stop input[type="reset"] label,
input[type="reset"] table.table thead td,
table.table thead input[type="reset"] td,
input[type="reset"] .divider h2,
.divider input[type="reset"] h2,
input[type="reset"] .element p,
.element input[type="reset"] p,
input[type="reset"] .element-block span,
.element-block input[type="reset"] span,
input[type="reset"] .user .panel > a p,
.user .panel > a input[type="reset"] p,
input[type="reset"] .subject a p,
.subject a input[type="reset"] p,
input[type="reset"] .student_profile .panel section.information p,
.student_profile .panel section.information input[type="reset"] p,
input[type="reset"] .library .element-information .element span,
.library .element-information .element input[type="reset"] span,
input[type="reset"] .wrapper.lp #article article header p.details,
.wrapper.lp #article article header input[type="reset"] p.details,
input[type="reset"] .wrapper.lp #calendar .events > li .content span.date span.m,
.wrapper.lp #calendar .events > li .content span.date input[type="reset"] span.m, input[type="button"] small, input[type="button"] .small, input[type="button"] small a, small input[type="button"] a, input[type="button"] label, input[type="button"] .label, input[type="button"] .form-item.fancy.animate label, .form-item.fancy.animate input[type="button"] label, input[type="button"] .form-item.fancy.stop label, .form-item.fancy.stop input[type="button"] label, input[type="button"] table.table thead td, table.table thead input[type="button"] td, input[type="button"] .divider h2, .divider input[type="button"] h2, input[type="button"] .element p, .element input[type="button"] p, input[type="button"] .element-block span, .element-block input[type="button"] span, input[type="button"] .user .panel > a p, .user .panel > a input[type="button"] p, input[type="button"] .subject a p, .subject a input[type="button"] p, input[type="button"] .student_profile .panel section.information p, .student_profile .panel section.information input[type="button"] p, input[type="button"] .library .element-information .element span, .library .element-information .element input[type="button"] span, input[type="button"] .wrapper.lp #article article header p.details, .wrapper.lp #article article header input[type="button"] p.details, input[type="button"] .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date input[type="button"] span.m {
  color: #fff;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 77, ../../app/scss/modules/_button.scss */
.button:hover, .button:focus, button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus, input[type="button"]:hover, input[type="button"]:focus {
  background-color: #df9333;
  color: #fff;
}
/* line 82, ../../app/scss/modules/_button.scss */
.button:hover small, .button:hover .small, .button:hover small a, small .button:hover a, .button:hover label, .button:hover .label, .button:hover .form-item.fancy.animate label, .form-item.fancy.animate .button:hover label, .button:hover .form-item.fancy.stop label, .form-item.fancy.stop .button:hover label, .button:hover table.table thead td, table.table thead .button:hover td, .button:hover .divider h2, .divider .button:hover h2, .button:hover .element p, .element .button:hover p, .button:hover .element-block span, .element-block .button:hover span, .button:hover .user .panel > a p, .user .panel > a .button:hover p, .button:hover .subject a p, .subject a .button:hover p, .button:hover .student_profile .panel section.information p, .student_profile .panel section.information .button:hover p, .button:hover .library .element-information .element span, .library .element-information .element .button:hover span, .button:hover .wrapper.lp #article article header p.details, .wrapper.lp #article article header .button:hover p.details, .button:hover .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .button:hover span.m, .button:focus small, .button:focus .small, .button:focus small a, small .button:focus a, .button:focus label, .button:focus .label, .button:focus .form-item.fancy.animate label, .form-item.fancy.animate .button:focus label, .button:focus .form-item.fancy.stop label, .form-item.fancy.stop .button:focus label, .button:focus table.table thead td, table.table thead .button:focus td, .button:focus .divider h2, .divider .button:focus h2, .button:focus .element p, .element .button:focus p, .button:focus .element-block span, .element-block .button:focus span, .button:focus .user .panel > a p, .user .panel > a .button:focus p, .button:focus .subject a p, .subject a .button:focus p, .button:focus .student_profile .panel section.information p, .student_profile .panel section.information .button:focus p, .button:focus .library .element-information .element span, .library .element-information .element .button:focus span, .button:focus .wrapper.lp #article article header p.details, .wrapper.lp #article article header .button:focus p.details, .button:focus .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .button:focus span.m, button:hover small, button:hover .small, button:hover small a, small button:hover a, button:hover label, button:hover .label, button:hover .form-item.fancy.animate label, .form-item.fancy.animate button:hover label, button:hover .form-item.fancy.stop label, .form-item.fancy.stop button:hover label, button:hover table.table thead td, table.table thead button:hover td, button:hover .divider h2, .divider button:hover h2, button:hover .element p, .element button:hover p, button:hover .element-block span, .element-block button:hover span, button:hover .user .panel > a p, .user .panel > a button:hover p, button:hover .subject a p, .subject a button:hover p, button:hover .student_profile .panel section.information p, .student_profile .panel section.information button:hover p, button:hover .library .element-information .element span, .library .element-information .element button:hover span, button:hover .wrapper.lp #article article header p.details, .wrapper.lp #article article header button:hover p.details, button:hover .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date button:hover span.m, button:focus small, button:focus .small, button:focus small a, small button:focus a, button:focus label, button:focus .label, button:focus .form-item.fancy.animate label, .form-item.fancy.animate button:focus label, button:focus .form-item.fancy.stop label, .form-item.fancy.stop button:focus label, button:focus table.table thead td, table.table thead button:focus td, button:focus .divider h2, .divider button:focus h2, button:focus .element p, .element button:focus p, button:focus .element-block span, .element-block button:focus span, button:focus .user .panel > a p, .user .panel > a button:focus p, button:focus .subject a p, .subject a button:focus p, button:focus .student_profile .panel section.information p, .student_profile .panel section.information button:focus p, button:focus .library .element-information .element span, .library .element-information .element button:focus span, button:focus .wrapper.lp #article article header p.details, .wrapper.lp #article article header button:focus p.details, button:focus .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date button:focus span.m, input[type="submit"]:hover small, input[type="submit"]:hover .small, input[type="submit"]:hover small a, small input[type="submit"]:hover a, input[type="submit"]:hover label, input[type="submit"]:hover .label, input[type="submit"]:hover .form-item.fancy.animate label, .form-item.fancy.animate input[type="submit"]:hover label, input[type="submit"]:hover .form-item.fancy.stop label, .form-item.fancy.stop input[type="submit"]:hover label, input[type="submit"]:hover table.table thead td, table.table thead input[type="submit"]:hover td, input[type="submit"]:hover .divider h2, .divider input[type="submit"]:hover h2, input[type="submit"]:hover .element p, .element input[type="submit"]:hover p, input[type="submit"]:hover .element-block span, .element-block input[type="submit"]:hover span, input[type="submit"]:hover .user .panel > a p, .user .panel > a input[type="submit"]:hover p, input[type="submit"]:hover .subject a p, .subject a input[type="submit"]:hover p, input[type="submit"]:hover .student_profile .panel section.information p, .student_profile .panel section.information input[type="submit"]:hover p, input[type="submit"]:hover .library .element-information .element span, .library .element-information .element input[type="submit"]:hover span, input[type="submit"]:hover .wrapper.lp #article article header p.details, .wrapper.lp #article article header input[type="submit"]:hover p.details, input[type="submit"]:hover .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date input[type="submit"]:hover span.m, input[type="submit"]:focus small, input[type="submit"]:focus .small, input[type="submit"]:focus small a, small input[type="submit"]:focus a, input[type="submit"]:focus label, input[type="submit"]:focus .label, input[type="submit"]:focus .form-item.fancy.animate label, .form-item.fancy.animate input[type="submit"]:focus label, input[type="submit"]:focus .form-item.fancy.stop label, .form-item.fancy.stop input[type="submit"]:focus label, input[type="submit"]:focus table.table thead td, table.table thead input[type="submit"]:focus td, input[type="submit"]:focus .divider h2, .divider input[type="submit"]:focus h2, input[type="submit"]:focus .element p, .element input[type="submit"]:focus p, input[type="submit"]:focus .element-block span, .element-block input[type="submit"]:focus span, input[type="submit"]:focus .user .panel > a p, .user .panel > a input[type="submit"]:focus p, input[type="submit"]:focus .subject a p, .subject a input[type="submit"]:focus p, input[type="submit"]:focus .student_profile .panel section.information p, .student_profile .panel section.information input[type="submit"]:focus p, input[type="submit"]:focus .library .element-information .element span, .library .element-information .element input[type="submit"]:focus span, input[type="submit"]:focus .wrapper.lp #article article header p.details, .wrapper.lp #article article header input[type="submit"]:focus p.details, input[type="submit"]:focus .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date input[type="submit"]:focus span.m,
input[type="reset"]:hover small,
input[type="reset"]:hover .small,
input[type="reset"]:hover small a,
small input[type="reset"]:hover a,
input[type="reset"]:hover label,
input[type="reset"]:hover .label,
input[type="reset"]:hover .form-item.fancy.animate label,
.form-item.fancy.animate input[type="reset"]:hover label,
input[type="reset"]:hover .form-item.fancy.stop label,
.form-item.fancy.stop input[type="reset"]:hover label,
input[type="reset"]:hover table.table thead td,
table.table thead input[type="reset"]:hover td,
input[type="reset"]:hover .divider h2,
.divider input[type="reset"]:hover h2,
input[type="reset"]:hover .element p,
.element input[type="reset"]:hover p,
input[type="reset"]:hover .element-block span,
.element-block input[type="reset"]:hover span,
input[type="reset"]:hover .user .panel > a p,
.user .panel > a input[type="reset"]:hover p,
input[type="reset"]:hover .subject a p,
.subject a input[type="reset"]:hover p,
input[type="reset"]:hover .student_profile .panel section.information p,
.student_profile .panel section.information input[type="reset"]:hover p,
input[type="reset"]:hover .library .element-information .element span,
.library .element-information .element input[type="reset"]:hover span,
input[type="reset"]:hover .wrapper.lp #article article header p.details,
.wrapper.lp #article article header input[type="reset"]:hover p.details,
input[type="reset"]:hover .wrapper.lp #calendar .events > li .content span.date span.m,
.wrapper.lp #calendar .events > li .content span.date input[type="reset"]:hover span.m,
input[type="reset"]:focus small,
input[type="reset"]:focus .small,
input[type="reset"]:focus small a,
small input[type="reset"]:focus a,
input[type="reset"]:focus label,
input[type="reset"]:focus .label,
input[type="reset"]:focus .form-item.fancy.animate label,
.form-item.fancy.animate input[type="reset"]:focus label,
input[type="reset"]:focus .form-item.fancy.stop label,
.form-item.fancy.stop input[type="reset"]:focus label,
input[type="reset"]:focus table.table thead td,
table.table thead input[type="reset"]:focus td,
input[type="reset"]:focus .divider h2,
.divider input[type="reset"]:focus h2,
input[type="reset"]:focus .element p,
.element input[type="reset"]:focus p,
input[type="reset"]:focus .element-block span,
.element-block input[type="reset"]:focus span,
input[type="reset"]:focus .user .panel > a p,
.user .panel > a input[type="reset"]:focus p,
input[type="reset"]:focus .subject a p,
.subject a input[type="reset"]:focus p,
input[type="reset"]:focus .student_profile .panel section.information p,
.student_profile .panel section.information input[type="reset"]:focus p,
input[type="reset"]:focus .library .element-information .element span,
.library .element-information .element input[type="reset"]:focus span,
input[type="reset"]:focus .wrapper.lp #article article header p.details,
.wrapper.lp #article article header input[type="reset"]:focus p.details,
input[type="reset"]:focus .wrapper.lp #calendar .events > li .content span.date span.m,
.wrapper.lp #calendar .events > li .content span.date input[type="reset"]:focus span.m, input[type="button"]:hover small, input[type="button"]:hover .small, input[type="button"]:hover small a, small input[type="button"]:hover a, input[type="button"]:hover label, input[type="button"]:hover .label, input[type="button"]:hover .form-item.fancy.animate label, .form-item.fancy.animate input[type="button"]:hover label, input[type="button"]:hover .form-item.fancy.stop label, .form-item.fancy.stop input[type="button"]:hover label, input[type="button"]:hover table.table thead td, table.table thead input[type="button"]:hover td, input[type="button"]:hover .divider h2, .divider input[type="button"]:hover h2, input[type="button"]:hover .element p, .element input[type="button"]:hover p, input[type="button"]:hover .element-block span, .element-block input[type="button"]:hover span, input[type="button"]:hover .user .panel > a p, .user .panel > a input[type="button"]:hover p, input[type="button"]:hover .subject a p, .subject a input[type="button"]:hover p, input[type="button"]:hover .student_profile .panel section.information p, .student_profile .panel section.information input[type="button"]:hover p, input[type="button"]:hover .library .element-information .element span, .library .element-information .element input[type="button"]:hover span, input[type="button"]:hover .wrapper.lp #article article header p.details, .wrapper.lp #article article header input[type="button"]:hover p.details, input[type="button"]:hover .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date input[type="button"]:hover span.m, input[type="button"]:focus small, input[type="button"]:focus .small, input[type="button"]:focus small a, small input[type="button"]:focus a, input[type="button"]:focus label, input[type="button"]:focus .label, input[type="button"]:focus .form-item.fancy.animate label, .form-item.fancy.animate input[type="button"]:focus label, input[type="button"]:focus .form-item.fancy.stop label, .form-item.fancy.stop input[type="button"]:focus label, input[type="button"]:focus table.table thead td, table.table thead input[type="button"]:focus td, input[type="button"]:focus .divider h2, .divider input[type="button"]:focus h2, input[type="button"]:focus .element p, .element input[type="button"]:focus p, input[type="button"]:focus .element-block span, .element-block input[type="button"]:focus span, input[type="button"]:focus .user .panel > a p, .user .panel > a input[type="button"]:focus p, input[type="button"]:focus .subject a p, .subject a input[type="button"]:focus p, input[type="button"]:focus .student_profile .panel section.information p, .student_profile .panel section.information input[type="button"]:focus p, input[type="button"]:focus .library .element-information .element span, .library .element-information .element input[type="button"]:focus span, input[type="button"]:focus .wrapper.lp #article article header p.details, .wrapper.lp #article article header input[type="button"]:focus p.details, input[type="button"]:focus .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date input[type="button"]:focus span.m {
  color: #fff;
}

@media (min-width: 400px) {
  /* line 87, ../../app/scss/modules/_button.scss */
  .button, button, input[type="submit"],
  input[type="reset"], input[type="button"] {
    display: inline-block;
    margin-bottom: 0;
  }
}
/* line 97, ../../app/scss/modules/_button.scss */
.button.outlines, button.outlines, input[type="submit"].outlines,
input[type="reset"].outlines, input[type="button"].outlines {
  border: 1px solid #e29c45;
  line-height: 26px;
  background-color: transparent;
  color: #e29c45;
}
/* line 103, ../../app/scss/modules/_button.scss */
.button.outlines small, .button.outlines .small, .button.outlines small a, small .button.outlines a, .button.outlines label, .button.outlines .label, .button.outlines .form-item.fancy.animate label, .form-item.fancy.animate .button.outlines label, .button.outlines .form-item.fancy.stop label, .form-item.fancy.stop .button.outlines label, .button.outlines table.table thead td, table.table thead .button.outlines td, .button.outlines .divider h2, .divider .button.outlines h2, .button.outlines .element p, .element .button.outlines p, .button.outlines .element-block span, .element-block .button.outlines span, .button.outlines .user .panel > a p, .user .panel > a .button.outlines p, .button.outlines .subject a p, .subject a .button.outlines p, .button.outlines .student_profile .panel section.information p, .student_profile .panel section.information .button.outlines p, .button.outlines .library .element-information .element span, .library .element-information .element .button.outlines span, .button.outlines .wrapper.lp #article article header p.details, .wrapper.lp #article article header .button.outlines p.details, .button.outlines .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .button.outlines span.m, button.outlines small, button.outlines .small, button.outlines small a, small button.outlines a, button.outlines label, button.outlines .label, button.outlines .form-item.fancy.animate label, .form-item.fancy.animate button.outlines label, button.outlines .form-item.fancy.stop label, .form-item.fancy.stop button.outlines label, button.outlines table.table thead td, table.table thead button.outlines td, button.outlines .divider h2, .divider button.outlines h2, button.outlines .element p, .element button.outlines p, button.outlines .element-block span, .element-block button.outlines span, button.outlines .user .panel > a p, .user .panel > a button.outlines p, button.outlines .subject a p, .subject a button.outlines p, button.outlines .student_profile .panel section.information p, .student_profile .panel section.information button.outlines p, button.outlines .library .element-information .element span, .library .element-information .element button.outlines span, button.outlines .wrapper.lp #article article header p.details, .wrapper.lp #article article header button.outlines p.details, button.outlines .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date button.outlines span.m, input[type="submit"].outlines small, input[type="submit"].outlines .small, input[type="submit"].outlines small a, small input[type="submit"].outlines a, input[type="submit"].outlines label, input[type="submit"].outlines .label, input[type="submit"].outlines .form-item.fancy.animate label, .form-item.fancy.animate input[type="submit"].outlines label, input[type="submit"].outlines .form-item.fancy.stop label, .form-item.fancy.stop input[type="submit"].outlines label, input[type="submit"].outlines table.table thead td, table.table thead input[type="submit"].outlines td, input[type="submit"].outlines .divider h2, .divider input[type="submit"].outlines h2, input[type="submit"].outlines .element p, .element input[type="submit"].outlines p, input[type="submit"].outlines .element-block span, .element-block input[type="submit"].outlines span, input[type="submit"].outlines .user .panel > a p, .user .panel > a input[type="submit"].outlines p, input[type="submit"].outlines .subject a p, .subject a input[type="submit"].outlines p, input[type="submit"].outlines .student_profile .panel section.information p, .student_profile .panel section.information input[type="submit"].outlines p, input[type="submit"].outlines .library .element-information .element span, .library .element-information .element input[type="submit"].outlines span, input[type="submit"].outlines .wrapper.lp #article article header p.details, .wrapper.lp #article article header input[type="submit"].outlines p.details, input[type="submit"].outlines .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date input[type="submit"].outlines span.m,
input[type="reset"].outlines small,
input[type="reset"].outlines .small,
input[type="reset"].outlines small a,
small input[type="reset"].outlines a,
input[type="reset"].outlines label,
input[type="reset"].outlines .label,
input[type="reset"].outlines .form-item.fancy.animate label,
.form-item.fancy.animate input[type="reset"].outlines label,
input[type="reset"].outlines .form-item.fancy.stop label,
.form-item.fancy.stop input[type="reset"].outlines label,
input[type="reset"].outlines table.table thead td,
table.table thead input[type="reset"].outlines td,
input[type="reset"].outlines .divider h2,
.divider input[type="reset"].outlines h2,
input[type="reset"].outlines .element p,
.element input[type="reset"].outlines p,
input[type="reset"].outlines .element-block span,
.element-block input[type="reset"].outlines span,
input[type="reset"].outlines .user .panel > a p,
.user .panel > a input[type="reset"].outlines p,
input[type="reset"].outlines .subject a p,
.subject a input[type="reset"].outlines p,
input[type="reset"].outlines .student_profile .panel section.information p,
.student_profile .panel section.information input[type="reset"].outlines p,
input[type="reset"].outlines .library .element-information .element span,
.library .element-information .element input[type="reset"].outlines span,
input[type="reset"].outlines .wrapper.lp #article article header p.details,
.wrapper.lp #article article header input[type="reset"].outlines p.details,
input[type="reset"].outlines .wrapper.lp #calendar .events > li .content span.date span.m,
.wrapper.lp #calendar .events > li .content span.date input[type="reset"].outlines span.m, input[type="button"].outlines small, input[type="button"].outlines .small, input[type="button"].outlines small a, small input[type="button"].outlines a, input[type="button"].outlines label, input[type="button"].outlines .label, input[type="button"].outlines .form-item.fancy.animate label, .form-item.fancy.animate input[type="button"].outlines label, input[type="button"].outlines .form-item.fancy.stop label, .form-item.fancy.stop input[type="button"].outlines label, input[type="button"].outlines table.table thead td, table.table thead input[type="button"].outlines td, input[type="button"].outlines .divider h2, .divider input[type="button"].outlines h2, input[type="button"].outlines .element p, .element input[type="button"].outlines p, input[type="button"].outlines .element-block span, .element-block input[type="button"].outlines span, input[type="button"].outlines .user .panel > a p, .user .panel > a input[type="button"].outlines p, input[type="button"].outlines .subject a p, .subject a input[type="button"].outlines p, input[type="button"].outlines .student_profile .panel section.information p, .student_profile .panel section.information input[type="button"].outlines p, input[type="button"].outlines .library .element-information .element span, .library .element-information .element input[type="button"].outlines span, input[type="button"].outlines .wrapper.lp #article article header p.details, .wrapper.lp #article article header input[type="button"].outlines p.details, input[type="button"].outlines .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date input[type="button"].outlines span.m {
  color: #e29c45;
}
/* line 105, ../../app/scss/modules/_button.scss */
.button.outlines:hover, .button.outlines:focus, button.outlines:hover, button.outlines:focus, input[type="submit"].outlines:hover, input[type="submit"].outlines:focus,
input[type="reset"].outlines:hover,
input[type="reset"].outlines:focus, input[type="button"].outlines:hover, input[type="button"].outlines:focus {
  border-color: transparent;
  background-color: #e29c45;
  color: #fff;
}
/* line 111, ../../app/scss/modules/_button.scss */
.button.outlines:hover small, .button.outlines:hover .small, .button.outlines:hover small a, small .button.outlines:hover a, .button.outlines:hover label, .button.outlines:hover .label, .button.outlines:hover .form-item.fancy.animate label, .form-item.fancy.animate .button.outlines:hover label, .button.outlines:hover .form-item.fancy.stop label, .form-item.fancy.stop .button.outlines:hover label, .button.outlines:hover table.table thead td, table.table thead .button.outlines:hover td, .button.outlines:hover .divider h2, .divider .button.outlines:hover h2, .button.outlines:hover .element p, .element .button.outlines:hover p, .button.outlines:hover .element-block span, .element-block .button.outlines:hover span, .button.outlines:hover .user .panel > a p, .user .panel > a .button.outlines:hover p, .button.outlines:hover .subject a p, .subject a .button.outlines:hover p, .button.outlines:hover .student_profile .panel section.information p, .student_profile .panel section.information .button.outlines:hover p, .button.outlines:hover .library .element-information .element span, .library .element-information .element .button.outlines:hover span, .button.outlines:hover .wrapper.lp #article article header p.details, .wrapper.lp #article article header .button.outlines:hover p.details, .button.outlines:hover .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .button.outlines:hover span.m, .button.outlines:focus small, .button.outlines:focus .small, .button.outlines:focus small a, small .button.outlines:focus a, .button.outlines:focus label, .button.outlines:focus .label, .button.outlines:focus .form-item.fancy.animate label, .form-item.fancy.animate .button.outlines:focus label, .button.outlines:focus .form-item.fancy.stop label, .form-item.fancy.stop .button.outlines:focus label, .button.outlines:focus table.table thead td, table.table thead .button.outlines:focus td, .button.outlines:focus .divider h2, .divider .button.outlines:focus h2, .button.outlines:focus .element p, .element .button.outlines:focus p, .button.outlines:focus .element-block span, .element-block .button.outlines:focus span, .button.outlines:focus .user .panel > a p, .user .panel > a .button.outlines:focus p, .button.outlines:focus .subject a p, .subject a .button.outlines:focus p, .button.outlines:focus .student_profile .panel section.information p, .student_profile .panel section.information .button.outlines:focus p, .button.outlines:focus .library .element-information .element span, .library .element-information .element .button.outlines:focus span, .button.outlines:focus .wrapper.lp #article article header p.details, .wrapper.lp #article article header .button.outlines:focus p.details, .button.outlines:focus .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .button.outlines:focus span.m, button.outlines:hover small, button.outlines:hover .small, button.outlines:hover small a, small button.outlines:hover a, button.outlines:hover label, button.outlines:hover .label, button.outlines:hover .form-item.fancy.animate label, .form-item.fancy.animate button.outlines:hover label, button.outlines:hover .form-item.fancy.stop label, .form-item.fancy.stop button.outlines:hover label, button.outlines:hover table.table thead td, table.table thead button.outlines:hover td, button.outlines:hover .divider h2, .divider button.outlines:hover h2, button.outlines:hover .element p, .element button.outlines:hover p, button.outlines:hover .element-block span, .element-block button.outlines:hover span, button.outlines:hover .user .panel > a p, .user .panel > a button.outlines:hover p, button.outlines:hover .subject a p, .subject a button.outlines:hover p, button.outlines:hover .student_profile .panel section.information p, .student_profile .panel section.information button.outlines:hover p, button.outlines:hover .library .element-information .element span, .library .element-information .element button.outlines:hover span, button.outlines:hover .wrapper.lp #article article header p.details, .wrapper.lp #article article header button.outlines:hover p.details, button.outlines:hover .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date button.outlines:hover span.m, button.outlines:focus small, button.outlines:focus .small, button.outlines:focus small a, small button.outlines:focus a, button.outlines:focus label, button.outlines:focus .label, button.outlines:focus .form-item.fancy.animate label, .form-item.fancy.animate button.outlines:focus label, button.outlines:focus .form-item.fancy.stop label, .form-item.fancy.stop button.outlines:focus label, button.outlines:focus table.table thead td, table.table thead button.outlines:focus td, button.outlines:focus .divider h2, .divider button.outlines:focus h2, button.outlines:focus .element p, .element button.outlines:focus p, button.outlines:focus .element-block span, .element-block button.outlines:focus span, button.outlines:focus .user .panel > a p, .user .panel > a button.outlines:focus p, button.outlines:focus .subject a p, .subject a button.outlines:focus p, button.outlines:focus .student_profile .panel section.information p, .student_profile .panel section.information button.outlines:focus p, button.outlines:focus .library .element-information .element span, .library .element-information .element button.outlines:focus span, button.outlines:focus .wrapper.lp #article article header p.details, .wrapper.lp #article article header button.outlines:focus p.details, button.outlines:focus .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date button.outlines:focus span.m, input[type="submit"].outlines:hover small, input[type="submit"].outlines:hover .small, input[type="submit"].outlines:hover small a, small input[type="submit"].outlines:hover a, input[type="submit"].outlines:hover label, input[type="submit"].outlines:hover .label, input[type="submit"].outlines:hover .form-item.fancy.animate label, .form-item.fancy.animate input[type="submit"].outlines:hover label, input[type="submit"].outlines:hover .form-item.fancy.stop label, .form-item.fancy.stop input[type="submit"].outlines:hover label, input[type="submit"].outlines:hover table.table thead td, table.table thead input[type="submit"].outlines:hover td, input[type="submit"].outlines:hover .divider h2, .divider input[type="submit"].outlines:hover h2, input[type="submit"].outlines:hover .element p, .element input[type="submit"].outlines:hover p, input[type="submit"].outlines:hover .element-block span, .element-block input[type="submit"].outlines:hover span, input[type="submit"].outlines:hover .user .panel > a p, .user .panel > a input[type="submit"].outlines:hover p, input[type="submit"].outlines:hover .subject a p, .subject a input[type="submit"].outlines:hover p, input[type="submit"].outlines:hover .student_profile .panel section.information p, .student_profile .panel section.information input[type="submit"].outlines:hover p, input[type="submit"].outlines:hover .library .element-information .element span, .library .element-information .element input[type="submit"].outlines:hover span, input[type="submit"].outlines:hover .wrapper.lp #article article header p.details, .wrapper.lp #article article header input[type="submit"].outlines:hover p.details, input[type="submit"].outlines:hover .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date input[type="submit"].outlines:hover span.m, input[type="submit"].outlines:focus small, input[type="submit"].outlines:focus .small, input[type="submit"].outlines:focus small a, small input[type="submit"].outlines:focus a, input[type="submit"].outlines:focus label, input[type="submit"].outlines:focus .label, input[type="submit"].outlines:focus .form-item.fancy.animate label, .form-item.fancy.animate input[type="submit"].outlines:focus label, input[type="submit"].outlines:focus .form-item.fancy.stop label, .form-item.fancy.stop input[type="submit"].outlines:focus label, input[type="submit"].outlines:focus table.table thead td, table.table thead input[type="submit"].outlines:focus td, input[type="submit"].outlines:focus .divider h2, .divider input[type="submit"].outlines:focus h2, input[type="submit"].outlines:focus .element p, .element input[type="submit"].outlines:focus p, input[type="submit"].outlines:focus .element-block span, .element-block input[type="submit"].outlines:focus span, input[type="submit"].outlines:focus .user .panel > a p, .user .panel > a input[type="submit"].outlines:focus p, input[type="submit"].outlines:focus .subject a p, .subject a input[type="submit"].outlines:focus p, input[type="submit"].outlines:focus .student_profile .panel section.information p, .student_profile .panel section.information input[type="submit"].outlines:focus p, input[type="submit"].outlines:focus .library .element-information .element span, .library .element-information .element input[type="submit"].outlines:focus span, input[type="submit"].outlines:focus .wrapper.lp #article article header p.details, .wrapper.lp #article article header input[type="submit"].outlines:focus p.details, input[type="submit"].outlines:focus .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date input[type="submit"].outlines:focus span.m,
input[type="reset"].outlines:hover small,
input[type="reset"].outlines:hover .small,
input[type="reset"].outlines:hover small a,
small input[type="reset"].outlines:hover a,
input[type="reset"].outlines:hover label,
input[type="reset"].outlines:hover .label,
input[type="reset"].outlines:hover .form-item.fancy.animate label,
.form-item.fancy.animate input[type="reset"].outlines:hover label,
input[type="reset"].outlines:hover .form-item.fancy.stop label,
.form-item.fancy.stop input[type="reset"].outlines:hover label,
input[type="reset"].outlines:hover table.table thead td,
table.table thead input[type="reset"].outlines:hover td,
input[type="reset"].outlines:hover .divider h2,
.divider input[type="reset"].outlines:hover h2,
input[type="reset"].outlines:hover .element p,
.element input[type="reset"].outlines:hover p,
input[type="reset"].outlines:hover .element-block span,
.element-block input[type="reset"].outlines:hover span,
input[type="reset"].outlines:hover .user .panel > a p,
.user .panel > a input[type="reset"].outlines:hover p,
input[type="reset"].outlines:hover .subject a p,
.subject a input[type="reset"].outlines:hover p,
input[type="reset"].outlines:hover .student_profile .panel section.information p,
.student_profile .panel section.information input[type="reset"].outlines:hover p,
input[type="reset"].outlines:hover .library .element-information .element span,
.library .element-information .element input[type="reset"].outlines:hover span,
input[type="reset"].outlines:hover .wrapper.lp #article article header p.details,
.wrapper.lp #article article header input[type="reset"].outlines:hover p.details,
input[type="reset"].outlines:hover .wrapper.lp #calendar .events > li .content span.date span.m,
.wrapper.lp #calendar .events > li .content span.date input[type="reset"].outlines:hover span.m,
input[type="reset"].outlines:focus small,
input[type="reset"].outlines:focus .small,
input[type="reset"].outlines:focus small a,
small input[type="reset"].outlines:focus a,
input[type="reset"].outlines:focus label,
input[type="reset"].outlines:focus .label,
input[type="reset"].outlines:focus .form-item.fancy.animate label,
.form-item.fancy.animate input[type="reset"].outlines:focus label,
input[type="reset"].outlines:focus .form-item.fancy.stop label,
.form-item.fancy.stop input[type="reset"].outlines:focus label,
input[type="reset"].outlines:focus table.table thead td,
table.table thead input[type="reset"].outlines:focus td,
input[type="reset"].outlines:focus .divider h2,
.divider input[type="reset"].outlines:focus h2,
input[type="reset"].outlines:focus .element p,
.element input[type="reset"].outlines:focus p,
input[type="reset"].outlines:focus .element-block span,
.element-block input[type="reset"].outlines:focus span,
input[type="reset"].outlines:focus .user .panel > a p,
.user .panel > a input[type="reset"].outlines:focus p,
input[type="reset"].outlines:focus .subject a p,
.subject a input[type="reset"].outlines:focus p,
input[type="reset"].outlines:focus .student_profile .panel section.information p,
.student_profile .panel section.information input[type="reset"].outlines:focus p,
input[type="reset"].outlines:focus .library .element-information .element span,
.library .element-information .element input[type="reset"].outlines:focus span,
input[type="reset"].outlines:focus .wrapper.lp #article article header p.details,
.wrapper.lp #article article header input[type="reset"].outlines:focus p.details,
input[type="reset"].outlines:focus .wrapper.lp #calendar .events > li .content span.date span.m,
.wrapper.lp #calendar .events > li .content span.date input[type="reset"].outlines:focus span.m, input[type="button"].outlines:hover small, input[type="button"].outlines:hover .small, input[type="button"].outlines:hover small a, small input[type="button"].outlines:hover a, input[type="button"].outlines:hover label, input[type="button"].outlines:hover .label, input[type="button"].outlines:hover .form-item.fancy.animate label, .form-item.fancy.animate input[type="button"].outlines:hover label, input[type="button"].outlines:hover .form-item.fancy.stop label, .form-item.fancy.stop input[type="button"].outlines:hover label, input[type="button"].outlines:hover table.table thead td, table.table thead input[type="button"].outlines:hover td, input[type="button"].outlines:hover .divider h2, .divider input[type="button"].outlines:hover h2, input[type="button"].outlines:hover .element p, .element input[type="button"].outlines:hover p, input[type="button"].outlines:hover .element-block span, .element-block input[type="button"].outlines:hover span, input[type="button"].outlines:hover .user .panel > a p, .user .panel > a input[type="button"].outlines:hover p, input[type="button"].outlines:hover .subject a p, .subject a input[type="button"].outlines:hover p, input[type="button"].outlines:hover .student_profile .panel section.information p, .student_profile .panel section.information input[type="button"].outlines:hover p, input[type="button"].outlines:hover .library .element-information .element span, .library .element-information .element input[type="button"].outlines:hover span, input[type="button"].outlines:hover .wrapper.lp #article article header p.details, .wrapper.lp #article article header input[type="button"].outlines:hover p.details, input[type="button"].outlines:hover .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date input[type="button"].outlines:hover span.m, input[type="button"].outlines:focus small, input[type="button"].outlines:focus .small, input[type="button"].outlines:focus small a, small input[type="button"].outlines:focus a, input[type="button"].outlines:focus label, input[type="button"].outlines:focus .label, input[type="button"].outlines:focus .form-item.fancy.animate label, .form-item.fancy.animate input[type="button"].outlines:focus label, input[type="button"].outlines:focus .form-item.fancy.stop label, .form-item.fancy.stop input[type="button"].outlines:focus label, input[type="button"].outlines:focus table.table thead td, table.table thead input[type="button"].outlines:focus td, input[type="button"].outlines:focus .divider h2, .divider input[type="button"].outlines:focus h2, input[type="button"].outlines:focus .element p, .element input[type="button"].outlines:focus p, input[type="button"].outlines:focus .element-block span, .element-block input[type="button"].outlines:focus span, input[type="button"].outlines:focus .user .panel > a p, .user .panel > a input[type="button"].outlines:focus p, input[type="button"].outlines:focus .subject a p, .subject a input[type="button"].outlines:focus p, input[type="button"].outlines:focus .student_profile .panel section.information p, .student_profile .panel section.information input[type="button"].outlines:focus p, input[type="button"].outlines:focus .library .element-information .element span, .library .element-information .element input[type="button"].outlines:focus span, input[type="button"].outlines:focus .wrapper.lp #article article header p.details, .wrapper.lp #article article header input[type="button"].outlines:focus p.details, input[type="button"].outlines:focus .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date input[type="button"].outlines:focus span.m {
  color: #fff;
}
/* line 114, ../../app/scss/modules/_button.scss */
.button.outlines.invert, button.outlines.invert, input[type="submit"].outlines.invert,
input[type="reset"].outlines.invert, input[type="button"].outlines.invert {
  border-color: #33302d;
  color: #33302d;
}
/* line 118, ../../app/scss/modules/_button.scss */
.button.outlines.invert small, .button.outlines.invert .small, .button.outlines.invert small a, small .button.outlines.invert a, .button.outlines.invert label, .button.outlines.invert .label, .button.outlines.invert .form-item.fancy.animate label, .form-item.fancy.animate .button.outlines.invert label, .button.outlines.invert .form-item.fancy.stop label, .form-item.fancy.stop .button.outlines.invert label, .button.outlines.invert table.table thead td, table.table thead .button.outlines.invert td, .button.outlines.invert .divider h2, .divider .button.outlines.invert h2, .button.outlines.invert .element p, .element .button.outlines.invert p, .button.outlines.invert .element-block span, .element-block .button.outlines.invert span, .button.outlines.invert .user .panel > a p, .user .panel > a .button.outlines.invert p, .button.outlines.invert .subject a p, .subject a .button.outlines.invert p, .button.outlines.invert .student_profile .panel section.information p, .student_profile .panel section.information .button.outlines.invert p, .button.outlines.invert .library .element-information .element span, .library .element-information .element .button.outlines.invert span, .button.outlines.invert .wrapper.lp #article article header p.details, .wrapper.lp #article article header .button.outlines.invert p.details, .button.outlines.invert .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .button.outlines.invert span.m, button.outlines.invert small, button.outlines.invert .small, button.outlines.invert small a, small button.outlines.invert a, button.outlines.invert label, button.outlines.invert .label, button.outlines.invert .form-item.fancy.animate label, .form-item.fancy.animate button.outlines.invert label, button.outlines.invert .form-item.fancy.stop label, .form-item.fancy.stop button.outlines.invert label, button.outlines.invert table.table thead td, table.table thead button.outlines.invert td, button.outlines.invert .divider h2, .divider button.outlines.invert h2, button.outlines.invert .element p, .element button.outlines.invert p, button.outlines.invert .element-block span, .element-block button.outlines.invert span, button.outlines.invert .user .panel > a p, .user .panel > a button.outlines.invert p, button.outlines.invert .subject a p, .subject a button.outlines.invert p, button.outlines.invert .student_profile .panel section.information p, .student_profile .panel section.information button.outlines.invert p, button.outlines.invert .library .element-information .element span, .library .element-information .element button.outlines.invert span, button.outlines.invert .wrapper.lp #article article header p.details, .wrapper.lp #article article header button.outlines.invert p.details, button.outlines.invert .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date button.outlines.invert span.m, input[type="submit"].outlines.invert small, input[type="submit"].outlines.invert .small, input[type="submit"].outlines.invert small a, small input[type="submit"].outlines.invert a, input[type="submit"].outlines.invert label, input[type="submit"].outlines.invert .label, input[type="submit"].outlines.invert .form-item.fancy.animate label, .form-item.fancy.animate input[type="submit"].outlines.invert label, input[type="submit"].outlines.invert .form-item.fancy.stop label, .form-item.fancy.stop input[type="submit"].outlines.invert label, input[type="submit"].outlines.invert table.table thead td, table.table thead input[type="submit"].outlines.invert td, input[type="submit"].outlines.invert .divider h2, .divider input[type="submit"].outlines.invert h2, input[type="submit"].outlines.invert .element p, .element input[type="submit"].outlines.invert p, input[type="submit"].outlines.invert .element-block span, .element-block input[type="submit"].outlines.invert span, input[type="submit"].outlines.invert .user .panel > a p, .user .panel > a input[type="submit"].outlines.invert p, input[type="submit"].outlines.invert .subject a p, .subject a input[type="submit"].outlines.invert p, input[type="submit"].outlines.invert .student_profile .panel section.information p, .student_profile .panel section.information input[type="submit"].outlines.invert p, input[type="submit"].outlines.invert .library .element-information .element span, .library .element-information .element input[type="submit"].outlines.invert span, input[type="submit"].outlines.invert .wrapper.lp #article article header p.details, .wrapper.lp #article article header input[type="submit"].outlines.invert p.details, input[type="submit"].outlines.invert .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date input[type="submit"].outlines.invert span.m,
input[type="reset"].outlines.invert small,
input[type="reset"].outlines.invert .small,
input[type="reset"].outlines.invert small a,
small input[type="reset"].outlines.invert a,
input[type="reset"].outlines.invert label,
input[type="reset"].outlines.invert .label,
input[type="reset"].outlines.invert .form-item.fancy.animate label,
.form-item.fancy.animate input[type="reset"].outlines.invert label,
input[type="reset"].outlines.invert .form-item.fancy.stop label,
.form-item.fancy.stop input[type="reset"].outlines.invert label,
input[type="reset"].outlines.invert table.table thead td,
table.table thead input[type="reset"].outlines.invert td,
input[type="reset"].outlines.invert .divider h2,
.divider input[type="reset"].outlines.invert h2,
input[type="reset"].outlines.invert .element p,
.element input[type="reset"].outlines.invert p,
input[type="reset"].outlines.invert .element-block span,
.element-block input[type="reset"].outlines.invert span,
input[type="reset"].outlines.invert .user .panel > a p,
.user .panel > a input[type="reset"].outlines.invert p,
input[type="reset"].outlines.invert .subject a p,
.subject a input[type="reset"].outlines.invert p,
input[type="reset"].outlines.invert .student_profile .panel section.information p,
.student_profile .panel section.information input[type="reset"].outlines.invert p,
input[type="reset"].outlines.invert .library .element-information .element span,
.library .element-information .element input[type="reset"].outlines.invert span,
input[type="reset"].outlines.invert .wrapper.lp #article article header p.details,
.wrapper.lp #article article header input[type="reset"].outlines.invert p.details,
input[type="reset"].outlines.invert .wrapper.lp #calendar .events > li .content span.date span.m,
.wrapper.lp #calendar .events > li .content span.date input[type="reset"].outlines.invert span.m, input[type="button"].outlines.invert small, input[type="button"].outlines.invert .small, input[type="button"].outlines.invert small a, small input[type="button"].outlines.invert a, input[type="button"].outlines.invert label, input[type="button"].outlines.invert .label, input[type="button"].outlines.invert .form-item.fancy.animate label, .form-item.fancy.animate input[type="button"].outlines.invert label, input[type="button"].outlines.invert .form-item.fancy.stop label, .form-item.fancy.stop input[type="button"].outlines.invert label, input[type="button"].outlines.invert table.table thead td, table.table thead input[type="button"].outlines.invert td, input[type="button"].outlines.invert .divider h2, .divider input[type="button"].outlines.invert h2, input[type="button"].outlines.invert .element p, .element input[type="button"].outlines.invert p, input[type="button"].outlines.invert .element-block span, .element-block input[type="button"].outlines.invert span, input[type="button"].outlines.invert .user .panel > a p, .user .panel > a input[type="button"].outlines.invert p, input[type="button"].outlines.invert .subject a p, .subject a input[type="button"].outlines.invert p, input[type="button"].outlines.invert .student_profile .panel section.information p, .student_profile .panel section.information input[type="button"].outlines.invert p, input[type="button"].outlines.invert .library .element-information .element span, .library .element-information .element input[type="button"].outlines.invert span, input[type="button"].outlines.invert .wrapper.lp #article article header p.details, .wrapper.lp #article article header input[type="button"].outlines.invert p.details, input[type="button"].outlines.invert .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date input[type="button"].outlines.invert span.m {
  color: #33302d;
}
/* line 120, ../../app/scss/modules/_button.scss */
.button.outlines.invert:hover, .button.outlines.invert:focus, button.outlines.invert:hover, button.outlines.invert:focus, input[type="submit"].outlines.invert:hover, input[type="submit"].outlines.invert:focus,
input[type="reset"].outlines.invert:hover,
input[type="reset"].outlines.invert:focus, input[type="button"].outlines.invert:hover, input[type="button"].outlines.invert:focus {
  background-color: #33302d;
  color: #fff;
}
/* line 125, ../../app/scss/modules/_button.scss */
.button.outlines.invert:hover small, .button.outlines.invert:hover .small, .button.outlines.invert:hover small a, small .button.outlines.invert:hover a, .button.outlines.invert:hover label, .button.outlines.invert:hover .label, .button.outlines.invert:hover .form-item.fancy.animate label, .form-item.fancy.animate .button.outlines.invert:hover label, .button.outlines.invert:hover .form-item.fancy.stop label, .form-item.fancy.stop .button.outlines.invert:hover label, .button.outlines.invert:hover table.table thead td, table.table thead .button.outlines.invert:hover td, .button.outlines.invert:hover .divider h2, .divider .button.outlines.invert:hover h2, .button.outlines.invert:hover .element p, .element .button.outlines.invert:hover p, .button.outlines.invert:hover .element-block span, .element-block .button.outlines.invert:hover span, .button.outlines.invert:hover .user .panel > a p, .user .panel > a .button.outlines.invert:hover p, .button.outlines.invert:hover .subject a p, .subject a .button.outlines.invert:hover p, .button.outlines.invert:hover .student_profile .panel section.information p, .student_profile .panel section.information .button.outlines.invert:hover p, .button.outlines.invert:hover .library .element-information .element span, .library .element-information .element .button.outlines.invert:hover span, .button.outlines.invert:hover .wrapper.lp #article article header p.details, .wrapper.lp #article article header .button.outlines.invert:hover p.details, .button.outlines.invert:hover .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .button.outlines.invert:hover span.m, .button.outlines.invert:focus small, .button.outlines.invert:focus .small, .button.outlines.invert:focus small a, small .button.outlines.invert:focus a, .button.outlines.invert:focus label, .button.outlines.invert:focus .label, .button.outlines.invert:focus .form-item.fancy.animate label, .form-item.fancy.animate .button.outlines.invert:focus label, .button.outlines.invert:focus .form-item.fancy.stop label, .form-item.fancy.stop .button.outlines.invert:focus label, .button.outlines.invert:focus table.table thead td, table.table thead .button.outlines.invert:focus td, .button.outlines.invert:focus .divider h2, .divider .button.outlines.invert:focus h2, .button.outlines.invert:focus .element p, .element .button.outlines.invert:focus p, .button.outlines.invert:focus .element-block span, .element-block .button.outlines.invert:focus span, .button.outlines.invert:focus .user .panel > a p, .user .panel > a .button.outlines.invert:focus p, .button.outlines.invert:focus .subject a p, .subject a .button.outlines.invert:focus p, .button.outlines.invert:focus .student_profile .panel section.information p, .student_profile .panel section.information .button.outlines.invert:focus p, .button.outlines.invert:focus .library .element-information .element span, .library .element-information .element .button.outlines.invert:focus span, .button.outlines.invert:focus .wrapper.lp #article article header p.details, .wrapper.lp #article article header .button.outlines.invert:focus p.details, .button.outlines.invert:focus .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .button.outlines.invert:focus span.m, button.outlines.invert:hover small, button.outlines.invert:hover .small, button.outlines.invert:hover small a, small button.outlines.invert:hover a, button.outlines.invert:hover label, button.outlines.invert:hover .label, button.outlines.invert:hover .form-item.fancy.animate label, .form-item.fancy.animate button.outlines.invert:hover label, button.outlines.invert:hover .form-item.fancy.stop label, .form-item.fancy.stop button.outlines.invert:hover label, button.outlines.invert:hover table.table thead td, table.table thead button.outlines.invert:hover td, button.outlines.invert:hover .divider h2, .divider button.outlines.invert:hover h2, button.outlines.invert:hover .element p, .element button.outlines.invert:hover p, button.outlines.invert:hover .element-block span, .element-block button.outlines.invert:hover span, button.outlines.invert:hover .user .panel > a p, .user .panel > a button.outlines.invert:hover p, button.outlines.invert:hover .subject a p, .subject a button.outlines.invert:hover p, button.outlines.invert:hover .student_profile .panel section.information p, .student_profile .panel section.information button.outlines.invert:hover p, button.outlines.invert:hover .library .element-information .element span, .library .element-information .element button.outlines.invert:hover span, button.outlines.invert:hover .wrapper.lp #article article header p.details, .wrapper.lp #article article header button.outlines.invert:hover p.details, button.outlines.invert:hover .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date button.outlines.invert:hover span.m, button.outlines.invert:focus small, button.outlines.invert:focus .small, button.outlines.invert:focus small a, small button.outlines.invert:focus a, button.outlines.invert:focus label, button.outlines.invert:focus .label, button.outlines.invert:focus .form-item.fancy.animate label, .form-item.fancy.animate button.outlines.invert:focus label, button.outlines.invert:focus .form-item.fancy.stop label, .form-item.fancy.stop button.outlines.invert:focus label, button.outlines.invert:focus table.table thead td, table.table thead button.outlines.invert:focus td, button.outlines.invert:focus .divider h2, .divider button.outlines.invert:focus h2, button.outlines.invert:focus .element p, .element button.outlines.invert:focus p, button.outlines.invert:focus .element-block span, .element-block button.outlines.invert:focus span, button.outlines.invert:focus .user .panel > a p, .user .panel > a button.outlines.invert:focus p, button.outlines.invert:focus .subject a p, .subject a button.outlines.invert:focus p, button.outlines.invert:focus .student_profile .panel section.information p, .student_profile .panel section.information button.outlines.invert:focus p, button.outlines.invert:focus .library .element-information .element span, .library .element-information .element button.outlines.invert:focus span, button.outlines.invert:focus .wrapper.lp #article article header p.details, .wrapper.lp #article article header button.outlines.invert:focus p.details, button.outlines.invert:focus .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date button.outlines.invert:focus span.m, input[type="submit"].outlines.invert:hover small, input[type="submit"].outlines.invert:hover .small, input[type="submit"].outlines.invert:hover small a, small input[type="submit"].outlines.invert:hover a, input[type="submit"].outlines.invert:hover label, input[type="submit"].outlines.invert:hover .label, input[type="submit"].outlines.invert:hover .form-item.fancy.animate label, .form-item.fancy.animate input[type="submit"].outlines.invert:hover label, input[type="submit"].outlines.invert:hover .form-item.fancy.stop label, .form-item.fancy.stop input[type="submit"].outlines.invert:hover label, input[type="submit"].outlines.invert:hover table.table thead td, table.table thead input[type="submit"].outlines.invert:hover td, input[type="submit"].outlines.invert:hover .divider h2, .divider input[type="submit"].outlines.invert:hover h2, input[type="submit"].outlines.invert:hover .element p, .element input[type="submit"].outlines.invert:hover p, input[type="submit"].outlines.invert:hover .element-block span, .element-block input[type="submit"].outlines.invert:hover span, input[type="submit"].outlines.invert:hover .user .panel > a p, .user .panel > a input[type="submit"].outlines.invert:hover p, input[type="submit"].outlines.invert:hover .subject a p, .subject a input[type="submit"].outlines.invert:hover p, input[type="submit"].outlines.invert:hover .student_profile .panel section.information p, .student_profile .panel section.information input[type="submit"].outlines.invert:hover p, input[type="submit"].outlines.invert:hover .library .element-information .element span, .library .element-information .element input[type="submit"].outlines.invert:hover span, input[type="submit"].outlines.invert:hover .wrapper.lp #article article header p.details, .wrapper.lp #article article header input[type="submit"].outlines.invert:hover p.details, input[type="submit"].outlines.invert:hover .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date input[type="submit"].outlines.invert:hover span.m, input[type="submit"].outlines.invert:focus small, input[type="submit"].outlines.invert:focus .small, input[type="submit"].outlines.invert:focus small a, small input[type="submit"].outlines.invert:focus a, input[type="submit"].outlines.invert:focus label, input[type="submit"].outlines.invert:focus .label, input[type="submit"].outlines.invert:focus .form-item.fancy.animate label, .form-item.fancy.animate input[type="submit"].outlines.invert:focus label, input[type="submit"].outlines.invert:focus .form-item.fancy.stop label, .form-item.fancy.stop input[type="submit"].outlines.invert:focus label, input[type="submit"].outlines.invert:focus table.table thead td, table.table thead input[type="submit"].outlines.invert:focus td, input[type="submit"].outlines.invert:focus .divider h2, .divider input[type="submit"].outlines.invert:focus h2, input[type="submit"].outlines.invert:focus .element p, .element input[type="submit"].outlines.invert:focus p, input[type="submit"].outlines.invert:focus .element-block span, .element-block input[type="submit"].outlines.invert:focus span, input[type="submit"].outlines.invert:focus .user .panel > a p, .user .panel > a input[type="submit"].outlines.invert:focus p, input[type="submit"].outlines.invert:focus .subject a p, .subject a input[type="submit"].outlines.invert:focus p, input[type="submit"].outlines.invert:focus .student_profile .panel section.information p, .student_profile .panel section.information input[type="submit"].outlines.invert:focus p, input[type="submit"].outlines.invert:focus .library .element-information .element span, .library .element-information .element input[type="submit"].outlines.invert:focus span, input[type="submit"].outlines.invert:focus .wrapper.lp #article article header p.details, .wrapper.lp #article article header input[type="submit"].outlines.invert:focus p.details, input[type="submit"].outlines.invert:focus .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date input[type="submit"].outlines.invert:focus span.m,
input[type="reset"].outlines.invert:hover small,
input[type="reset"].outlines.invert:hover .small,
input[type="reset"].outlines.invert:hover small a,
small input[type="reset"].outlines.invert:hover a,
input[type="reset"].outlines.invert:hover label,
input[type="reset"].outlines.invert:hover .label,
input[type="reset"].outlines.invert:hover .form-item.fancy.animate label,
.form-item.fancy.animate input[type="reset"].outlines.invert:hover label,
input[type="reset"].outlines.invert:hover .form-item.fancy.stop label,
.form-item.fancy.stop input[type="reset"].outlines.invert:hover label,
input[type="reset"].outlines.invert:hover table.table thead td,
table.table thead input[type="reset"].outlines.invert:hover td,
input[type="reset"].outlines.invert:hover .divider h2,
.divider input[type="reset"].outlines.invert:hover h2,
input[type="reset"].outlines.invert:hover .element p,
.element input[type="reset"].outlines.invert:hover p,
input[type="reset"].outlines.invert:hover .element-block span,
.element-block input[type="reset"].outlines.invert:hover span,
input[type="reset"].outlines.invert:hover .user .panel > a p,
.user .panel > a input[type="reset"].outlines.invert:hover p,
input[type="reset"].outlines.invert:hover .subject a p,
.subject a input[type="reset"].outlines.invert:hover p,
input[type="reset"].outlines.invert:hover .student_profile .panel section.information p,
.student_profile .panel section.information input[type="reset"].outlines.invert:hover p,
input[type="reset"].outlines.invert:hover .library .element-information .element span,
.library .element-information .element input[type="reset"].outlines.invert:hover span,
input[type="reset"].outlines.invert:hover .wrapper.lp #article article header p.details,
.wrapper.lp #article article header input[type="reset"].outlines.invert:hover p.details,
input[type="reset"].outlines.invert:hover .wrapper.lp #calendar .events > li .content span.date span.m,
.wrapper.lp #calendar .events > li .content span.date input[type="reset"].outlines.invert:hover span.m,
input[type="reset"].outlines.invert:focus small,
input[type="reset"].outlines.invert:focus .small,
input[type="reset"].outlines.invert:focus small a,
small input[type="reset"].outlines.invert:focus a,
input[type="reset"].outlines.invert:focus label,
input[type="reset"].outlines.invert:focus .label,
input[type="reset"].outlines.invert:focus .form-item.fancy.animate label,
.form-item.fancy.animate input[type="reset"].outlines.invert:focus label,
input[type="reset"].outlines.invert:focus .form-item.fancy.stop label,
.form-item.fancy.stop input[type="reset"].outlines.invert:focus label,
input[type="reset"].outlines.invert:focus table.table thead td,
table.table thead input[type="reset"].outlines.invert:focus td,
input[type="reset"].outlines.invert:focus .divider h2,
.divider input[type="reset"].outlines.invert:focus h2,
input[type="reset"].outlines.invert:focus .element p,
.element input[type="reset"].outlines.invert:focus p,
input[type="reset"].outlines.invert:focus .element-block span,
.element-block input[type="reset"].outlines.invert:focus span,
input[type="reset"].outlines.invert:focus .user .panel > a p,
.user .panel > a input[type="reset"].outlines.invert:focus p,
input[type="reset"].outlines.invert:focus .subject a p,
.subject a input[type="reset"].outlines.invert:focus p,
input[type="reset"].outlines.invert:focus .student_profile .panel section.information p,
.student_profile .panel section.information input[type="reset"].outlines.invert:focus p,
input[type="reset"].outlines.invert:focus .library .element-information .element span,
.library .element-information .element input[type="reset"].outlines.invert:focus span,
input[type="reset"].outlines.invert:focus .wrapper.lp #article article header p.details,
.wrapper.lp #article article header input[type="reset"].outlines.invert:focus p.details,
input[type="reset"].outlines.invert:focus .wrapper.lp #calendar .events > li .content span.date span.m,
.wrapper.lp #calendar .events > li .content span.date input[type="reset"].outlines.invert:focus span.m, input[type="button"].outlines.invert:hover small, input[type="button"].outlines.invert:hover .small, input[type="button"].outlines.invert:hover small a, small input[type="button"].outlines.invert:hover a, input[type="button"].outlines.invert:hover label, input[type="button"].outlines.invert:hover .label, input[type="button"].outlines.invert:hover .form-item.fancy.animate label, .form-item.fancy.animate input[type="button"].outlines.invert:hover label, input[type="button"].outlines.invert:hover .form-item.fancy.stop label, .form-item.fancy.stop input[type="button"].outlines.invert:hover label, input[type="button"].outlines.invert:hover table.table thead td, table.table thead input[type="button"].outlines.invert:hover td, input[type="button"].outlines.invert:hover .divider h2, .divider input[type="button"].outlines.invert:hover h2, input[type="button"].outlines.invert:hover .element p, .element input[type="button"].outlines.invert:hover p, input[type="button"].outlines.invert:hover .element-block span, .element-block input[type="button"].outlines.invert:hover span, input[type="button"].outlines.invert:hover .user .panel > a p, .user .panel > a input[type="button"].outlines.invert:hover p, input[type="button"].outlines.invert:hover .subject a p, .subject a input[type="button"].outlines.invert:hover p, input[type="button"].outlines.invert:hover .student_profile .panel section.information p, .student_profile .panel section.information input[type="button"].outlines.invert:hover p, input[type="button"].outlines.invert:hover .library .element-information .element span, .library .element-information .element input[type="button"].outlines.invert:hover span, input[type="button"].outlines.invert:hover .wrapper.lp #article article header p.details, .wrapper.lp #article article header input[type="button"].outlines.invert:hover p.details, input[type="button"].outlines.invert:hover .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date input[type="button"].outlines.invert:hover span.m, input[type="button"].outlines.invert:focus small, input[type="button"].outlines.invert:focus .small, input[type="button"].outlines.invert:focus small a, small input[type="button"].outlines.invert:focus a, input[type="button"].outlines.invert:focus label, input[type="button"].outlines.invert:focus .label, input[type="button"].outlines.invert:focus .form-item.fancy.animate label, .form-item.fancy.animate input[type="button"].outlines.invert:focus label, input[type="button"].outlines.invert:focus .form-item.fancy.stop label, .form-item.fancy.stop input[type="button"].outlines.invert:focus label, input[type="button"].outlines.invert:focus table.table thead td, table.table thead input[type="button"].outlines.invert:focus td, input[type="button"].outlines.invert:focus .divider h2, .divider input[type="button"].outlines.invert:focus h2, input[type="button"].outlines.invert:focus .element p, .element input[type="button"].outlines.invert:focus p, input[type="button"].outlines.invert:focus .element-block span, .element-block input[type="button"].outlines.invert:focus span, input[type="button"].outlines.invert:focus .user .panel > a p, .user .panel > a input[type="button"].outlines.invert:focus p, input[type="button"].outlines.invert:focus .subject a p, .subject a input[type="button"].outlines.invert:focus p, input[type="button"].outlines.invert:focus .student_profile .panel section.information p, .student_profile .panel section.information input[type="button"].outlines.invert:focus p, input[type="button"].outlines.invert:focus .library .element-information .element span, .library .element-information .element input[type="button"].outlines.invert:focus span, input[type="button"].outlines.invert:focus .wrapper.lp #article article header p.details, .wrapper.lp #article article header input[type="button"].outlines.invert:focus p.details, input[type="button"].outlines.invert:focus .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date input[type="button"].outlines.invert:focus span.m {
  color: #fff;
}

/* line 136, ../../app/scss/modules/_button.scss */
.button.withIcon i.material-icons, .button.withIcon .magazine-viewport i.previous-button-hover:before, .magazine-viewport .button.withIcon i.previous-button-hover:before,
.button.withIcon .magazine-viewport i.previous-button-down:before,
.magazine-viewport .button.withIcon i.previous-button-down:before,
.button.withIcon .magazine-viewport i.next-button-hover:before,
.magazine-viewport .button.withIcon i.next-button-hover:before,
.button.withIcon .magazine-viewport i.next-button-down:before,
.magazine-viewport .button.withIcon i.next-button-down:before, .button.withIcon .dropdown i.dropdown-menu:before, .dropdown .button.withIcon i.dropdown-menu:before, .button.withIcon i.thumb:before, .button.withIcon .element .panel i.parent:before, .element .panel .button.withIcon i.parent:before, .button.withIcon .element.achieved i.panel:after, .element.achieved .button.withIcon i.panel:after, .button.withIcon .element.text i.panel:after, .element.text .button.withIcon i.panel:after, .button.withIcon .subject .panel i.parent:before, .subject .panel .button.withIcon i.parent:before, button.withIcon i.material-icons, button.withIcon .magazine-viewport i.previous-button-hover:before, .magazine-viewport button.withIcon i.previous-button-hover:before,
button.withIcon .magazine-viewport i.previous-button-down:before,
.magazine-viewport button.withIcon i.previous-button-down:before,
button.withIcon .magazine-viewport i.next-button-hover:before,
.magazine-viewport button.withIcon i.next-button-hover:before,
button.withIcon .magazine-viewport i.next-button-down:before,
.magazine-viewport button.withIcon i.next-button-down:before, button.withIcon .dropdown i.dropdown-menu:before, .dropdown button.withIcon i.dropdown-menu:before, button.withIcon i.thumb:before, button.withIcon .element .panel i.parent:before, .element .panel button.withIcon i.parent:before, button.withIcon .element.achieved i.panel:after, .element.achieved button.withIcon i.panel:after, button.withIcon .element.text i.panel:after, .element.text button.withIcon i.panel:after, button.withIcon .subject .panel i.parent:before, .subject .panel button.withIcon i.parent:before, input[type="submit"].withIcon i.material-icons, input[type="submit"].withIcon .magazine-viewport i.previous-button-hover:before, .magazine-viewport input[type="submit"].withIcon i.previous-button-hover:before,
input[type="submit"].withIcon .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="submit"].withIcon i.previous-button-down:before,
input[type="submit"].withIcon .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="submit"].withIcon i.next-button-hover:before,
input[type="submit"].withIcon .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="submit"].withIcon i.next-button-down:before, input[type="submit"].withIcon .dropdown i.dropdown-menu:before, .dropdown input[type="submit"].withIcon i.dropdown-menu:before, input[type="submit"].withIcon i.thumb:before, input[type="submit"].withIcon .element .panel i.parent:before, .element .panel input[type="submit"].withIcon i.parent:before, input[type="submit"].withIcon .element.achieved i.panel:after, .element.achieved input[type="submit"].withIcon i.panel:after, input[type="submit"].withIcon .element.text i.panel:after, .element.text input[type="submit"].withIcon i.panel:after, input[type="submit"].withIcon .subject .panel i.parent:before, .subject .panel input[type="submit"].withIcon i.parent:before,
input[type="reset"].withIcon i.material-icons,
input[type="reset"].withIcon .magazine-viewport i.previous-button-hover:before,
.magazine-viewport input[type="reset"].withIcon i.previous-button-hover:before,
input[type="reset"].withIcon .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="reset"].withIcon i.previous-button-down:before,
input[type="reset"].withIcon .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="reset"].withIcon i.next-button-hover:before,
input[type="reset"].withIcon .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="reset"].withIcon i.next-button-down:before,
input[type="reset"].withIcon .dropdown i.dropdown-menu:before,
.dropdown input[type="reset"].withIcon i.dropdown-menu:before,
input[type="reset"].withIcon i.thumb:before,
input[type="reset"].withIcon .element .panel i.parent:before,
.element .panel input[type="reset"].withIcon i.parent:before,
input[type="reset"].withIcon .element.achieved i.panel:after,
.element.achieved input[type="reset"].withIcon i.panel:after,
input[type="reset"].withIcon .element.text i.panel:after,
.element.text input[type="reset"].withIcon i.panel:after,
input[type="reset"].withIcon .subject .panel i.parent:before,
.subject .panel input[type="reset"].withIcon i.parent:before, input[type="button"].withIcon i.material-icons, input[type="button"].withIcon .magazine-viewport i.previous-button-hover:before, .magazine-viewport input[type="button"].withIcon i.previous-button-hover:before,
input[type="button"].withIcon .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="button"].withIcon i.previous-button-down:before,
input[type="button"].withIcon .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="button"].withIcon i.next-button-hover:before,
input[type="button"].withIcon .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="button"].withIcon i.next-button-down:before, input[type="button"].withIcon .dropdown i.dropdown-menu:before, .dropdown input[type="button"].withIcon i.dropdown-menu:before, input[type="button"].withIcon i.thumb:before, input[type="button"].withIcon .element .panel i.parent:before, .element .panel input[type="button"].withIcon i.parent:before, input[type="button"].withIcon .element.achieved i.panel:after, .element.achieved input[type="button"].withIcon i.panel:after, input[type="button"].withIcon .element.text i.panel:after, .element.text input[type="button"].withIcon i.panel:after, input[type="button"].withIcon .subject .panel i.parent:before, .subject .panel input[type="button"].withIcon i.parent:before {
  display: block;
  position: absolute;
  top: 2px;
  width: 21px;
  line-height: 28px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 146, ../../app/scss/modules/_button.scss */
.button.withIcon.outlines i.material-icons, .button.withIcon.outlines .magazine-viewport i.previous-button-hover:before, .magazine-viewport .button.withIcon.outlines i.previous-button-hover:before,
.button.withIcon.outlines .magazine-viewport i.previous-button-down:before,
.magazine-viewport .button.withIcon.outlines i.previous-button-down:before,
.button.withIcon.outlines .magazine-viewport i.next-button-hover:before,
.magazine-viewport .button.withIcon.outlines i.next-button-hover:before,
.button.withIcon.outlines .magazine-viewport i.next-button-down:before,
.magazine-viewport .button.withIcon.outlines i.next-button-down:before, .button.withIcon.outlines .dropdown i.dropdown-menu:before, .dropdown .button.withIcon.outlines i.dropdown-menu:before, .button.withIcon.outlines i.thumb:before, .button.withIcon.outlines .element .panel i.parent:before, .element .panel .button.withIcon.outlines i.parent:before, .button.withIcon.outlines .element.achieved i.panel:after, .element.achieved .button.withIcon.outlines i.panel:after, .button.withIcon.outlines .element.text i.panel:after, .element.text .button.withIcon.outlines i.panel:after, .button.withIcon.outlines .subject .panel i.parent:before, .subject .panel .button.withIcon.outlines i.parent:before, button.withIcon.outlines i.material-icons, button.withIcon.outlines .magazine-viewport i.previous-button-hover:before, .magazine-viewport button.withIcon.outlines i.previous-button-hover:before,
button.withIcon.outlines .magazine-viewport i.previous-button-down:before,
.magazine-viewport button.withIcon.outlines i.previous-button-down:before,
button.withIcon.outlines .magazine-viewport i.next-button-hover:before,
.magazine-viewport button.withIcon.outlines i.next-button-hover:before,
button.withIcon.outlines .magazine-viewport i.next-button-down:before,
.magazine-viewport button.withIcon.outlines i.next-button-down:before, button.withIcon.outlines .dropdown i.dropdown-menu:before, .dropdown button.withIcon.outlines i.dropdown-menu:before, button.withIcon.outlines i.thumb:before, button.withIcon.outlines .element .panel i.parent:before, .element .panel button.withIcon.outlines i.parent:before, button.withIcon.outlines .element.achieved i.panel:after, .element.achieved button.withIcon.outlines i.panel:after, button.withIcon.outlines .element.text i.panel:after, .element.text button.withIcon.outlines i.panel:after, button.withIcon.outlines .subject .panel i.parent:before, .subject .panel button.withIcon.outlines i.parent:before, input[type="submit"].withIcon.outlines i.material-icons, input[type="submit"].withIcon.outlines .magazine-viewport i.previous-button-hover:before, .magazine-viewport input[type="submit"].withIcon.outlines i.previous-button-hover:before,
input[type="submit"].withIcon.outlines .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="submit"].withIcon.outlines i.previous-button-down:before,
input[type="submit"].withIcon.outlines .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="submit"].withIcon.outlines i.next-button-hover:before,
input[type="submit"].withIcon.outlines .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="submit"].withIcon.outlines i.next-button-down:before, input[type="submit"].withIcon.outlines .dropdown i.dropdown-menu:before, .dropdown input[type="submit"].withIcon.outlines i.dropdown-menu:before, input[type="submit"].withIcon.outlines i.thumb:before, input[type="submit"].withIcon.outlines .element .panel i.parent:before, .element .panel input[type="submit"].withIcon.outlines i.parent:before, input[type="submit"].withIcon.outlines .element.achieved i.panel:after, .element.achieved input[type="submit"].withIcon.outlines i.panel:after, input[type="submit"].withIcon.outlines .element.text i.panel:after, .element.text input[type="submit"].withIcon.outlines i.panel:after, input[type="submit"].withIcon.outlines .subject .panel i.parent:before, .subject .panel input[type="submit"].withIcon.outlines i.parent:before,
input[type="reset"].withIcon.outlines i.material-icons,
input[type="reset"].withIcon.outlines .magazine-viewport i.previous-button-hover:before,
.magazine-viewport input[type="reset"].withIcon.outlines i.previous-button-hover:before,
input[type="reset"].withIcon.outlines .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="reset"].withIcon.outlines i.previous-button-down:before,
input[type="reset"].withIcon.outlines .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="reset"].withIcon.outlines i.next-button-hover:before,
input[type="reset"].withIcon.outlines .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="reset"].withIcon.outlines i.next-button-down:before,
input[type="reset"].withIcon.outlines .dropdown i.dropdown-menu:before,
.dropdown input[type="reset"].withIcon.outlines i.dropdown-menu:before,
input[type="reset"].withIcon.outlines i.thumb:before,
input[type="reset"].withIcon.outlines .element .panel i.parent:before,
.element .panel input[type="reset"].withIcon.outlines i.parent:before,
input[type="reset"].withIcon.outlines .element.achieved i.panel:after,
.element.achieved input[type="reset"].withIcon.outlines i.panel:after,
input[type="reset"].withIcon.outlines .element.text i.panel:after,
.element.text input[type="reset"].withIcon.outlines i.panel:after,
input[type="reset"].withIcon.outlines .subject .panel i.parent:before,
.subject .panel input[type="reset"].withIcon.outlines i.parent:before, input[type="button"].withIcon.outlines i.material-icons, input[type="button"].withIcon.outlines .magazine-viewport i.previous-button-hover:before, .magazine-viewport input[type="button"].withIcon.outlines i.previous-button-hover:before,
input[type="button"].withIcon.outlines .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="button"].withIcon.outlines i.previous-button-down:before,
input[type="button"].withIcon.outlines .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="button"].withIcon.outlines i.next-button-hover:before,
input[type="button"].withIcon.outlines .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="button"].withIcon.outlines i.next-button-down:before, input[type="button"].withIcon.outlines .dropdown i.dropdown-menu:before, .dropdown input[type="button"].withIcon.outlines i.dropdown-menu:before, input[type="button"].withIcon.outlines i.thumb:before, input[type="button"].withIcon.outlines .element .panel i.parent:before, .element .panel input[type="button"].withIcon.outlines i.parent:before, input[type="button"].withIcon.outlines .element.achieved i.panel:after, .element.achieved input[type="button"].withIcon.outlines i.panel:after, input[type="button"].withIcon.outlines .element.text i.panel:after, .element.text input[type="button"].withIcon.outlines i.panel:after, input[type="button"].withIcon.outlines .subject .panel i.parent:before, .subject .panel input[type="button"].withIcon.outlines i.parent:before {
  line-height: 26px;
}
/* line 151, ../../app/scss/modules/_button.scss */
.button.withIcon.left, button.withIcon.left, input[type="submit"].withIcon.left,
input[type="reset"].withIcon.left, input[type="button"].withIcon.left {
  padding-left: 49px;
}
/* line 154, ../../app/scss/modules/_button.scss */
.button.withIcon.left i.material-icons, .button.withIcon.left .magazine-viewport i.previous-button-hover:before, .magazine-viewport .button.withIcon.left i.previous-button-hover:before,
.button.withIcon.left .magazine-viewport i.previous-button-down:before,
.magazine-viewport .button.withIcon.left i.previous-button-down:before,
.button.withIcon.left .magazine-viewport i.next-button-hover:before,
.magazine-viewport .button.withIcon.left i.next-button-hover:before,
.button.withIcon.left .magazine-viewport i.next-button-down:before,
.magazine-viewport .button.withIcon.left i.next-button-down:before, .button.withIcon.left .dropdown i.dropdown-menu:before, .dropdown .button.withIcon.left i.dropdown-menu:before, .button.withIcon.left i.thumb:before, .button.withIcon.left .element .panel i.parent:before, .element .panel .button.withIcon.left i.parent:before, .button.withIcon.left .element.achieved i.panel:after, .element.achieved .button.withIcon.left i.panel:after, .button.withIcon.left .element.text i.panel:after, .element.text .button.withIcon.left i.panel:after, .button.withIcon.left .subject .panel i.parent:before, .subject .panel .button.withIcon.left i.parent:before, button.withIcon.left i.material-icons, button.withIcon.left .magazine-viewport i.previous-button-hover:before, .magazine-viewport button.withIcon.left i.previous-button-hover:before,
button.withIcon.left .magazine-viewport i.previous-button-down:before,
.magazine-viewport button.withIcon.left i.previous-button-down:before,
button.withIcon.left .magazine-viewport i.next-button-hover:before,
.magazine-viewport button.withIcon.left i.next-button-hover:before,
button.withIcon.left .magazine-viewport i.next-button-down:before,
.magazine-viewport button.withIcon.left i.next-button-down:before, button.withIcon.left .dropdown i.dropdown-menu:before, .dropdown button.withIcon.left i.dropdown-menu:before, button.withIcon.left i.thumb:before, button.withIcon.left .element .panel i.parent:before, .element .panel button.withIcon.left i.parent:before, button.withIcon.left .element.achieved i.panel:after, .element.achieved button.withIcon.left i.panel:after, button.withIcon.left .element.text i.panel:after, .element.text button.withIcon.left i.panel:after, button.withIcon.left .subject .panel i.parent:before, .subject .panel button.withIcon.left i.parent:before, input[type="submit"].withIcon.left i.material-icons, input[type="submit"].withIcon.left .magazine-viewport i.previous-button-hover:before, .magazine-viewport input[type="submit"].withIcon.left i.previous-button-hover:before,
input[type="submit"].withIcon.left .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="submit"].withIcon.left i.previous-button-down:before,
input[type="submit"].withIcon.left .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="submit"].withIcon.left i.next-button-hover:before,
input[type="submit"].withIcon.left .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="submit"].withIcon.left i.next-button-down:before, input[type="submit"].withIcon.left .dropdown i.dropdown-menu:before, .dropdown input[type="submit"].withIcon.left i.dropdown-menu:before, input[type="submit"].withIcon.left i.thumb:before, input[type="submit"].withIcon.left .element .panel i.parent:before, .element .panel input[type="submit"].withIcon.left i.parent:before, input[type="submit"].withIcon.left .element.achieved i.panel:after, .element.achieved input[type="submit"].withIcon.left i.panel:after, input[type="submit"].withIcon.left .element.text i.panel:after, .element.text input[type="submit"].withIcon.left i.panel:after, input[type="submit"].withIcon.left .subject .panel i.parent:before, .subject .panel input[type="submit"].withIcon.left i.parent:before,
input[type="reset"].withIcon.left i.material-icons,
input[type="reset"].withIcon.left .magazine-viewport i.previous-button-hover:before,
.magazine-viewport input[type="reset"].withIcon.left i.previous-button-hover:before,
input[type="reset"].withIcon.left .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="reset"].withIcon.left i.previous-button-down:before,
input[type="reset"].withIcon.left .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="reset"].withIcon.left i.next-button-hover:before,
input[type="reset"].withIcon.left .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="reset"].withIcon.left i.next-button-down:before,
input[type="reset"].withIcon.left .dropdown i.dropdown-menu:before,
.dropdown input[type="reset"].withIcon.left i.dropdown-menu:before,
input[type="reset"].withIcon.left i.thumb:before,
input[type="reset"].withIcon.left .element .panel i.parent:before,
.element .panel input[type="reset"].withIcon.left i.parent:before,
input[type="reset"].withIcon.left .element.achieved i.panel:after,
.element.achieved input[type="reset"].withIcon.left i.panel:after,
input[type="reset"].withIcon.left .element.text i.panel:after,
.element.text input[type="reset"].withIcon.left i.panel:after,
input[type="reset"].withIcon.left .subject .panel i.parent:before,
.subject .panel input[type="reset"].withIcon.left i.parent:before, input[type="button"].withIcon.left i.material-icons, input[type="button"].withIcon.left .magazine-viewport i.previous-button-hover:before, .magazine-viewport input[type="button"].withIcon.left i.previous-button-hover:before,
input[type="button"].withIcon.left .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="button"].withIcon.left i.previous-button-down:before,
input[type="button"].withIcon.left .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="button"].withIcon.left i.next-button-hover:before,
input[type="button"].withIcon.left .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="button"].withIcon.left i.next-button-down:before, input[type="button"].withIcon.left .dropdown i.dropdown-menu:before, .dropdown input[type="button"].withIcon.left i.dropdown-menu:before, input[type="button"].withIcon.left i.thumb:before, input[type="button"].withIcon.left .element .panel i.parent:before, .element .panel input[type="button"].withIcon.left i.parent:before, input[type="button"].withIcon.left .element.achieved i.panel:after, .element.achieved input[type="button"].withIcon.left i.panel:after, input[type="button"].withIcon.left .element.text i.panel:after, .element.text input[type="button"].withIcon.left i.panel:after, input[type="button"].withIcon.left .subject .panel i.parent:before, .subject .panel input[type="button"].withIcon.left i.parent:before {
  left: 21px;
}
/* line 159, ../../app/scss/modules/_button.scss */
.button.withIcon.right, button.withIcon.right, input[type="submit"].withIcon.right,
input[type="reset"].withIcon.right, input[type="button"].withIcon.right {
  padding-right: 49px;
}
/* line 162, ../../app/scss/modules/_button.scss */
.button.withIcon.right i.material-icons, .button.withIcon.right .magazine-viewport i.previous-button-hover:before, .magazine-viewport .button.withIcon.right i.previous-button-hover:before,
.button.withIcon.right .magazine-viewport i.previous-button-down:before,
.magazine-viewport .button.withIcon.right i.previous-button-down:before,
.button.withIcon.right .magazine-viewport i.next-button-hover:before,
.magazine-viewport .button.withIcon.right i.next-button-hover:before,
.button.withIcon.right .magazine-viewport i.next-button-down:before,
.magazine-viewport .button.withIcon.right i.next-button-down:before, .button.withIcon.right .dropdown i.dropdown-menu:before, .dropdown .button.withIcon.right i.dropdown-menu:before, .button.withIcon.right i.thumb:before, .button.withIcon.right .element .panel i.parent:before, .element .panel .button.withIcon.right i.parent:before, .button.withIcon.right .element.achieved i.panel:after, .element.achieved .button.withIcon.right i.panel:after, .button.withIcon.right .element.text i.panel:after, .element.text .button.withIcon.right i.panel:after, .button.withIcon.right .subject .panel i.parent:before, .subject .panel .button.withIcon.right i.parent:before, button.withIcon.right i.material-icons, button.withIcon.right .magazine-viewport i.previous-button-hover:before, .magazine-viewport button.withIcon.right i.previous-button-hover:before,
button.withIcon.right .magazine-viewport i.previous-button-down:before,
.magazine-viewport button.withIcon.right i.previous-button-down:before,
button.withIcon.right .magazine-viewport i.next-button-hover:before,
.magazine-viewport button.withIcon.right i.next-button-hover:before,
button.withIcon.right .magazine-viewport i.next-button-down:before,
.magazine-viewport button.withIcon.right i.next-button-down:before, button.withIcon.right .dropdown i.dropdown-menu:before, .dropdown button.withIcon.right i.dropdown-menu:before, button.withIcon.right i.thumb:before, button.withIcon.right .element .panel i.parent:before, .element .panel button.withIcon.right i.parent:before, button.withIcon.right .element.achieved i.panel:after, .element.achieved button.withIcon.right i.panel:after, button.withIcon.right .element.text i.panel:after, .element.text button.withIcon.right i.panel:after, button.withIcon.right .subject .panel i.parent:before, .subject .panel button.withIcon.right i.parent:before, input[type="submit"].withIcon.right i.material-icons, input[type="submit"].withIcon.right .magazine-viewport i.previous-button-hover:before, .magazine-viewport input[type="submit"].withIcon.right i.previous-button-hover:before,
input[type="submit"].withIcon.right .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="submit"].withIcon.right i.previous-button-down:before,
input[type="submit"].withIcon.right .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="submit"].withIcon.right i.next-button-hover:before,
input[type="submit"].withIcon.right .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="submit"].withIcon.right i.next-button-down:before, input[type="submit"].withIcon.right .dropdown i.dropdown-menu:before, .dropdown input[type="submit"].withIcon.right i.dropdown-menu:before, input[type="submit"].withIcon.right i.thumb:before, input[type="submit"].withIcon.right .element .panel i.parent:before, .element .panel input[type="submit"].withIcon.right i.parent:before, input[type="submit"].withIcon.right .element.achieved i.panel:after, .element.achieved input[type="submit"].withIcon.right i.panel:after, input[type="submit"].withIcon.right .element.text i.panel:after, .element.text input[type="submit"].withIcon.right i.panel:after, input[type="submit"].withIcon.right .subject .panel i.parent:before, .subject .panel input[type="submit"].withIcon.right i.parent:before,
input[type="reset"].withIcon.right i.material-icons,
input[type="reset"].withIcon.right .magazine-viewport i.previous-button-hover:before,
.magazine-viewport input[type="reset"].withIcon.right i.previous-button-hover:before,
input[type="reset"].withIcon.right .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="reset"].withIcon.right i.previous-button-down:before,
input[type="reset"].withIcon.right .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="reset"].withIcon.right i.next-button-hover:before,
input[type="reset"].withIcon.right .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="reset"].withIcon.right i.next-button-down:before,
input[type="reset"].withIcon.right .dropdown i.dropdown-menu:before,
.dropdown input[type="reset"].withIcon.right i.dropdown-menu:before,
input[type="reset"].withIcon.right i.thumb:before,
input[type="reset"].withIcon.right .element .panel i.parent:before,
.element .panel input[type="reset"].withIcon.right i.parent:before,
input[type="reset"].withIcon.right .element.achieved i.panel:after,
.element.achieved input[type="reset"].withIcon.right i.panel:after,
input[type="reset"].withIcon.right .element.text i.panel:after,
.element.text input[type="reset"].withIcon.right i.panel:after,
input[type="reset"].withIcon.right .subject .panel i.parent:before,
.subject .panel input[type="reset"].withIcon.right i.parent:before, input[type="button"].withIcon.right i.material-icons, input[type="button"].withIcon.right .magazine-viewport i.previous-button-hover:before, .magazine-viewport input[type="button"].withIcon.right i.previous-button-hover:before,
input[type="button"].withIcon.right .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="button"].withIcon.right i.previous-button-down:before,
input[type="button"].withIcon.right .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="button"].withIcon.right i.next-button-hover:before,
input[type="button"].withIcon.right .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="button"].withIcon.right i.next-button-down:before, input[type="button"].withIcon.right .dropdown i.dropdown-menu:before, .dropdown input[type="button"].withIcon.right i.dropdown-menu:before, input[type="button"].withIcon.right i.thumb:before, input[type="button"].withIcon.right .element .panel i.parent:before, .element .panel input[type="button"].withIcon.right i.parent:before, input[type="button"].withIcon.right .element.achieved i.panel:after, .element.achieved input[type="button"].withIcon.right i.panel:after, input[type="button"].withIcon.right .element.text i.panel:after, .element.text input[type="button"].withIcon.right i.panel:after, input[type="button"].withIcon.right .subject .panel i.parent:before, .subject .panel input[type="button"].withIcon.right i.parent:before {
  right: 21px;
}
/* line 167, ../../app/scss/modules/_button.scss */
.button.withIcon.animate:hover, .button.withIcon.animate:focus, button.withIcon.animate:hover, button.withIcon.animate:focus, input[type="submit"].withIcon.animate:hover, input[type="submit"].withIcon.animate:focus,
input[type="reset"].withIcon.animate:hover,
input[type="reset"].withIcon.animate:focus, input[type="button"].withIcon.animate:hover, input[type="button"].withIcon.animate:focus {
  padding-left: 35px;
  padding-right: 35px;
}
/* line 172, ../../app/scss/modules/_button.scss */
.button.withIcon.animate:hover.left i.material-icons, .button.withIcon.animate:hover.left .magazine-viewport i.previous-button-hover:before, .magazine-viewport .button.withIcon.animate:hover.left i.previous-button-hover:before,
.button.withIcon.animate:hover.left .magazine-viewport i.previous-button-down:before,
.magazine-viewport .button.withIcon.animate:hover.left i.previous-button-down:before,
.button.withIcon.animate:hover.left .magazine-viewport i.next-button-hover:before,
.magazine-viewport .button.withIcon.animate:hover.left i.next-button-hover:before,
.button.withIcon.animate:hover.left .magazine-viewport i.next-button-down:before,
.magazine-viewport .button.withIcon.animate:hover.left i.next-button-down:before, .button.withIcon.animate:hover.left .dropdown i.dropdown-menu:before, .dropdown .button.withIcon.animate:hover.left i.dropdown-menu:before, .button.withIcon.animate:hover.left i.thumb:before, .button.withIcon.animate:hover.left .element .panel i.parent:before, .element .panel .button.withIcon.animate:hover.left i.parent:before, .button.withIcon.animate:hover.left .element.achieved i.panel:after, .element.achieved .button.withIcon.animate:hover.left i.panel:after, .button.withIcon.animate:hover.left .element.text i.panel:after, .element.text .button.withIcon.animate:hover.left i.panel:after, .button.withIcon.animate:hover.left .subject .panel i.parent:before, .subject .panel .button.withIcon.animate:hover.left i.parent:before, .button.withIcon.animate:focus.left i.material-icons, .button.withIcon.animate:focus.left .magazine-viewport i.previous-button-hover:before, .magazine-viewport .button.withIcon.animate:focus.left i.previous-button-hover:before,
.button.withIcon.animate:focus.left .magazine-viewport i.previous-button-down:before,
.magazine-viewport .button.withIcon.animate:focus.left i.previous-button-down:before,
.button.withIcon.animate:focus.left .magazine-viewport i.next-button-hover:before,
.magazine-viewport .button.withIcon.animate:focus.left i.next-button-hover:before,
.button.withIcon.animate:focus.left .magazine-viewport i.next-button-down:before,
.magazine-viewport .button.withIcon.animate:focus.left i.next-button-down:before, .button.withIcon.animate:focus.left .dropdown i.dropdown-menu:before, .dropdown .button.withIcon.animate:focus.left i.dropdown-menu:before, .button.withIcon.animate:focus.left i.thumb:before, .button.withIcon.animate:focus.left .element .panel i.parent:before, .element .panel .button.withIcon.animate:focus.left i.parent:before, .button.withIcon.animate:focus.left .element.achieved i.panel:after, .element.achieved .button.withIcon.animate:focus.left i.panel:after, .button.withIcon.animate:focus.left .element.text i.panel:after, .element.text .button.withIcon.animate:focus.left i.panel:after, .button.withIcon.animate:focus.left .subject .panel i.parent:before, .subject .panel .button.withIcon.animate:focus.left i.parent:before, button.withIcon.animate:hover.left i.material-icons, button.withIcon.animate:hover.left .magazine-viewport i.previous-button-hover:before, .magazine-viewport button.withIcon.animate:hover.left i.previous-button-hover:before,
button.withIcon.animate:hover.left .magazine-viewport i.previous-button-down:before,
.magazine-viewport button.withIcon.animate:hover.left i.previous-button-down:before,
button.withIcon.animate:hover.left .magazine-viewport i.next-button-hover:before,
.magazine-viewport button.withIcon.animate:hover.left i.next-button-hover:before,
button.withIcon.animate:hover.left .magazine-viewport i.next-button-down:before,
.magazine-viewport button.withIcon.animate:hover.left i.next-button-down:before, button.withIcon.animate:hover.left .dropdown i.dropdown-menu:before, .dropdown button.withIcon.animate:hover.left i.dropdown-menu:before, button.withIcon.animate:hover.left i.thumb:before, button.withIcon.animate:hover.left .element .panel i.parent:before, .element .panel button.withIcon.animate:hover.left i.parent:before, button.withIcon.animate:hover.left .element.achieved i.panel:after, .element.achieved button.withIcon.animate:hover.left i.panel:after, button.withIcon.animate:hover.left .element.text i.panel:after, .element.text button.withIcon.animate:hover.left i.panel:after, button.withIcon.animate:hover.left .subject .panel i.parent:before, .subject .panel button.withIcon.animate:hover.left i.parent:before, button.withIcon.animate:focus.left i.material-icons, button.withIcon.animate:focus.left .magazine-viewport i.previous-button-hover:before, .magazine-viewport button.withIcon.animate:focus.left i.previous-button-hover:before,
button.withIcon.animate:focus.left .magazine-viewport i.previous-button-down:before,
.magazine-viewport button.withIcon.animate:focus.left i.previous-button-down:before,
button.withIcon.animate:focus.left .magazine-viewport i.next-button-hover:before,
.magazine-viewport button.withIcon.animate:focus.left i.next-button-hover:before,
button.withIcon.animate:focus.left .magazine-viewport i.next-button-down:before,
.magazine-viewport button.withIcon.animate:focus.left i.next-button-down:before, button.withIcon.animate:focus.left .dropdown i.dropdown-menu:before, .dropdown button.withIcon.animate:focus.left i.dropdown-menu:before, button.withIcon.animate:focus.left i.thumb:before, button.withIcon.animate:focus.left .element .panel i.parent:before, .element .panel button.withIcon.animate:focus.left i.parent:before, button.withIcon.animate:focus.left .element.achieved i.panel:after, .element.achieved button.withIcon.animate:focus.left i.panel:after, button.withIcon.animate:focus.left .element.text i.panel:after, .element.text button.withIcon.animate:focus.left i.panel:after, button.withIcon.animate:focus.left .subject .panel i.parent:before, .subject .panel button.withIcon.animate:focus.left i.parent:before, input[type="submit"].withIcon.animate:hover.left i.material-icons, input[type="submit"].withIcon.animate:hover.left .magazine-viewport i.previous-button-hover:before, .magazine-viewport input[type="submit"].withIcon.animate:hover.left i.previous-button-hover:before,
input[type="submit"].withIcon.animate:hover.left .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="submit"].withIcon.animate:hover.left i.previous-button-down:before,
input[type="submit"].withIcon.animate:hover.left .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="submit"].withIcon.animate:hover.left i.next-button-hover:before,
input[type="submit"].withIcon.animate:hover.left .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="submit"].withIcon.animate:hover.left i.next-button-down:before, input[type="submit"].withIcon.animate:hover.left .dropdown i.dropdown-menu:before, .dropdown input[type="submit"].withIcon.animate:hover.left i.dropdown-menu:before, input[type="submit"].withIcon.animate:hover.left i.thumb:before, input[type="submit"].withIcon.animate:hover.left .element .panel i.parent:before, .element .panel input[type="submit"].withIcon.animate:hover.left i.parent:before, input[type="submit"].withIcon.animate:hover.left .element.achieved i.panel:after, .element.achieved input[type="submit"].withIcon.animate:hover.left i.panel:after, input[type="submit"].withIcon.animate:hover.left .element.text i.panel:after, .element.text input[type="submit"].withIcon.animate:hover.left i.panel:after, input[type="submit"].withIcon.animate:hover.left .subject .panel i.parent:before, .subject .panel input[type="submit"].withIcon.animate:hover.left i.parent:before, input[type="submit"].withIcon.animate:focus.left i.material-icons, input[type="submit"].withIcon.animate:focus.left .magazine-viewport i.previous-button-hover:before, .magazine-viewport input[type="submit"].withIcon.animate:focus.left i.previous-button-hover:before,
input[type="submit"].withIcon.animate:focus.left .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="submit"].withIcon.animate:focus.left i.previous-button-down:before,
input[type="submit"].withIcon.animate:focus.left .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="submit"].withIcon.animate:focus.left i.next-button-hover:before,
input[type="submit"].withIcon.animate:focus.left .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="submit"].withIcon.animate:focus.left i.next-button-down:before, input[type="submit"].withIcon.animate:focus.left .dropdown i.dropdown-menu:before, .dropdown input[type="submit"].withIcon.animate:focus.left i.dropdown-menu:before, input[type="submit"].withIcon.animate:focus.left i.thumb:before, input[type="submit"].withIcon.animate:focus.left .element .panel i.parent:before, .element .panel input[type="submit"].withIcon.animate:focus.left i.parent:before, input[type="submit"].withIcon.animate:focus.left .element.achieved i.panel:after, .element.achieved input[type="submit"].withIcon.animate:focus.left i.panel:after, input[type="submit"].withIcon.animate:focus.left .element.text i.panel:after, .element.text input[type="submit"].withIcon.animate:focus.left i.panel:after, input[type="submit"].withIcon.animate:focus.left .subject .panel i.parent:before, .subject .panel input[type="submit"].withIcon.animate:focus.left i.parent:before,
input[type="reset"].withIcon.animate:hover.left i.material-icons,
input[type="reset"].withIcon.animate:hover.left .magazine-viewport i.previous-button-hover:before,
.magazine-viewport input[type="reset"].withIcon.animate:hover.left i.previous-button-hover:before,
input[type="reset"].withIcon.animate:hover.left .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="reset"].withIcon.animate:hover.left i.previous-button-down:before,
input[type="reset"].withIcon.animate:hover.left .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="reset"].withIcon.animate:hover.left i.next-button-hover:before,
input[type="reset"].withIcon.animate:hover.left .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="reset"].withIcon.animate:hover.left i.next-button-down:before,
input[type="reset"].withIcon.animate:hover.left .dropdown i.dropdown-menu:before,
.dropdown input[type="reset"].withIcon.animate:hover.left i.dropdown-menu:before,
input[type="reset"].withIcon.animate:hover.left i.thumb:before,
input[type="reset"].withIcon.animate:hover.left .element .panel i.parent:before,
.element .panel input[type="reset"].withIcon.animate:hover.left i.parent:before,
input[type="reset"].withIcon.animate:hover.left .element.achieved i.panel:after,
.element.achieved input[type="reset"].withIcon.animate:hover.left i.panel:after,
input[type="reset"].withIcon.animate:hover.left .element.text i.panel:after,
.element.text input[type="reset"].withIcon.animate:hover.left i.panel:after,
input[type="reset"].withIcon.animate:hover.left .subject .panel i.parent:before,
.subject .panel input[type="reset"].withIcon.animate:hover.left i.parent:before,
input[type="reset"].withIcon.animate:focus.left i.material-icons,
input[type="reset"].withIcon.animate:focus.left .magazine-viewport i.previous-button-hover:before,
.magazine-viewport input[type="reset"].withIcon.animate:focus.left i.previous-button-hover:before,
input[type="reset"].withIcon.animate:focus.left .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="reset"].withIcon.animate:focus.left i.previous-button-down:before,
input[type="reset"].withIcon.animate:focus.left .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="reset"].withIcon.animate:focus.left i.next-button-hover:before,
input[type="reset"].withIcon.animate:focus.left .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="reset"].withIcon.animate:focus.left i.next-button-down:before,
input[type="reset"].withIcon.animate:focus.left .dropdown i.dropdown-menu:before,
.dropdown input[type="reset"].withIcon.animate:focus.left i.dropdown-menu:before,
input[type="reset"].withIcon.animate:focus.left i.thumb:before,
input[type="reset"].withIcon.animate:focus.left .element .panel i.parent:before,
.element .panel input[type="reset"].withIcon.animate:focus.left i.parent:before,
input[type="reset"].withIcon.animate:focus.left .element.achieved i.panel:after,
.element.achieved input[type="reset"].withIcon.animate:focus.left i.panel:after,
input[type="reset"].withIcon.animate:focus.left .element.text i.panel:after,
.element.text input[type="reset"].withIcon.animate:focus.left i.panel:after,
input[type="reset"].withIcon.animate:focus.left .subject .panel i.parent:before,
.subject .panel input[type="reset"].withIcon.animate:focus.left i.parent:before, input[type="button"].withIcon.animate:hover.left i.material-icons, input[type="button"].withIcon.animate:hover.left .magazine-viewport i.previous-button-hover:before, .magazine-viewport input[type="button"].withIcon.animate:hover.left i.previous-button-hover:before,
input[type="button"].withIcon.animate:hover.left .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="button"].withIcon.animate:hover.left i.previous-button-down:before,
input[type="button"].withIcon.animate:hover.left .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="button"].withIcon.animate:hover.left i.next-button-hover:before,
input[type="button"].withIcon.animate:hover.left .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="button"].withIcon.animate:hover.left i.next-button-down:before, input[type="button"].withIcon.animate:hover.left .dropdown i.dropdown-menu:before, .dropdown input[type="button"].withIcon.animate:hover.left i.dropdown-menu:before, input[type="button"].withIcon.animate:hover.left i.thumb:before, input[type="button"].withIcon.animate:hover.left .element .panel i.parent:before, .element .panel input[type="button"].withIcon.animate:hover.left i.parent:before, input[type="button"].withIcon.animate:hover.left .element.achieved i.panel:after, .element.achieved input[type="button"].withIcon.animate:hover.left i.panel:after, input[type="button"].withIcon.animate:hover.left .element.text i.panel:after, .element.text input[type="button"].withIcon.animate:hover.left i.panel:after, input[type="button"].withIcon.animate:hover.left .subject .panel i.parent:before, .subject .panel input[type="button"].withIcon.animate:hover.left i.parent:before, input[type="button"].withIcon.animate:focus.left i.material-icons, input[type="button"].withIcon.animate:focus.left .magazine-viewport i.previous-button-hover:before, .magazine-viewport input[type="button"].withIcon.animate:focus.left i.previous-button-hover:before,
input[type="button"].withIcon.animate:focus.left .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="button"].withIcon.animate:focus.left i.previous-button-down:before,
input[type="button"].withIcon.animate:focus.left .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="button"].withIcon.animate:focus.left i.next-button-hover:before,
input[type="button"].withIcon.animate:focus.left .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="button"].withIcon.animate:focus.left i.next-button-down:before, input[type="button"].withIcon.animate:focus.left .dropdown i.dropdown-menu:before, .dropdown input[type="button"].withIcon.animate:focus.left i.dropdown-menu:before, input[type="button"].withIcon.animate:focus.left i.thumb:before, input[type="button"].withIcon.animate:focus.left .element .panel i.parent:before, .element .panel input[type="button"].withIcon.animate:focus.left i.parent:before, input[type="button"].withIcon.animate:focus.left .element.achieved i.panel:after, .element.achieved input[type="button"].withIcon.animate:focus.left i.panel:after, input[type="button"].withIcon.animate:focus.left .element.text i.panel:after, .element.text input[type="button"].withIcon.animate:focus.left i.panel:after, input[type="button"].withIcon.animate:focus.left .subject .panel i.parent:before, .subject .panel input[type="button"].withIcon.animate:focus.left i.parent:before {
  left: -63px;
}
/* line 173, ../../app/scss/modules/_button.scss */
.button.withIcon.animate:hover.right i.material-icons, .button.withIcon.animate:hover.right .magazine-viewport i.previous-button-hover:before, .magazine-viewport .button.withIcon.animate:hover.right i.previous-button-hover:before,
.button.withIcon.animate:hover.right .magazine-viewport i.previous-button-down:before,
.magazine-viewport .button.withIcon.animate:hover.right i.previous-button-down:before,
.button.withIcon.animate:hover.right .magazine-viewport i.next-button-hover:before,
.magazine-viewport .button.withIcon.animate:hover.right i.next-button-hover:before,
.button.withIcon.animate:hover.right .magazine-viewport i.next-button-down:before,
.magazine-viewport .button.withIcon.animate:hover.right i.next-button-down:before, .button.withIcon.animate:hover.right .dropdown i.dropdown-menu:before, .dropdown .button.withIcon.animate:hover.right i.dropdown-menu:before, .button.withIcon.animate:hover.right i.thumb:before, .button.withIcon.animate:hover.right .element .panel i.parent:before, .element .panel .button.withIcon.animate:hover.right i.parent:before, .button.withIcon.animate:hover.right .element.achieved i.panel:after, .element.achieved .button.withIcon.animate:hover.right i.panel:after, .button.withIcon.animate:hover.right .element.text i.panel:after, .element.text .button.withIcon.animate:hover.right i.panel:after, .button.withIcon.animate:hover.right .subject .panel i.parent:before, .subject .panel .button.withIcon.animate:hover.right i.parent:before, .button.withIcon.animate:focus.right i.material-icons, .button.withIcon.animate:focus.right .magazine-viewport i.previous-button-hover:before, .magazine-viewport .button.withIcon.animate:focus.right i.previous-button-hover:before,
.button.withIcon.animate:focus.right .magazine-viewport i.previous-button-down:before,
.magazine-viewport .button.withIcon.animate:focus.right i.previous-button-down:before,
.button.withIcon.animate:focus.right .magazine-viewport i.next-button-hover:before,
.magazine-viewport .button.withIcon.animate:focus.right i.next-button-hover:before,
.button.withIcon.animate:focus.right .magazine-viewport i.next-button-down:before,
.magazine-viewport .button.withIcon.animate:focus.right i.next-button-down:before, .button.withIcon.animate:focus.right .dropdown i.dropdown-menu:before, .dropdown .button.withIcon.animate:focus.right i.dropdown-menu:before, .button.withIcon.animate:focus.right i.thumb:before, .button.withIcon.animate:focus.right .element .panel i.parent:before, .element .panel .button.withIcon.animate:focus.right i.parent:before, .button.withIcon.animate:focus.right .element.achieved i.panel:after, .element.achieved .button.withIcon.animate:focus.right i.panel:after, .button.withIcon.animate:focus.right .element.text i.panel:after, .element.text .button.withIcon.animate:focus.right i.panel:after, .button.withIcon.animate:focus.right .subject .panel i.parent:before, .subject .panel .button.withIcon.animate:focus.right i.parent:before, button.withIcon.animate:hover.right i.material-icons, button.withIcon.animate:hover.right .magazine-viewport i.previous-button-hover:before, .magazine-viewport button.withIcon.animate:hover.right i.previous-button-hover:before,
button.withIcon.animate:hover.right .magazine-viewport i.previous-button-down:before,
.magazine-viewport button.withIcon.animate:hover.right i.previous-button-down:before,
button.withIcon.animate:hover.right .magazine-viewport i.next-button-hover:before,
.magazine-viewport button.withIcon.animate:hover.right i.next-button-hover:before,
button.withIcon.animate:hover.right .magazine-viewport i.next-button-down:before,
.magazine-viewport button.withIcon.animate:hover.right i.next-button-down:before, button.withIcon.animate:hover.right .dropdown i.dropdown-menu:before, .dropdown button.withIcon.animate:hover.right i.dropdown-menu:before, button.withIcon.animate:hover.right i.thumb:before, button.withIcon.animate:hover.right .element .panel i.parent:before, .element .panel button.withIcon.animate:hover.right i.parent:before, button.withIcon.animate:hover.right .element.achieved i.panel:after, .element.achieved button.withIcon.animate:hover.right i.panel:after, button.withIcon.animate:hover.right .element.text i.panel:after, .element.text button.withIcon.animate:hover.right i.panel:after, button.withIcon.animate:hover.right .subject .panel i.parent:before, .subject .panel button.withIcon.animate:hover.right i.parent:before, button.withIcon.animate:focus.right i.material-icons, button.withIcon.animate:focus.right .magazine-viewport i.previous-button-hover:before, .magazine-viewport button.withIcon.animate:focus.right i.previous-button-hover:before,
button.withIcon.animate:focus.right .magazine-viewport i.previous-button-down:before,
.magazine-viewport button.withIcon.animate:focus.right i.previous-button-down:before,
button.withIcon.animate:focus.right .magazine-viewport i.next-button-hover:before,
.magazine-viewport button.withIcon.animate:focus.right i.next-button-hover:before,
button.withIcon.animate:focus.right .magazine-viewport i.next-button-down:before,
.magazine-viewport button.withIcon.animate:focus.right i.next-button-down:before, button.withIcon.animate:focus.right .dropdown i.dropdown-menu:before, .dropdown button.withIcon.animate:focus.right i.dropdown-menu:before, button.withIcon.animate:focus.right i.thumb:before, button.withIcon.animate:focus.right .element .panel i.parent:before, .element .panel button.withIcon.animate:focus.right i.parent:before, button.withIcon.animate:focus.right .element.achieved i.panel:after, .element.achieved button.withIcon.animate:focus.right i.panel:after, button.withIcon.animate:focus.right .element.text i.panel:after, .element.text button.withIcon.animate:focus.right i.panel:after, button.withIcon.animate:focus.right .subject .panel i.parent:before, .subject .panel button.withIcon.animate:focus.right i.parent:before, input[type="submit"].withIcon.animate:hover.right i.material-icons, input[type="submit"].withIcon.animate:hover.right .magazine-viewport i.previous-button-hover:before, .magazine-viewport input[type="submit"].withIcon.animate:hover.right i.previous-button-hover:before,
input[type="submit"].withIcon.animate:hover.right .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="submit"].withIcon.animate:hover.right i.previous-button-down:before,
input[type="submit"].withIcon.animate:hover.right .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="submit"].withIcon.animate:hover.right i.next-button-hover:before,
input[type="submit"].withIcon.animate:hover.right .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="submit"].withIcon.animate:hover.right i.next-button-down:before, input[type="submit"].withIcon.animate:hover.right .dropdown i.dropdown-menu:before, .dropdown input[type="submit"].withIcon.animate:hover.right i.dropdown-menu:before, input[type="submit"].withIcon.animate:hover.right i.thumb:before, input[type="submit"].withIcon.animate:hover.right .element .panel i.parent:before, .element .panel input[type="submit"].withIcon.animate:hover.right i.parent:before, input[type="submit"].withIcon.animate:hover.right .element.achieved i.panel:after, .element.achieved input[type="submit"].withIcon.animate:hover.right i.panel:after, input[type="submit"].withIcon.animate:hover.right .element.text i.panel:after, .element.text input[type="submit"].withIcon.animate:hover.right i.panel:after, input[type="submit"].withIcon.animate:hover.right .subject .panel i.parent:before, .subject .panel input[type="submit"].withIcon.animate:hover.right i.parent:before, input[type="submit"].withIcon.animate:focus.right i.material-icons, input[type="submit"].withIcon.animate:focus.right .magazine-viewport i.previous-button-hover:before, .magazine-viewport input[type="submit"].withIcon.animate:focus.right i.previous-button-hover:before,
input[type="submit"].withIcon.animate:focus.right .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="submit"].withIcon.animate:focus.right i.previous-button-down:before,
input[type="submit"].withIcon.animate:focus.right .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="submit"].withIcon.animate:focus.right i.next-button-hover:before,
input[type="submit"].withIcon.animate:focus.right .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="submit"].withIcon.animate:focus.right i.next-button-down:before, input[type="submit"].withIcon.animate:focus.right .dropdown i.dropdown-menu:before, .dropdown input[type="submit"].withIcon.animate:focus.right i.dropdown-menu:before, input[type="submit"].withIcon.animate:focus.right i.thumb:before, input[type="submit"].withIcon.animate:focus.right .element .panel i.parent:before, .element .panel input[type="submit"].withIcon.animate:focus.right i.parent:before, input[type="submit"].withIcon.animate:focus.right .element.achieved i.panel:after, .element.achieved input[type="submit"].withIcon.animate:focus.right i.panel:after, input[type="submit"].withIcon.animate:focus.right .element.text i.panel:after, .element.text input[type="submit"].withIcon.animate:focus.right i.panel:after, input[type="submit"].withIcon.animate:focus.right .subject .panel i.parent:before, .subject .panel input[type="submit"].withIcon.animate:focus.right i.parent:before,
input[type="reset"].withIcon.animate:hover.right i.material-icons,
input[type="reset"].withIcon.animate:hover.right .magazine-viewport i.previous-button-hover:before,
.magazine-viewport input[type="reset"].withIcon.animate:hover.right i.previous-button-hover:before,
input[type="reset"].withIcon.animate:hover.right .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="reset"].withIcon.animate:hover.right i.previous-button-down:before,
input[type="reset"].withIcon.animate:hover.right .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="reset"].withIcon.animate:hover.right i.next-button-hover:before,
input[type="reset"].withIcon.animate:hover.right .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="reset"].withIcon.animate:hover.right i.next-button-down:before,
input[type="reset"].withIcon.animate:hover.right .dropdown i.dropdown-menu:before,
.dropdown input[type="reset"].withIcon.animate:hover.right i.dropdown-menu:before,
input[type="reset"].withIcon.animate:hover.right i.thumb:before,
input[type="reset"].withIcon.animate:hover.right .element .panel i.parent:before,
.element .panel input[type="reset"].withIcon.animate:hover.right i.parent:before,
input[type="reset"].withIcon.animate:hover.right .element.achieved i.panel:after,
.element.achieved input[type="reset"].withIcon.animate:hover.right i.panel:after,
input[type="reset"].withIcon.animate:hover.right .element.text i.panel:after,
.element.text input[type="reset"].withIcon.animate:hover.right i.panel:after,
input[type="reset"].withIcon.animate:hover.right .subject .panel i.parent:before,
.subject .panel input[type="reset"].withIcon.animate:hover.right i.parent:before,
input[type="reset"].withIcon.animate:focus.right i.material-icons,
input[type="reset"].withIcon.animate:focus.right .magazine-viewport i.previous-button-hover:before,
.magazine-viewport input[type="reset"].withIcon.animate:focus.right i.previous-button-hover:before,
input[type="reset"].withIcon.animate:focus.right .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="reset"].withIcon.animate:focus.right i.previous-button-down:before,
input[type="reset"].withIcon.animate:focus.right .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="reset"].withIcon.animate:focus.right i.next-button-hover:before,
input[type="reset"].withIcon.animate:focus.right .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="reset"].withIcon.animate:focus.right i.next-button-down:before,
input[type="reset"].withIcon.animate:focus.right .dropdown i.dropdown-menu:before,
.dropdown input[type="reset"].withIcon.animate:focus.right i.dropdown-menu:before,
input[type="reset"].withIcon.animate:focus.right i.thumb:before,
input[type="reset"].withIcon.animate:focus.right .element .panel i.parent:before,
.element .panel input[type="reset"].withIcon.animate:focus.right i.parent:before,
input[type="reset"].withIcon.animate:focus.right .element.achieved i.panel:after,
.element.achieved input[type="reset"].withIcon.animate:focus.right i.panel:after,
input[type="reset"].withIcon.animate:focus.right .element.text i.panel:after,
.element.text input[type="reset"].withIcon.animate:focus.right i.panel:after,
input[type="reset"].withIcon.animate:focus.right .subject .panel i.parent:before,
.subject .panel input[type="reset"].withIcon.animate:focus.right i.parent:before, input[type="button"].withIcon.animate:hover.right i.material-icons, input[type="button"].withIcon.animate:hover.right .magazine-viewport i.previous-button-hover:before, .magazine-viewport input[type="button"].withIcon.animate:hover.right i.previous-button-hover:before,
input[type="button"].withIcon.animate:hover.right .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="button"].withIcon.animate:hover.right i.previous-button-down:before,
input[type="button"].withIcon.animate:hover.right .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="button"].withIcon.animate:hover.right i.next-button-hover:before,
input[type="button"].withIcon.animate:hover.right .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="button"].withIcon.animate:hover.right i.next-button-down:before, input[type="button"].withIcon.animate:hover.right .dropdown i.dropdown-menu:before, .dropdown input[type="button"].withIcon.animate:hover.right i.dropdown-menu:before, input[type="button"].withIcon.animate:hover.right i.thumb:before, input[type="button"].withIcon.animate:hover.right .element .panel i.parent:before, .element .panel input[type="button"].withIcon.animate:hover.right i.parent:before, input[type="button"].withIcon.animate:hover.right .element.achieved i.panel:after, .element.achieved input[type="button"].withIcon.animate:hover.right i.panel:after, input[type="button"].withIcon.animate:hover.right .element.text i.panel:after, .element.text input[type="button"].withIcon.animate:hover.right i.panel:after, input[type="button"].withIcon.animate:hover.right .subject .panel i.parent:before, .subject .panel input[type="button"].withIcon.animate:hover.right i.parent:before, input[type="button"].withIcon.animate:focus.right i.material-icons, input[type="button"].withIcon.animate:focus.right .magazine-viewport i.previous-button-hover:before, .magazine-viewport input[type="button"].withIcon.animate:focus.right i.previous-button-hover:before,
input[type="button"].withIcon.animate:focus.right .magazine-viewport i.previous-button-down:before,
.magazine-viewport input[type="button"].withIcon.animate:focus.right i.previous-button-down:before,
input[type="button"].withIcon.animate:focus.right .magazine-viewport i.next-button-hover:before,
.magazine-viewport input[type="button"].withIcon.animate:focus.right i.next-button-hover:before,
input[type="button"].withIcon.animate:focus.right .magazine-viewport i.next-button-down:before,
.magazine-viewport input[type="button"].withIcon.animate:focus.right i.next-button-down:before, input[type="button"].withIcon.animate:focus.right .dropdown i.dropdown-menu:before, .dropdown input[type="button"].withIcon.animate:focus.right i.dropdown-menu:before, input[type="button"].withIcon.animate:focus.right i.thumb:before, input[type="button"].withIcon.animate:focus.right .element .panel i.parent:before, .element .panel input[type="button"].withIcon.animate:focus.right i.parent:before, input[type="button"].withIcon.animate:focus.right .element.achieved i.panel:after, .element.achieved input[type="button"].withIcon.animate:focus.right i.panel:after, input[type="button"].withIcon.animate:focus.right .element.text i.panel:after, .element.text input[type="button"].withIcon.animate:focus.right i.panel:after, input[type="button"].withIcon.animate:focus.right .subject .panel i.parent:before, .subject .panel input[type="button"].withIcon.animate:focus.right i.parent:before {
  right: -63px;
}

/* line 179, ../../app/scss/modules/_button.scss */
.buttons-group {
  margin-bottom: 21px;
}
/* line 182, ../../app/scss/modules/_button.scss */
.buttons-group a, .buttons-group span, .buttons-group small {
  line-height: 28px;
}

@media (min-width: 400px) {
  /* line 191, ../../app/scss/modules/_button.scss */
  .buttons-group .button:not(.tab):not(.u-pull-right), .buttons-group button:not(.tab):not(.u-pull-right), .buttons-group input[type="submit"]:not(.tab):not(.u-pull-right),
  .buttons-group input[type="reset"]:not(.tab):not(.u-pull-right), .buttons-group input[type="button"]:not(.tab):not(.u-pull-right) {
    margin-left: 21px;
  }
}
/* line 11, ../../app/scss/modules/_switch-tabs.scss */
.buttons-group.tabs {
  width: 100%;
  margin-bottom: 21px;
}
/* line 18, ../../app/scss/modules/_switch-tabs.scss */
.buttons-group.tabs .button.tab, .buttons-group.tabs button.tab, .buttons-group.tabs input[type="submit"].tab,
.buttons-group.tabs input[type="reset"].tab, .buttons-group.tabs input[type="button"].tab {
  display: block;
  float: right;
  width: auto;
  margin-left: 28px;
  padding: 0;
  border-bottom: 2px solid #dddbd9;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-size: 14px;
  background-color: transparent;
  color: #a9a6a3;
}
/* line 30, ../../app/scss/modules/_switch-tabs.scss */
.buttons-group.tabs .button.tab:last-child, .buttons-group.tabs button.tab:last-child, .buttons-group.tabs input[type="submit"].tab:last-child,
.buttons-group.tabs input[type="reset"].tab:last-child, .buttons-group.tabs input[type="button"].tab:last-child {
  margin-left: 0;
}
/* line 32, ../../app/scss/modules/_switch-tabs.scss */
.buttons-group.tabs .button.tab small, .buttons-group.tabs .button.tab .small, .buttons-group.tabs .button.tab small a, small .buttons-group.tabs .button.tab a, .buttons-group.tabs .button.tab label, .buttons-group.tabs .button.tab .label, .buttons-group.tabs .button.tab .form-item.fancy.animate label, .form-item.fancy.animate .buttons-group.tabs .button.tab label, .buttons-group.tabs .button.tab .form-item.fancy.stop label, .form-item.fancy.stop .buttons-group.tabs .button.tab label, .buttons-group.tabs .button.tab table.table thead td, table.table thead .buttons-group.tabs .button.tab td, .buttons-group.tabs .button.tab .divider h2, .divider .buttons-group.tabs .button.tab h2, .buttons-group.tabs .button.tab .element p, .element .buttons-group.tabs .button.tab p, .buttons-group.tabs .button.tab .element-block span, .element-block .buttons-group.tabs .button.tab span, .buttons-group.tabs .button.tab .user .panel > a p, .user .panel > a .buttons-group.tabs .button.tab p, .buttons-group.tabs .button.tab .subject a p, .subject a .buttons-group.tabs .button.tab p, .buttons-group.tabs .button.tab .student_profile .panel section.information p, .student_profile .panel section.information .buttons-group.tabs .button.tab p, .buttons-group.tabs .button.tab .library .element-information .element span, .library .element-information .element .buttons-group.tabs .button.tab span, .buttons-group.tabs .button.tab .wrapper.lp #article article header p.details, .wrapper.lp #article article header .buttons-group.tabs .button.tab p.details, .buttons-group.tabs .button.tab .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .buttons-group.tabs .button.tab span.m, .buttons-group.tabs button.tab small, .buttons-group.tabs button.tab .small, .buttons-group.tabs button.tab small a, small .buttons-group.tabs button.tab a, .buttons-group.tabs button.tab label, .buttons-group.tabs button.tab .label, .buttons-group.tabs button.tab .form-item.fancy.animate label, .form-item.fancy.animate .buttons-group.tabs button.tab label, .buttons-group.tabs button.tab .form-item.fancy.stop label, .form-item.fancy.stop .buttons-group.tabs button.tab label, .buttons-group.tabs button.tab table.table thead td, table.table thead .buttons-group.tabs button.tab td, .buttons-group.tabs button.tab .divider h2, .divider .buttons-group.tabs button.tab h2, .buttons-group.tabs button.tab .element p, .element .buttons-group.tabs button.tab p, .buttons-group.tabs button.tab .element-block span, .element-block .buttons-group.tabs button.tab span, .buttons-group.tabs button.tab .user .panel > a p, .user .panel > a .buttons-group.tabs button.tab p, .buttons-group.tabs button.tab .subject a p, .subject a .buttons-group.tabs button.tab p, .buttons-group.tabs button.tab .student_profile .panel section.information p, .student_profile .panel section.information .buttons-group.tabs button.tab p, .buttons-group.tabs button.tab .library .element-information .element span, .library .element-information .element .buttons-group.tabs button.tab span, .buttons-group.tabs button.tab .wrapper.lp #article article header p.details, .wrapper.lp #article article header .buttons-group.tabs button.tab p.details, .buttons-group.tabs button.tab .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .buttons-group.tabs button.tab span.m, .buttons-group.tabs input[type="submit"].tab small, .buttons-group.tabs input[type="submit"].tab .small, .buttons-group.tabs input[type="submit"].tab small a, small .buttons-group.tabs input[type="submit"].tab a, .buttons-group.tabs input[type="submit"].tab label, .buttons-group.tabs input[type="submit"].tab .label, .buttons-group.tabs input[type="submit"].tab .form-item.fancy.animate label, .form-item.fancy.animate .buttons-group.tabs input[type="submit"].tab label, .buttons-group.tabs input[type="submit"].tab .form-item.fancy.stop label, .form-item.fancy.stop .buttons-group.tabs input[type="submit"].tab label, .buttons-group.tabs input[type="submit"].tab table.table thead td, table.table thead .buttons-group.tabs input[type="submit"].tab td, .buttons-group.tabs input[type="submit"].tab .divider h2, .divider .buttons-group.tabs input[type="submit"].tab h2, .buttons-group.tabs input[type="submit"].tab .element p, .element .buttons-group.tabs input[type="submit"].tab p, .buttons-group.tabs input[type="submit"].tab .element-block span, .element-block .buttons-group.tabs input[type="submit"].tab span, .buttons-group.tabs input[type="submit"].tab .user .panel > a p, .user .panel > a .buttons-group.tabs input[type="submit"].tab p, .buttons-group.tabs input[type="submit"].tab .subject a p, .subject a .buttons-group.tabs input[type="submit"].tab p, .buttons-group.tabs input[type="submit"].tab .student_profile .panel section.information p, .student_profile .panel section.information .buttons-group.tabs input[type="submit"].tab p, .buttons-group.tabs input[type="submit"].tab .library .element-information .element span, .library .element-information .element .buttons-group.tabs input[type="submit"].tab span, .buttons-group.tabs input[type="submit"].tab .wrapper.lp #article article header p.details, .wrapper.lp #article article header .buttons-group.tabs input[type="submit"].tab p.details, .buttons-group.tabs input[type="submit"].tab .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .buttons-group.tabs input[type="submit"].tab span.m,
.buttons-group.tabs input[type="reset"].tab small,
.buttons-group.tabs input[type="reset"].tab .small,
.buttons-group.tabs input[type="reset"].tab small a,
small .buttons-group.tabs input[type="reset"].tab a,
.buttons-group.tabs input[type="reset"].tab label,
.buttons-group.tabs input[type="reset"].tab .label,
.buttons-group.tabs input[type="reset"].tab .form-item.fancy.animate label,
.form-item.fancy.animate .buttons-group.tabs input[type="reset"].tab label,
.buttons-group.tabs input[type="reset"].tab .form-item.fancy.stop label,
.form-item.fancy.stop .buttons-group.tabs input[type="reset"].tab label,
.buttons-group.tabs input[type="reset"].tab table.table thead td,
table.table thead .buttons-group.tabs input[type="reset"].tab td,
.buttons-group.tabs input[type="reset"].tab .divider h2,
.divider .buttons-group.tabs input[type="reset"].tab h2,
.buttons-group.tabs input[type="reset"].tab .element p,
.element .buttons-group.tabs input[type="reset"].tab p,
.buttons-group.tabs input[type="reset"].tab .element-block span,
.element-block .buttons-group.tabs input[type="reset"].tab span,
.buttons-group.tabs input[type="reset"].tab .user .panel > a p,
.user .panel > a .buttons-group.tabs input[type="reset"].tab p,
.buttons-group.tabs input[type="reset"].tab .subject a p,
.subject a .buttons-group.tabs input[type="reset"].tab p,
.buttons-group.tabs input[type="reset"].tab .student_profile .panel section.information p,
.student_profile .panel section.information .buttons-group.tabs input[type="reset"].tab p,
.buttons-group.tabs input[type="reset"].tab .library .element-information .element span,
.library .element-information .element .buttons-group.tabs input[type="reset"].tab span,
.buttons-group.tabs input[type="reset"].tab .wrapper.lp #article article header p.details,
.wrapper.lp #article article header .buttons-group.tabs input[type="reset"].tab p.details,
.buttons-group.tabs input[type="reset"].tab .wrapper.lp #calendar .events > li .content span.date span.m,
.wrapper.lp #calendar .events > li .content span.date .buttons-group.tabs input[type="reset"].tab span.m, .buttons-group.tabs input[type="button"].tab small, .buttons-group.tabs input[type="button"].tab .small, .buttons-group.tabs input[type="button"].tab small a, small .buttons-group.tabs input[type="button"].tab a, .buttons-group.tabs input[type="button"].tab label, .buttons-group.tabs input[type="button"].tab .label, .buttons-group.tabs input[type="button"].tab .form-item.fancy.animate label, .form-item.fancy.animate .buttons-group.tabs input[type="button"].tab label, .buttons-group.tabs input[type="button"].tab .form-item.fancy.stop label, .form-item.fancy.stop .buttons-group.tabs input[type="button"].tab label, .buttons-group.tabs input[type="button"].tab table.table thead td, table.table thead .buttons-group.tabs input[type="button"].tab td, .buttons-group.tabs input[type="button"].tab .divider h2, .divider .buttons-group.tabs input[type="button"].tab h2, .buttons-group.tabs input[type="button"].tab .element p, .element .buttons-group.tabs input[type="button"].tab p, .buttons-group.tabs input[type="button"].tab .element-block span, .element-block .buttons-group.tabs input[type="button"].tab span, .buttons-group.tabs input[type="button"].tab .user .panel > a p, .user .panel > a .buttons-group.tabs input[type="button"].tab p, .buttons-group.tabs input[type="button"].tab .subject a p, .subject a .buttons-group.tabs input[type="button"].tab p, .buttons-group.tabs input[type="button"].tab .student_profile .panel section.information p, .student_profile .panel section.information .buttons-group.tabs input[type="button"].tab p, .buttons-group.tabs input[type="button"].tab .library .element-information .element span, .library .element-information .element .buttons-group.tabs input[type="button"].tab span, .buttons-group.tabs input[type="button"].tab .wrapper.lp #article article header p.details, .wrapper.lp #article article header .buttons-group.tabs input[type="button"].tab p.details, .buttons-group.tabs input[type="button"].tab .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .buttons-group.tabs input[type="button"].tab span.m {
  color: #a9a6a3;
}
/* line 34, ../../app/scss/modules/_switch-tabs.scss */
.buttons-group.tabs .button.tab:hover, .buttons-group.tabs .button.tab:focus, .buttons-group.tabs .button.tab.active, .buttons-group.tabs button.tab:hover, .buttons-group.tabs button.tab:focus, .buttons-group.tabs button.tab.active, .buttons-group.tabs input[type="submit"].tab:hover, .buttons-group.tabs input[type="submit"].tab:focus, .buttons-group.tabs input[type="submit"].tab.active,
.buttons-group.tabs input[type="reset"].tab:hover,
.buttons-group.tabs input[type="reset"].tab:focus,
.buttons-group.tabs input[type="reset"].tab.active, .buttons-group.tabs input[type="button"].tab:hover, .buttons-group.tabs input[type="button"].tab:focus, .buttons-group.tabs input[type="button"].tab.active {
  background-color: transparent;
  color: #e29c45;
}
/* line 40, ../../app/scss/modules/_switch-tabs.scss */
.buttons-group.tabs .button.tab:hover small, .buttons-group.tabs .button.tab:hover .small, .buttons-group.tabs .button.tab:hover small a, small .buttons-group.tabs .button.tab:hover a, .buttons-group.tabs .button.tab:hover label, .buttons-group.tabs .button.tab:hover .label, .buttons-group.tabs .button.tab:hover .form-item.fancy.animate label, .form-item.fancy.animate .buttons-group.tabs .button.tab:hover label, .buttons-group.tabs .button.tab:hover .form-item.fancy.stop label, .form-item.fancy.stop .buttons-group.tabs .button.tab:hover label, .buttons-group.tabs .button.tab:hover table.table thead td, table.table thead .buttons-group.tabs .button.tab:hover td, .buttons-group.tabs .button.tab:hover .divider h2, .divider .buttons-group.tabs .button.tab:hover h2, .buttons-group.tabs .button.tab:hover .element p, .element .buttons-group.tabs .button.tab:hover p, .buttons-group.tabs .button.tab:hover .element-block span, .element-block .buttons-group.tabs .button.tab:hover span, .buttons-group.tabs .button.tab:hover .user .panel > a p, .user .panel > a .buttons-group.tabs .button.tab:hover p, .buttons-group.tabs .button.tab:hover .subject a p, .subject a .buttons-group.tabs .button.tab:hover p, .buttons-group.tabs .button.tab:hover .student_profile .panel section.information p, .student_profile .panel section.information .buttons-group.tabs .button.tab:hover p, .buttons-group.tabs .button.tab:hover .library .element-information .element span, .library .element-information .element .buttons-group.tabs .button.tab:hover span, .buttons-group.tabs .button.tab:hover .wrapper.lp #article article header p.details, .wrapper.lp #article article header .buttons-group.tabs .button.tab:hover p.details, .buttons-group.tabs .button.tab:hover .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .buttons-group.tabs .button.tab:hover span.m, .buttons-group.tabs .button.tab:focus small, .buttons-group.tabs .button.tab:focus .small, .buttons-group.tabs .button.tab:focus small a, small .buttons-group.tabs .button.tab:focus a, .buttons-group.tabs .button.tab:focus label, .buttons-group.tabs .button.tab:focus .label, .buttons-group.tabs .button.tab:focus .form-item.fancy.animate label, .form-item.fancy.animate .buttons-group.tabs .button.tab:focus label, .buttons-group.tabs .button.tab:focus .form-item.fancy.stop label, .form-item.fancy.stop .buttons-group.tabs .button.tab:focus label, .buttons-group.tabs .button.tab:focus table.table thead td, table.table thead .buttons-group.tabs .button.tab:focus td, .buttons-group.tabs .button.tab:focus .divider h2, .divider .buttons-group.tabs .button.tab:focus h2, .buttons-group.tabs .button.tab:focus .element p, .element .buttons-group.tabs .button.tab:focus p, .buttons-group.tabs .button.tab:focus .element-block span, .element-block .buttons-group.tabs .button.tab:focus span, .buttons-group.tabs .button.tab:focus .user .panel > a p, .user .panel > a .buttons-group.tabs .button.tab:focus p, .buttons-group.tabs .button.tab:focus .subject a p, .subject a .buttons-group.tabs .button.tab:focus p, .buttons-group.tabs .button.tab:focus .student_profile .panel section.information p, .student_profile .panel section.information .buttons-group.tabs .button.tab:focus p, .buttons-group.tabs .button.tab:focus .library .element-information .element span, .library .element-information .element .buttons-group.tabs .button.tab:focus span, .buttons-group.tabs .button.tab:focus .wrapper.lp #article article header p.details, .wrapper.lp #article article header .buttons-group.tabs .button.tab:focus p.details, .buttons-group.tabs .button.tab:focus .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .buttons-group.tabs .button.tab:focus span.m, .buttons-group.tabs .button.tab.active small, .buttons-group.tabs .button.tab.active .small, .buttons-group.tabs .button.tab.active small a, small .buttons-group.tabs .button.tab.active a, .buttons-group.tabs .button.tab.active label, .buttons-group.tabs .button.tab.active .label, .buttons-group.tabs .button.tab.active .form-item.fancy.animate label, .form-item.fancy.animate .buttons-group.tabs .button.tab.active label, .buttons-group.tabs .button.tab.active .form-item.fancy.stop label, .form-item.fancy.stop .buttons-group.tabs .button.tab.active label, .buttons-group.tabs .button.tab.active table.table thead td, table.table thead .buttons-group.tabs .button.tab.active td, .buttons-group.tabs .button.tab.active .divider h2, .divider .buttons-group.tabs .button.tab.active h2, .buttons-group.tabs .button.tab.active .element p, .element .buttons-group.tabs .button.tab.active p, .buttons-group.tabs .button.tab.active .element-block span, .element-block .buttons-group.tabs .button.tab.active span, .buttons-group.tabs .button.tab.active .user .panel > a p, .user .panel > a .buttons-group.tabs .button.tab.active p, .buttons-group.tabs .button.tab.active .subject a p, .subject a .buttons-group.tabs .button.tab.active p, .buttons-group.tabs .button.tab.active .student_profile .panel section.information p, .student_profile .panel section.information .buttons-group.tabs .button.tab.active p, .buttons-group.tabs .button.tab.active .library .element-information .element span, .library .element-information .element .buttons-group.tabs .button.tab.active span, .buttons-group.tabs .button.tab.active .wrapper.lp #article article header p.details, .wrapper.lp #article article header .buttons-group.tabs .button.tab.active p.details, .buttons-group.tabs .button.tab.active .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .buttons-group.tabs .button.tab.active span.m, .buttons-group.tabs button.tab:hover small, .buttons-group.tabs button.tab:hover .small, .buttons-group.tabs button.tab:hover small a, small .buttons-group.tabs button.tab:hover a, .buttons-group.tabs button.tab:hover label, .buttons-group.tabs button.tab:hover .label, .buttons-group.tabs button.tab:hover .form-item.fancy.animate label, .form-item.fancy.animate .buttons-group.tabs button.tab:hover label, .buttons-group.tabs button.tab:hover .form-item.fancy.stop label, .form-item.fancy.stop .buttons-group.tabs button.tab:hover label, .buttons-group.tabs button.tab:hover table.table thead td, table.table thead .buttons-group.tabs button.tab:hover td, .buttons-group.tabs button.tab:hover .divider h2, .divider .buttons-group.tabs button.tab:hover h2, .buttons-group.tabs button.tab:hover .element p, .element .buttons-group.tabs button.tab:hover p, .buttons-group.tabs button.tab:hover .element-block span, .element-block .buttons-group.tabs button.tab:hover span, .buttons-group.tabs button.tab:hover .user .panel > a p, .user .panel > a .buttons-group.tabs button.tab:hover p, .buttons-group.tabs button.tab:hover .subject a p, .subject a .buttons-group.tabs button.tab:hover p, .buttons-group.tabs button.tab:hover .student_profile .panel section.information p, .student_profile .panel section.information .buttons-group.tabs button.tab:hover p, .buttons-group.tabs button.tab:hover .library .element-information .element span, .library .element-information .element .buttons-group.tabs button.tab:hover span, .buttons-group.tabs button.tab:hover .wrapper.lp #article article header p.details, .wrapper.lp #article article header .buttons-group.tabs button.tab:hover p.details, .buttons-group.tabs button.tab:hover .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .buttons-group.tabs button.tab:hover span.m, .buttons-group.tabs button.tab:focus small, .buttons-group.tabs button.tab:focus .small, .buttons-group.tabs button.tab:focus small a, small .buttons-group.tabs button.tab:focus a, .buttons-group.tabs button.tab:focus label, .buttons-group.tabs button.tab:focus .label, .buttons-group.tabs button.tab:focus .form-item.fancy.animate label, .form-item.fancy.animate .buttons-group.tabs button.tab:focus label, .buttons-group.tabs button.tab:focus .form-item.fancy.stop label, .form-item.fancy.stop .buttons-group.tabs button.tab:focus label, .buttons-group.tabs button.tab:focus table.table thead td, table.table thead .buttons-group.tabs button.tab:focus td, .buttons-group.tabs button.tab:focus .divider h2, .divider .buttons-group.tabs button.tab:focus h2, .buttons-group.tabs button.tab:focus .element p, .element .buttons-group.tabs button.tab:focus p, .buttons-group.tabs button.tab:focus .element-block span, .element-block .buttons-group.tabs button.tab:focus span, .buttons-group.tabs button.tab:focus .user .panel > a p, .user .panel > a .buttons-group.tabs button.tab:focus p, .buttons-group.tabs button.tab:focus .subject a p, .subject a .buttons-group.tabs button.tab:focus p, .buttons-group.tabs button.tab:focus .student_profile .panel section.information p, .student_profile .panel section.information .buttons-group.tabs button.tab:focus p, .buttons-group.tabs button.tab:focus .library .element-information .element span, .library .element-information .element .buttons-group.tabs button.tab:focus span, .buttons-group.tabs button.tab:focus .wrapper.lp #article article header p.details, .wrapper.lp #article article header .buttons-group.tabs button.tab:focus p.details, .buttons-group.tabs button.tab:focus .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .buttons-group.tabs button.tab:focus span.m, .buttons-group.tabs button.tab.active small, .buttons-group.tabs button.tab.active .small, .buttons-group.tabs button.tab.active small a, small .buttons-group.tabs button.tab.active a, .buttons-group.tabs button.tab.active label, .buttons-group.tabs button.tab.active .label, .buttons-group.tabs button.tab.active .form-item.fancy.animate label, .form-item.fancy.animate .buttons-group.tabs button.tab.active label, .buttons-group.tabs button.tab.active .form-item.fancy.stop label, .form-item.fancy.stop .buttons-group.tabs button.tab.active label, .buttons-group.tabs button.tab.active table.table thead td, table.table thead .buttons-group.tabs button.tab.active td, .buttons-group.tabs button.tab.active .divider h2, .divider .buttons-group.tabs button.tab.active h2, .buttons-group.tabs button.tab.active .element p, .element .buttons-group.tabs button.tab.active p, .buttons-group.tabs button.tab.active .element-block span, .element-block .buttons-group.tabs button.tab.active span, .buttons-group.tabs button.tab.active .user .panel > a p, .user .panel > a .buttons-group.tabs button.tab.active p, .buttons-group.tabs button.tab.active .subject a p, .subject a .buttons-group.tabs button.tab.active p, .buttons-group.tabs button.tab.active .student_profile .panel section.information p, .student_profile .panel section.information .buttons-group.tabs button.tab.active p, .buttons-group.tabs button.tab.active .library .element-information .element span, .library .element-information .element .buttons-group.tabs button.tab.active span, .buttons-group.tabs button.tab.active .wrapper.lp #article article header p.details, .wrapper.lp #article article header .buttons-group.tabs button.tab.active p.details, .buttons-group.tabs button.tab.active .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .buttons-group.tabs button.tab.active span.m, .buttons-group.tabs input[type="submit"].tab:hover small, .buttons-group.tabs input[type="submit"].tab:hover .small, .buttons-group.tabs input[type="submit"].tab:hover small a, small .buttons-group.tabs input[type="submit"].tab:hover a, .buttons-group.tabs input[type="submit"].tab:hover label, .buttons-group.tabs input[type="submit"].tab:hover .label, .buttons-group.tabs input[type="submit"].tab:hover .form-item.fancy.animate label, .form-item.fancy.animate .buttons-group.tabs input[type="submit"].tab:hover label, .buttons-group.tabs input[type="submit"].tab:hover .form-item.fancy.stop label, .form-item.fancy.stop .buttons-group.tabs input[type="submit"].tab:hover label, .buttons-group.tabs input[type="submit"].tab:hover table.table thead td, table.table thead .buttons-group.tabs input[type="submit"].tab:hover td, .buttons-group.tabs input[type="submit"].tab:hover .divider h2, .divider .buttons-group.tabs input[type="submit"].tab:hover h2, .buttons-group.tabs input[type="submit"].tab:hover .element p, .element .buttons-group.tabs input[type="submit"].tab:hover p, .buttons-group.tabs input[type="submit"].tab:hover .element-block span, .element-block .buttons-group.tabs input[type="submit"].tab:hover span, .buttons-group.tabs input[type="submit"].tab:hover .user .panel > a p, .user .panel > a .buttons-group.tabs input[type="submit"].tab:hover p, .buttons-group.tabs input[type="submit"].tab:hover .subject a p, .subject a .buttons-group.tabs input[type="submit"].tab:hover p, .buttons-group.tabs input[type="submit"].tab:hover .student_profile .panel section.information p, .student_profile .panel section.information .buttons-group.tabs input[type="submit"].tab:hover p, .buttons-group.tabs input[type="submit"].tab:hover .library .element-information .element span, .library .element-information .element .buttons-group.tabs input[type="submit"].tab:hover span, .buttons-group.tabs input[type="submit"].tab:hover .wrapper.lp #article article header p.details, .wrapper.lp #article article header .buttons-group.tabs input[type="submit"].tab:hover p.details, .buttons-group.tabs input[type="submit"].tab:hover .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .buttons-group.tabs input[type="submit"].tab:hover span.m, .buttons-group.tabs input[type="submit"].tab:focus small, .buttons-group.tabs input[type="submit"].tab:focus .small, .buttons-group.tabs input[type="submit"].tab:focus small a, small .buttons-group.tabs input[type="submit"].tab:focus a, .buttons-group.tabs input[type="submit"].tab:focus label, .buttons-group.tabs input[type="submit"].tab:focus .label, .buttons-group.tabs input[type="submit"].tab:focus .form-item.fancy.animate label, .form-item.fancy.animate .buttons-group.tabs input[type="submit"].tab:focus label, .buttons-group.tabs input[type="submit"].tab:focus .form-item.fancy.stop label, .form-item.fancy.stop .buttons-group.tabs input[type="submit"].tab:focus label, .buttons-group.tabs input[type="submit"].tab:focus table.table thead td, table.table thead .buttons-group.tabs input[type="submit"].tab:focus td, .buttons-group.tabs input[type="submit"].tab:focus .divider h2, .divider .buttons-group.tabs input[type="submit"].tab:focus h2, .buttons-group.tabs input[type="submit"].tab:focus .element p, .element .buttons-group.tabs input[type="submit"].tab:focus p, .buttons-group.tabs input[type="submit"].tab:focus .element-block span, .element-block .buttons-group.tabs input[type="submit"].tab:focus span, .buttons-group.tabs input[type="submit"].tab:focus .user .panel > a p, .user .panel > a .buttons-group.tabs input[type="submit"].tab:focus p, .buttons-group.tabs input[type="submit"].tab:focus .subject a p, .subject a .buttons-group.tabs input[type="submit"].tab:focus p, .buttons-group.tabs input[type="submit"].tab:focus .student_profile .panel section.information p, .student_profile .panel section.information .buttons-group.tabs input[type="submit"].tab:focus p, .buttons-group.tabs input[type="submit"].tab:focus .library .element-information .element span, .library .element-information .element .buttons-group.tabs input[type="submit"].tab:focus span, .buttons-group.tabs input[type="submit"].tab:focus .wrapper.lp #article article header p.details, .wrapper.lp #article article header .buttons-group.tabs input[type="submit"].tab:focus p.details, .buttons-group.tabs input[type="submit"].tab:focus .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .buttons-group.tabs input[type="submit"].tab:focus span.m, .buttons-group.tabs input[type="submit"].tab.active small, .buttons-group.tabs input[type="submit"].tab.active .small, .buttons-group.tabs input[type="submit"].tab.active small a, small .buttons-group.tabs input[type="submit"].tab.active a, .buttons-group.tabs input[type="submit"].tab.active label, .buttons-group.tabs input[type="submit"].tab.active .label, .buttons-group.tabs input[type="submit"].tab.active .form-item.fancy.animate label, .form-item.fancy.animate .buttons-group.tabs input[type="submit"].tab.active label, .buttons-group.tabs input[type="submit"].tab.active .form-item.fancy.stop label, .form-item.fancy.stop .buttons-group.tabs input[type="submit"].tab.active label, .buttons-group.tabs input[type="submit"].tab.active table.table thead td, table.table thead .buttons-group.tabs input[type="submit"].tab.active td, .buttons-group.tabs input[type="submit"].tab.active .divider h2, .divider .buttons-group.tabs input[type="submit"].tab.active h2, .buttons-group.tabs input[type="submit"].tab.active .element p, .element .buttons-group.tabs input[type="submit"].tab.active p, .buttons-group.tabs input[type="submit"].tab.active .element-block span, .element-block .buttons-group.tabs input[type="submit"].tab.active span, .buttons-group.tabs input[type="submit"].tab.active .user .panel > a p, .user .panel > a .buttons-group.tabs input[type="submit"].tab.active p, .buttons-group.tabs input[type="submit"].tab.active .subject a p, .subject a .buttons-group.tabs input[type="submit"].tab.active p, .buttons-group.tabs input[type="submit"].tab.active .student_profile .panel section.information p, .student_profile .panel section.information .buttons-group.tabs input[type="submit"].tab.active p, .buttons-group.tabs input[type="submit"].tab.active .library .element-information .element span, .library .element-information .element .buttons-group.tabs input[type="submit"].tab.active span, .buttons-group.tabs input[type="submit"].tab.active .wrapper.lp #article article header p.details, .wrapper.lp #article article header .buttons-group.tabs input[type="submit"].tab.active p.details, .buttons-group.tabs input[type="submit"].tab.active .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .buttons-group.tabs input[type="submit"].tab.active span.m,
.buttons-group.tabs input[type="reset"].tab:hover small,
.buttons-group.tabs input[type="reset"].tab:hover .small,
.buttons-group.tabs input[type="reset"].tab:hover small a,
small .buttons-group.tabs input[type="reset"].tab:hover a,
.buttons-group.tabs input[type="reset"].tab:hover label,
.buttons-group.tabs input[type="reset"].tab:hover .label,
.buttons-group.tabs input[type="reset"].tab:hover .form-item.fancy.animate label,
.form-item.fancy.animate .buttons-group.tabs input[type="reset"].tab:hover label,
.buttons-group.tabs input[type="reset"].tab:hover .form-item.fancy.stop label,
.form-item.fancy.stop .buttons-group.tabs input[type="reset"].tab:hover label,
.buttons-group.tabs input[type="reset"].tab:hover table.table thead td,
table.table thead .buttons-group.tabs input[type="reset"].tab:hover td,
.buttons-group.tabs input[type="reset"].tab:hover .divider h2,
.divider .buttons-group.tabs input[type="reset"].tab:hover h2,
.buttons-group.tabs input[type="reset"].tab:hover .element p,
.element .buttons-group.tabs input[type="reset"].tab:hover p,
.buttons-group.tabs input[type="reset"].tab:hover .element-block span,
.element-block .buttons-group.tabs input[type="reset"].tab:hover span,
.buttons-group.tabs input[type="reset"].tab:hover .user .panel > a p,
.user .panel > a .buttons-group.tabs input[type="reset"].tab:hover p,
.buttons-group.tabs input[type="reset"].tab:hover .subject a p,
.subject a .buttons-group.tabs input[type="reset"].tab:hover p,
.buttons-group.tabs input[type="reset"].tab:hover .student_profile .panel section.information p,
.student_profile .panel section.information .buttons-group.tabs input[type="reset"].tab:hover p,
.buttons-group.tabs input[type="reset"].tab:hover .library .element-information .element span,
.library .element-information .element .buttons-group.tabs input[type="reset"].tab:hover span,
.buttons-group.tabs input[type="reset"].tab:hover .wrapper.lp #article article header p.details,
.wrapper.lp #article article header .buttons-group.tabs input[type="reset"].tab:hover p.details,
.buttons-group.tabs input[type="reset"].tab:hover .wrapper.lp #calendar .events > li .content span.date span.m,
.wrapper.lp #calendar .events > li .content span.date .buttons-group.tabs input[type="reset"].tab:hover span.m,
.buttons-group.tabs input[type="reset"].tab:focus small,
.buttons-group.tabs input[type="reset"].tab:focus .small,
.buttons-group.tabs input[type="reset"].tab:focus small a,
small .buttons-group.tabs input[type="reset"].tab:focus a,
.buttons-group.tabs input[type="reset"].tab:focus label,
.buttons-group.tabs input[type="reset"].tab:focus .label,
.buttons-group.tabs input[type="reset"].tab:focus .form-item.fancy.animate label,
.form-item.fancy.animate .buttons-group.tabs input[type="reset"].tab:focus label,
.buttons-group.tabs input[type="reset"].tab:focus .form-item.fancy.stop label,
.form-item.fancy.stop .buttons-group.tabs input[type="reset"].tab:focus label,
.buttons-group.tabs input[type="reset"].tab:focus table.table thead td,
table.table thead .buttons-group.tabs input[type="reset"].tab:focus td,
.buttons-group.tabs input[type="reset"].tab:focus .divider h2,
.divider .buttons-group.tabs input[type="reset"].tab:focus h2,
.buttons-group.tabs input[type="reset"].tab:focus .element p,
.element .buttons-group.tabs input[type="reset"].tab:focus p,
.buttons-group.tabs input[type="reset"].tab:focus .element-block span,
.element-block .buttons-group.tabs input[type="reset"].tab:focus span,
.buttons-group.tabs input[type="reset"].tab:focus .user .panel > a p,
.user .panel > a .buttons-group.tabs input[type="reset"].tab:focus p,
.buttons-group.tabs input[type="reset"].tab:focus .subject a p,
.subject a .buttons-group.tabs input[type="reset"].tab:focus p,
.buttons-group.tabs input[type="reset"].tab:focus .student_profile .panel section.information p,
.student_profile .panel section.information .buttons-group.tabs input[type="reset"].tab:focus p,
.buttons-group.tabs input[type="reset"].tab:focus .library .element-information .element span,
.library .element-information .element .buttons-group.tabs input[type="reset"].tab:focus span,
.buttons-group.tabs input[type="reset"].tab:focus .wrapper.lp #article article header p.details,
.wrapper.lp #article article header .buttons-group.tabs input[type="reset"].tab:focus p.details,
.buttons-group.tabs input[type="reset"].tab:focus .wrapper.lp #calendar .events > li .content span.date span.m,
.wrapper.lp #calendar .events > li .content span.date .buttons-group.tabs input[type="reset"].tab:focus span.m,
.buttons-group.tabs input[type="reset"].tab.active small,
.buttons-group.tabs input[type="reset"].tab.active .small,
.buttons-group.tabs input[type="reset"].tab.active small a,
small .buttons-group.tabs input[type="reset"].tab.active a,
.buttons-group.tabs input[type="reset"].tab.active label,
.buttons-group.tabs input[type="reset"].tab.active .label,
.buttons-group.tabs input[type="reset"].tab.active .form-item.fancy.animate label,
.form-item.fancy.animate .buttons-group.tabs input[type="reset"].tab.active label,
.buttons-group.tabs input[type="reset"].tab.active .form-item.fancy.stop label,
.form-item.fancy.stop .buttons-group.tabs input[type="reset"].tab.active label,
.buttons-group.tabs input[type="reset"].tab.active table.table thead td,
table.table thead .buttons-group.tabs input[type="reset"].tab.active td,
.buttons-group.tabs input[type="reset"].tab.active .divider h2,
.divider .buttons-group.tabs input[type="reset"].tab.active h2,
.buttons-group.tabs input[type="reset"].tab.active .element p,
.element .buttons-group.tabs input[type="reset"].tab.active p,
.buttons-group.tabs input[type="reset"].tab.active .element-block span,
.element-block .buttons-group.tabs input[type="reset"].tab.active span,
.buttons-group.tabs input[type="reset"].tab.active .user .panel > a p,
.user .panel > a .buttons-group.tabs input[type="reset"].tab.active p,
.buttons-group.tabs input[type="reset"].tab.active .subject a p,
.subject a .buttons-group.tabs input[type="reset"].tab.active p,
.buttons-group.tabs input[type="reset"].tab.active .student_profile .panel section.information p,
.student_profile .panel section.information .buttons-group.tabs input[type="reset"].tab.active p,
.buttons-group.tabs input[type="reset"].tab.active .library .element-information .element span,
.library .element-information .element .buttons-group.tabs input[type="reset"].tab.active span,
.buttons-group.tabs input[type="reset"].tab.active .wrapper.lp #article article header p.details,
.wrapper.lp #article article header .buttons-group.tabs input[type="reset"].tab.active p.details,
.buttons-group.tabs input[type="reset"].tab.active .wrapper.lp #calendar .events > li .content span.date span.m,
.wrapper.lp #calendar .events > li .content span.date .buttons-group.tabs input[type="reset"].tab.active span.m, .buttons-group.tabs input[type="button"].tab:hover small, .buttons-group.tabs input[type="button"].tab:hover .small, .buttons-group.tabs input[type="button"].tab:hover small a, small .buttons-group.tabs input[type="button"].tab:hover a, .buttons-group.tabs input[type="button"].tab:hover label, .buttons-group.tabs input[type="button"].tab:hover .label, .buttons-group.tabs input[type="button"].tab:hover .form-item.fancy.animate label, .form-item.fancy.animate .buttons-group.tabs input[type="button"].tab:hover label, .buttons-group.tabs input[type="button"].tab:hover .form-item.fancy.stop label, .form-item.fancy.stop .buttons-group.tabs input[type="button"].tab:hover label, .buttons-group.tabs input[type="button"].tab:hover table.table thead td, table.table thead .buttons-group.tabs input[type="button"].tab:hover td, .buttons-group.tabs input[type="button"].tab:hover .divider h2, .divider .buttons-group.tabs input[type="button"].tab:hover h2, .buttons-group.tabs input[type="button"].tab:hover .element p, .element .buttons-group.tabs input[type="button"].tab:hover p, .buttons-group.tabs input[type="button"].tab:hover .element-block span, .element-block .buttons-group.tabs input[type="button"].tab:hover span, .buttons-group.tabs input[type="button"].tab:hover .user .panel > a p, .user .panel > a .buttons-group.tabs input[type="button"].tab:hover p, .buttons-group.tabs input[type="button"].tab:hover .subject a p, .subject a .buttons-group.tabs input[type="button"].tab:hover p, .buttons-group.tabs input[type="button"].tab:hover .student_profile .panel section.information p, .student_profile .panel section.information .buttons-group.tabs input[type="button"].tab:hover p, .buttons-group.tabs input[type="button"].tab:hover .library .element-information .element span, .library .element-information .element .buttons-group.tabs input[type="button"].tab:hover span, .buttons-group.tabs input[type="button"].tab:hover .wrapper.lp #article article header p.details, .wrapper.lp #article article header .buttons-group.tabs input[type="button"].tab:hover p.details, .buttons-group.tabs input[type="button"].tab:hover .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .buttons-group.tabs input[type="button"].tab:hover span.m, .buttons-group.tabs input[type="button"].tab:focus small, .buttons-group.tabs input[type="button"].tab:focus .small, .buttons-group.tabs input[type="button"].tab:focus small a, small .buttons-group.tabs input[type="button"].tab:focus a, .buttons-group.tabs input[type="button"].tab:focus label, .buttons-group.tabs input[type="button"].tab:focus .label, .buttons-group.tabs input[type="button"].tab:focus .form-item.fancy.animate label, .form-item.fancy.animate .buttons-group.tabs input[type="button"].tab:focus label, .buttons-group.tabs input[type="button"].tab:focus .form-item.fancy.stop label, .form-item.fancy.stop .buttons-group.tabs input[type="button"].tab:focus label, .buttons-group.tabs input[type="button"].tab:focus table.table thead td, table.table thead .buttons-group.tabs input[type="button"].tab:focus td, .buttons-group.tabs input[type="button"].tab:focus .divider h2, .divider .buttons-group.tabs input[type="button"].tab:focus h2, .buttons-group.tabs input[type="button"].tab:focus .element p, .element .buttons-group.tabs input[type="button"].tab:focus p, .buttons-group.tabs input[type="button"].tab:focus .element-block span, .element-block .buttons-group.tabs input[type="button"].tab:focus span, .buttons-group.tabs input[type="button"].tab:focus .user .panel > a p, .user .panel > a .buttons-group.tabs input[type="button"].tab:focus p, .buttons-group.tabs input[type="button"].tab:focus .subject a p, .subject a .buttons-group.tabs input[type="button"].tab:focus p, .buttons-group.tabs input[type="button"].tab:focus .student_profile .panel section.information p, .student_profile .panel section.information .buttons-group.tabs input[type="button"].tab:focus p, .buttons-group.tabs input[type="button"].tab:focus .library .element-information .element span, .library .element-information .element .buttons-group.tabs input[type="button"].tab:focus span, .buttons-group.tabs input[type="button"].tab:focus .wrapper.lp #article article header p.details, .wrapper.lp #article article header .buttons-group.tabs input[type="button"].tab:focus p.details, .buttons-group.tabs input[type="button"].tab:focus .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .buttons-group.tabs input[type="button"].tab:focus span.m, .buttons-group.tabs input[type="button"].tab.active small, .buttons-group.tabs input[type="button"].tab.active .small, .buttons-group.tabs input[type="button"].tab.active small a, small .buttons-group.tabs input[type="button"].tab.active a, .buttons-group.tabs input[type="button"].tab.active label, .buttons-group.tabs input[type="button"].tab.active .label, .buttons-group.tabs input[type="button"].tab.active .form-item.fancy.animate label, .form-item.fancy.animate .buttons-group.tabs input[type="button"].tab.active label, .buttons-group.tabs input[type="button"].tab.active .form-item.fancy.stop label, .form-item.fancy.stop .buttons-group.tabs input[type="button"].tab.active label, .buttons-group.tabs input[type="button"].tab.active table.table thead td, table.table thead .buttons-group.tabs input[type="button"].tab.active td, .buttons-group.tabs input[type="button"].tab.active .divider h2, .divider .buttons-group.tabs input[type="button"].tab.active h2, .buttons-group.tabs input[type="button"].tab.active .element p, .element .buttons-group.tabs input[type="button"].tab.active p, .buttons-group.tabs input[type="button"].tab.active .element-block span, .element-block .buttons-group.tabs input[type="button"].tab.active span, .buttons-group.tabs input[type="button"].tab.active .user .panel > a p, .user .panel > a .buttons-group.tabs input[type="button"].tab.active p, .buttons-group.tabs input[type="button"].tab.active .subject a p, .subject a .buttons-group.tabs input[type="button"].tab.active p, .buttons-group.tabs input[type="button"].tab.active .student_profile .panel section.information p, .student_profile .panel section.information .buttons-group.tabs input[type="button"].tab.active p, .buttons-group.tabs input[type="button"].tab.active .library .element-information .element span, .library .element-information .element .buttons-group.tabs input[type="button"].tab.active span, .buttons-group.tabs input[type="button"].tab.active .wrapper.lp #article article header p.details, .wrapper.lp #article article header .buttons-group.tabs input[type="button"].tab.active p.details, .buttons-group.tabs input[type="button"].tab.active .wrapper.lp #calendar .events > li .content span.date span.m, .wrapper.lp #calendar .events > li .content span.date .buttons-group.tabs input[type="button"].tab.active span.m {
  color: #e29c45;
}
/* line 43, ../../app/scss/modules/_switch-tabs.scss */
.buttons-group.tabs .button.tab.active, .buttons-group.tabs button.tab.active, .buttons-group.tabs input[type="submit"].tab.active,
.buttons-group.tabs input[type="reset"].tab.active, .buttons-group.tabs input[type="button"].tab.active {
  border-color: #e29c45;
}
/* line 52, ../../app/scss/modules/_switch-tabs.scss */
.buttons-group.tabs.half .button.tab, .buttons-group.tabs.half button.tab, .buttons-group.tabs.half input[type="submit"].tab,
.buttons-group.tabs.half input[type="reset"].tab, .buttons-group.tabs.half input[type="button"].tab, .buttons-group.tabs.third .button.tab, .buttons-group.tabs.third button.tab, .buttons-group.tabs.third input[type="submit"].tab,
.buttons-group.tabs.third input[type="reset"].tab, .buttons-group.tabs.third input[type="button"].tab {
  margin-left: 0;
}
/* line 59, ../../app/scss/modules/_switch-tabs.scss */
.buttons-group.tabs.half .button.tab, .buttons-group.tabs.half button.tab, .buttons-group.tabs.half input[type="submit"].tab,
.buttons-group.tabs.half input[type="reset"].tab, .buttons-group.tabs.half input[type="button"].tab {
  width: 50%;
}
/* line 66, ../../app/scss/modules/_switch-tabs.scss */
.buttons-group.tabs.third .button.tab, .buttons-group.tabs.third button.tab, .buttons-group.tabs.third input[type="submit"].tab,
.buttons-group.tabs.third input[type="reset"].tab, .buttons-group.tabs.third input[type="button"].tab {
  width: 33.33333%;
}

/* line 72, ../../app/scss/modules/_switch-tabs.scss */
.tab-content {
  display: none;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 76, ../../app/scss/modules/_switch-tabs.scss */
.tab-content > * {
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.23s ease-in-out 0.23s;
  -o-transition: all 0.23s ease-in-out 0.23s;
  -webkit-transition: all 0.23s ease-in-out;
  -webkit-transition-delay: 0.23s;
  transition: all 0.23s ease-in-out 0.23s;
}
/* line 82, ../../app/scss/modules/_switch-tabs.scss */
.tab-content > *:nth-child(1) {
  -moz-transition: all 0.05s ease-in-out 0.05s;
  -o-transition: all 0.05s ease-in-out 0.05s;
  -webkit-transition: all 0.05s ease-in-out;
  -webkit-transition-delay: 0.05s;
  transition: all 0.05s ease-in-out 0.05s;
}
/* line 83, ../../app/scss/modules/_switch-tabs.scss */
.tab-content > *:nth-child(2) {
  -moz-transition: all 0.09s ease-in-out 0.09s;
  -o-transition: all 0.09s ease-in-out 0.09s;
  -webkit-transition: all 0.09s ease-in-out;
  -webkit-transition-delay: 0.09s;
  transition: all 0.09s ease-in-out 0.09s;
}
/* line 84, ../../app/scss/modules/_switch-tabs.scss */
.tab-content > *:nth-child(3) {
  -moz-transition: all 0.125s ease-in-out 0.125s;
  -o-transition: all 0.125s ease-in-out 0.125s;
  -webkit-transition: all 0.125s ease-in-out;
  -webkit-transition-delay: 0.125s;
  transition: all 0.125s ease-in-out 0.125s;
}
/* line 85, ../../app/scss/modules/_switch-tabs.scss */
.tab-content > *:nth-child(4) {
  -moz-transition: all 0.155s ease-in-out 0.155s;
  -o-transition: all 0.155s ease-in-out 0.155s;
  -webkit-transition: all 0.155s ease-in-out;
  -webkit-transition-delay: 0.155s;
  transition: all 0.155s ease-in-out 0.155s;
}
/* line 86, ../../app/scss/modules/_switch-tabs.scss */
.tab-content > *:nth-child(5) {
  -moz-transition: all 0.18s ease-in-out 0.18s;
  -o-transition: all 0.18s ease-in-out 0.18s;
  -webkit-transition: all 0.18s ease-in-out;
  -webkit-transition-delay: 0.18s;
  transition: all 0.18s ease-in-out 0.18s;
}
/* line 87, ../../app/scss/modules/_switch-tabs.scss */
.tab-content > *:nth-child(6) {
  -moz-transition: all 0.2s ease-in-out 0.2s;
  -o-transition: all 0.2s ease-in-out 0.2s;
  -webkit-transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0.2s;
  transition: all 0.2s ease-in-out 0.2s;
}
/* line 88, ../../app/scss/modules/_switch-tabs.scss */
.tab-content > *:nth-child(7) {
  -moz-transition: all 0.215s ease-in-out 0.215s;
  -o-transition: all 0.215s ease-in-out 0.215s;
  -webkit-transition: all 0.215s ease-in-out;
  -webkit-transition-delay: 0.215s;
  transition: all 0.215s ease-in-out 0.215s;
}
/* line 89, ../../app/scss/modules/_switch-tabs.scss */
.tab-content > *:nth-child(8) {
  -moz-transition: all 0.225s ease-in-out 0.225s;
  -o-transition: all 0.225s ease-in-out 0.225s;
  -webkit-transition: all 0.225s ease-in-out;
  -webkit-transition-delay: 0.225s;
  transition: all 0.225s ease-in-out 0.225s;
}
/* line 92, ../../app/scss/modules/_switch-tabs.scss */
.tab-content.active > * {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}

/* line 37, ../../app/scss/modules/_form.scss */
input.field, textarea.field {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  margin-bottom: 21px;
  padding: 0;
  border: none;
  border-bottom: 1px solid #c4c2bf;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  resize: none;
  vertical-align: middle;
  font-size: 15px;
  line-height: 35px;
  background-color: transparent;
  color: #666059;
}
/* line 61, ../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
input.field:-moz-placeholder, textarea.field:-moz-placeholder {
  color: #7c7976;
  opacity: 1 !important;
}
/* line 64, ../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
input.field::-moz-placeholder, textarea.field::-moz-placeholder {
  color: #7c7976;
  opacity: 1 !important;
}
/* line 67, ../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
input.field:-ms-input-placeholder, textarea.field:-ms-input-placeholder {
  color: #7c7976;
  opacity: 1 !important;
}
/* line 56, ../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
input.field::-webkit-input-placeholder, textarea.field::-webkit-input-placeholder {
  color: #7c7976;
  opacity: 1 !important;
}
/* line 62, ../../app/scss/modules/_form.scss */
input.field:focus, textarea.field:focus {
  border: none;
  border-bottom: 1px solid #c4c2bf;
  background-color: transparent;
  color: #666059;
}

/* line 71, ../../app/scss/modules/_form.scss */
input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0px 1000px #f5f4f3;
}

/* line 76, ../../app/scss/modules/_form.scss */
textarea {
  min-height: auto;
  height: 106px;
}

/* line 82, ../../app/scss/modules/_form.scss */
select {
  width: 100%;
  height: auto;
  margin: 0;
  margin-bottom: 21px;
  padding: 4px 7px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
/* line 90, ../../app/scss/modules/_form.scss */
select:focus {
  border-color: #e29c45;
}

/* line 94, ../../app/scss/modules/_form.scss */
label, .label, p.label, .p.label {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 21px;
}

/* line 104, ../../app/scss/modules/_form.scss */
.form-item {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 21px;
}
/* line 111, ../../app/scss/modules/_form.scss */
.form-item input.field, .form-item textarea.field, .form-item select.field {
  width: 100%;
  margin-bottom: 0;
}
/* line 116, ../../app/scss/modules/_form.scss */
.form-item select.field {
  margin-top: 14px;
}
/* line 119, ../../app/scss/modules/_form.scss */
.form-item.noBorder {
  margin-bottom: 0;
}
/* line 122, ../../app/scss/modules/_form.scss */
.form-item.noBorder input.field, .form-item.noBorder textarea.field {
  border: none;
}
/* line 124, ../../app/scss/modules/_form.scss */
.form-item.noBorder input.field:focus, .form-item.noBorder textarea.field:focus {
  border: none;
}
/* line 129, ../../app/scss/modules/_form.scss */
.form-item.fancy {
  padding-top: 21px;
}
/* line 132, ../../app/scss/modules/_form.scss */
.form-item.fancy label, .form-item.fancy .label {
  font-size: 15px;
  line-height: 35px;
  color: #666059;
  cursor: text;
}
/* line 138, ../../app/scss/modules/_form.scss */
.form-item.fancy label:not(.label-fancy), .form-item.fancy .label:not(.label-fancy) {
  position: absolute;
  top: 21px;
  right: 0;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
/* line 146, ../../app/scss/modules/_form.scss */
.form-item.fancy.animate label, .form-item.fancy.stop label {
  top: 0;
  line-height: 21px;
}
/* line 153, ../../app/scss/modules/_form.scss */
.form-item.fancy.hint--right:after {
  margin-bottom: -24.5px;
}
/* line 154, ../../app/scss/modules/_form.scss */
.form-item.fancy.hint--right:before {
  margin-bottom: -16.5px;
}
/* line 159, ../../app/scss/modules/_form.scss */
.form-item.withIcon i.material-icons, .form-item.withIcon .magazine-viewport i.previous-button-hover:before, .magazine-viewport .form-item.withIcon i.previous-button-hover:before,
.form-item.withIcon .magazine-viewport i.previous-button-down:before,
.magazine-viewport .form-item.withIcon i.previous-button-down:before,
.form-item.withIcon .magazine-viewport i.next-button-hover:before,
.magazine-viewport .form-item.withIcon i.next-button-hover:before,
.form-item.withIcon .magazine-viewport i.next-button-down:before,
.magazine-viewport .form-item.withIcon i.next-button-down:before, .form-item.withIcon .dropdown i.dropdown-menu:before, .dropdown .form-item.withIcon i.dropdown-menu:before, .form-item.withIcon i.thumb:before, .form-item.withIcon .element .panel i.parent:before, .element .panel .form-item.withIcon i.parent:before, .form-item.withIcon .element.achieved i.panel:after, .element.achieved .form-item.withIcon i.panel:after, .form-item.withIcon .element.text i.panel:after, .element.text .form-item.withIcon i.panel:after, .form-item.withIcon .subject .panel i.parent:before, .subject .panel .form-item.withIcon i.parent:before {
  display: block;
  position: absolute;
  top: 0;
  width: 21px;
  line-height: 35px;
  text-align: center;
  color: #7c7976;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 171, ../../app/scss/modules/_form.scss */
.form-item.withIcon.right input.field, .form-item.withIcon.right textarea.field {
  padding-right: 28px;
}
/* line 172, ../../app/scss/modules/_form.scss */
.form-item.withIcon.right i.material-icons, .form-item.withIcon.right .magazine-viewport i.previous-button-hover:before, .magazine-viewport .form-item.withIcon.right i.previous-button-hover:before,
.form-item.withIcon.right .magazine-viewport i.previous-button-down:before,
.magazine-viewport .form-item.withIcon.right i.previous-button-down:before,
.form-item.withIcon.right .magazine-viewport i.next-button-hover:before,
.magazine-viewport .form-item.withIcon.right i.next-button-hover:before,
.form-item.withIcon.right .magazine-viewport i.next-button-down:before,
.magazine-viewport .form-item.withIcon.right i.next-button-down:before, .form-item.withIcon.right .dropdown i.dropdown-menu:before, .dropdown .form-item.withIcon.right i.dropdown-menu:before, .form-item.withIcon.right i.thumb:before, .form-item.withIcon.right .element .panel i.parent:before, .element .panel .form-item.withIcon.right i.parent:before, .form-item.withIcon.right .element.achieved i.panel:after, .element.achieved .form-item.withIcon.right i.panel:after, .form-item.withIcon.right .element.text i.panel:after, .element.text .form-item.withIcon.right i.panel:after, .form-item.withIcon.right .subject .panel i.parent:before, .subject .panel .form-item.withIcon.right i.parent:before {
  right: 0;
}
/* line 176, ../../app/scss/modules/_form.scss */
.form-item.withIcon.left input.field, .form-item.withIcon.left textarea.field {
  padding-left: 28px;
}
/* line 177, ../../app/scss/modules/_form.scss */
.form-item.withIcon.left i.material-icons, .form-item.withIcon.left .magazine-viewport i.previous-button-hover:before, .magazine-viewport .form-item.withIcon.left i.previous-button-hover:before,
.form-item.withIcon.left .magazine-viewport i.previous-button-down:before,
.magazine-viewport .form-item.withIcon.left i.previous-button-down:before,
.form-item.withIcon.left .magazine-viewport i.next-button-hover:before,
.magazine-viewport .form-item.withIcon.left i.next-button-hover:before,
.form-item.withIcon.left .magazine-viewport i.next-button-down:before,
.magazine-viewport .form-item.withIcon.left i.next-button-down:before, .form-item.withIcon.left .dropdown i.dropdown-menu:before, .dropdown .form-item.withIcon.left i.dropdown-menu:before, .form-item.withIcon.left i.thumb:before, .form-item.withIcon.left .element .panel i.parent:before, .element .panel .form-item.withIcon.left i.parent:before, .form-item.withIcon.left .element.achieved i.panel:after, .element.achieved .form-item.withIcon.left i.panel:after, .form-item.withIcon.left .element.text i.panel:after, .element.text .form-item.withIcon.left i.panel:after, .form-item.withIcon.left .subject .panel i.parent:before, .subject .panel .form-item.withIcon.left i.parent:before {
  left: 0;
}
/* line 180, ../../app/scss/modules/_form.scss */
.form-item.withIcon.fancy i.material-icons, .form-item.withIcon.fancy .magazine-viewport i.previous-button-hover:before, .magazine-viewport .form-item.withIcon.fancy i.previous-button-hover:before,
.form-item.withIcon.fancy .magazine-viewport i.previous-button-down:before,
.magazine-viewport .form-item.withIcon.fancy i.previous-button-down:before,
.form-item.withIcon.fancy .magazine-viewport i.next-button-hover:before,
.magazine-viewport .form-item.withIcon.fancy i.next-button-hover:before,
.form-item.withIcon.fancy .magazine-viewport i.next-button-down:before,
.magazine-viewport .form-item.withIcon.fancy i.next-button-down:before, .form-item.withIcon.fancy .dropdown i.dropdown-menu:before, .dropdown .form-item.withIcon.fancy i.dropdown-menu:before, .form-item.withIcon.fancy i.thumb:before, .form-item.withIcon.fancy .element .panel i.parent:before, .element .panel .form-item.withIcon.fancy i.parent:before, .form-item.withIcon.fancy .element.achieved i.panel:after, .element.achieved .form-item.withIcon.fancy i.panel:after, .form-item.withIcon.fancy .element.text i.panel:after, .element.text .form-item.withIcon.fancy i.panel:after, .form-item.withIcon.fancy .subject .panel i.parent:before, .subject .panel .form-item.withIcon.fancy i.parent:before {
  top: 21px;
}

/* line 187, ../../app/scss/modules/_form.scss */
.input-hidden, .checkbox label input[type="checkbox"],
.checkbox label input[type="radio"],
.radio label input[type="checkbox"],
.radio label input[type="radio"] {
  overflow: hidden;
  position: absolute;
  margin: -1px;
  padding: 0;
  border: 0;
  width: 1px;
  height: 1px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  clip: rect(0 0 0 0);
}

/* line 203, ../../app/scss/modules/_form.scss */
.checkbox,
.radio {
  display: block;
  position: relative;
  line-height: 35px;
}
/* line 209, ../../app/scss/modules/_form.scss */
.checkbox label,
.radio label {
  box-sizing: border-box;
  padding-right: 28px;
  font-size: 15px;
  line-height: 28px;
  cursor: pointer;
}
/* line 222, ../../app/scss/modules/_form.scss */
.checkbox label input ~ span.icon,
.radio label input ~ span.icon {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 21px;
  height: 28px;
}
/* line 230, ../../app/scss/modules/_form.scss */
.checkbox label input ~ span.icon:before,
.radio label input ~ span.icon:before {
  display: block;
  width: 21px;
  line-height: 28px;
}
/* line 238, ../../app/scss/modules/_form.scss */
.checkbox label input ~ span,
.radio label input ~ span {
  color: #7c7976;
}
/* line 239, ../../app/scss/modules/_form.scss */
.checkbox label input ~ span:hover,
.radio label input ~ span:hover {
  color: #666059;
}
/* line 240, ../../app/scss/modules/_form.scss */
.checkbox label input:checked ~ span,
.radio label input:checked ~ span {
  color: #666059;
}
/* line 242, ../../app/scss/modules/_form.scss */
.checkbox label input ~ span.icon:before,
.radio label input ~ span.icon:before {
  color: #a9a6a3;
}
/* line 243, ../../app/scss/modules/_form.scss */
.checkbox label input:checked ~ span.icon:before,
.radio label input:checked ~ span.icon:before {
  color: #e29c45;
}
/* line 246, ../../app/scss/modules/_form.scss */
.checkbox label input[type=radio] ~ span.icon:before,
.radio label input[type=radio] ~ span.icon:before {
  content: 'radio_button_unchecked';
}
/* line 247, ../../app/scss/modules/_form.scss */
.checkbox label input[type=radio]:checked ~ span.icon:before,
.radio label input[type=radio]:checked ~ span.icon:before {
  content: 'radio_button_checked';
}
/* line 251, ../../app/scss/modules/_form.scss */
.checkbox label input[type=checkbox] ~ span.icon:before,
.radio label input[type=checkbox] ~ span.icon:before {
  content: 'check_box_outline_blank';
}
/* line 252, ../../app/scss/modules/_form.scss */
.checkbox label input[type=checkbox]:checked ~ span.icon:before,
.radio label input[type=checkbox]:checked ~ span.icon:before {
  content: 'check_box';
}

/* line 259, ../../app/scss/modules/_form.scss */
.half, .thirds {
  width: 100%;
}

@media (min-width: 550px) {
  /* line 266, ../../app/scss/modules/_form.scss */
  .half .form-item, .half .checkbox, .half .radio, .thirds .form-item, .thirds .checkbox, .thirds .radio {
    float: right;
  }

  /* line 270, ../../app/scss/modules/_form.scss */
  .half .form-item, .half .checkbox, .half .radio {
    width: 48%;
  }
  /* line 273, ../../app/scss/modules/_form.scss */
  .half .form-item:nth-child(odd), .half .checkbox:nth-child(odd), .half .radio:nth-child(odd) {
    margin-left: 2%;
  }
  /* line 274, ../../app/scss/modules/_form.scss */
  .half .form-item:nth-child(even), .half .checkbox:nth-child(even), .half .radio:nth-child(even) {
    margin-right: 2%;
  }

  /* line 279, ../../app/scss/modules/_form.scss */
  .thirds .form-item, .thirds .checkbox, .thirds .radio {
    width: 30.6666666667%;
    margin-right: 4%;
  }
  /* line 283, ../../app/scss/modules/_form.scss */
  .thirds .form-item:first-child, .thirds .checkbox:first-child, .thirds .radio:first-child {
    margin-right: 0;
  }
}
/* line 289, ../../app/scss/modules/_form.scss */
.offPage {
  display: none !important;
}

/* line 292, ../../app/scss/modules/_form.scss */
form {
  margin: 0;
}

/* line 10, ../../app/scss/modules/_table.scss */
.responsive-table {
  overflow-x: auto;
}
/* line 13, ../../app/scss/modules/_table.scss */
.responsive-table table {
  min-width: 550px;
}

/* line 16, ../../app/scss/modules/_table.scss */
table {
  width: 100%;
  margin: 0;
}
/* line 20, ../../app/scss/modules/_table.scss */
table th, table td {
  padding: 0;
}
/* line 24, ../../app/scss/modules/_table.scss */
table td {
  border-bottom: 0;
  line-height: 28px;
}
/* line 33, ../../app/scss/modules/_table.scss */
table.table thead td:first-child,
table.table tbody td:first-child {
  padding-right: 7px;
}
/* line 34, ../../app/scss/modules/_table.scss */
table.table thead td:last-child,
table.table tbody td:last-child {
  padding-left: 7px;
}
/* line 37, ../../app/scss/modules/_table.scss */
table.table thead td {
  border-bottom: 2px solid #dddbd9;
  line-height: 42px;
}
/* line 44, ../../app/scss/modules/_table.scss */
table.table tbody tr:nth-child(odd) {
  background-color: #efedec;
}
/* line 48, ../../app/scss/modules/_table.scss */
table.table tbody tr td {
  border-bottom: 1px solid #dddbd9;
  line-height: 35px;
}
/* line 52, ../../app/scss/modules/_table.scss */
table.table tbody tr td, table.table tbody tr td a {
  color: #7c7976;
}
/* line 56, ../../app/scss/modules/_table.scss */
table.table tbody tr:hover, table.table tbody tr:focus {
  background-color: #eae7e6;
}
/* line 60, ../../app/scss/modules/_table.scss */
table.table tbody tr:hover td, table.table tbody tr:hover td a, table.table tbody tr:focus td, table.table tbody tr:focus td a {
  color: #666059;
}

/* line 14, ../../app/scss/modules/_list.scss */
ul.blocks,
ol.blocks,
ul.blocks-inline,
ol.blocks-inline {
  display: block;
}
/* line 20, ../../app/scss/modules/_list.scss */
ul.blocks > li,
ol.blocks > li,
ul.blocks-inline > li,
ol.blocks-inline > li {
  box-sizing: border-box;
  display: block;
  width: 100%;
  line-height: 28px;
}
/* line 26, ../../app/scss/modules/_list.scss */
ul.blocks > li a,
ol.blocks > li a,
ul.blocks-inline > li a,
ol.blocks-inline > li a {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  line-height: 28px;
  color: #7c7976;
}
/* line 34, ../../app/scss/modules/_list.scss */
ul.blocks > li a:hover, ul.blocks > li a:focus, ul.blocks > li a.is-checked, ul.blocks > li a.is-checked:hover, ul.blocks > li a.is-checked:focus,
ol.blocks > li a:hover,
ol.blocks > li a:focus,
ol.blocks > li a.is-checked,
ol.blocks > li a.is-checked:hover,
ol.blocks > li a.is-checked:focus,
ul.blocks-inline > li a:hover,
ul.blocks-inline > li a:focus,
ul.blocks-inline > li a.is-checked,
ul.blocks-inline > li a.is-checked:hover,
ul.blocks-inline > li a.is-checked:focus,
ol.blocks-inline > li a:hover,
ol.blocks-inline > li a:focus,
ol.blocks-inline > li a.is-checked,
ol.blocks-inline > li a.is-checked:hover,
ol.blocks-inline > li a.is-checked:focus {
  color: #e29c45;
}

/* line 49, ../../app/scss/modules/_list.scss */
ul.blocks-inline > li,
ol.blocks-inline > li {
  width: auto;
}

/* line 60, ../../app/scss/modules/_list.scss */
ul.blocks.withIcon > li a,
ol.blocks.withIcon > li a,
ul.blocks-inline.withIcon > li a,
ol.blocks-inline.withIcon > li a {
  padding-right: 28px;
}
/* line 63, ../../app/scss/modules/_list.scss */
ul.blocks.withIcon > li a i.material-icons, ul.blocks.withIcon > li a .magazine-viewport i.previous-button-hover:before, .magazine-viewport ul.blocks.withIcon > li a i.previous-button-hover:before,
ul.blocks.withIcon > li a .magazine-viewport i.previous-button-down:before,
.magazine-viewport ul.blocks.withIcon > li a i.previous-button-down:before,
ul.blocks.withIcon > li a .magazine-viewport i.next-button-hover:before,
.magazine-viewport ul.blocks.withIcon > li a i.next-button-hover:before,
ul.blocks.withIcon > li a .magazine-viewport i.next-button-down:before,
.magazine-viewport ul.blocks.withIcon > li a i.next-button-down:before, ul.blocks.withIcon > li a .dropdown i.dropdown-menu:before, .dropdown ul.blocks.withIcon > li a i.dropdown-menu:before, ul.blocks.withIcon > li a i.thumb:before, ul.blocks.withIcon > li a .element .panel i.parent:before, .element .panel ul.blocks.withIcon > li a i.parent:before, ul.blocks.withIcon > li a .element.achieved i.panel:after, .element.achieved ul.blocks.withIcon > li a i.panel:after, ul.blocks.withIcon > li a .element.text i.panel:after, .element.text ul.blocks.withIcon > li a i.panel:after, ul.blocks.withIcon > li a .subject .panel i.parent:before, .subject .panel ul.blocks.withIcon > li a i.parent:before,
ol.blocks.withIcon > li a i.material-icons,
ol.blocks.withIcon > li a .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ol.blocks.withIcon > li a i.previous-button-hover:before,
ol.blocks.withIcon > li a .magazine-viewport i.previous-button-down:before,
.magazine-viewport ol.blocks.withIcon > li a i.previous-button-down:before,
ol.blocks.withIcon > li a .magazine-viewport i.next-button-hover:before,
.magazine-viewport ol.blocks.withIcon > li a i.next-button-hover:before,
ol.blocks.withIcon > li a .magazine-viewport i.next-button-down:before,
.magazine-viewport ol.blocks.withIcon > li a i.next-button-down:before,
ol.blocks.withIcon > li a .dropdown i.dropdown-menu:before,
.dropdown ol.blocks.withIcon > li a i.dropdown-menu:before,
ol.blocks.withIcon > li a i.thumb:before,
ol.blocks.withIcon > li a .element .panel i.parent:before,
.element .panel ol.blocks.withIcon > li a i.parent:before,
ol.blocks.withIcon > li a .element.achieved i.panel:after,
.element.achieved ol.blocks.withIcon > li a i.panel:after,
ol.blocks.withIcon > li a .element.text i.panel:after,
.element.text ol.blocks.withIcon > li a i.panel:after,
ol.blocks.withIcon > li a .subject .panel i.parent:before,
.subject .panel ol.blocks.withIcon > li a i.parent:before,
ul.blocks-inline.withIcon > li a i.material-icons,
ul.blocks-inline.withIcon > li a .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ul.blocks-inline.withIcon > li a i.previous-button-hover:before,
ul.blocks-inline.withIcon > li a .magazine-viewport i.previous-button-down:before,
.magazine-viewport ul.blocks-inline.withIcon > li a i.previous-button-down:before,
ul.blocks-inline.withIcon > li a .magazine-viewport i.next-button-hover:before,
.magazine-viewport ul.blocks-inline.withIcon > li a i.next-button-hover:before,
ul.blocks-inline.withIcon > li a .magazine-viewport i.next-button-down:before,
.magazine-viewport ul.blocks-inline.withIcon > li a i.next-button-down:before,
ul.blocks-inline.withIcon > li a .dropdown i.dropdown-menu:before,
.dropdown ul.blocks-inline.withIcon > li a i.dropdown-menu:before,
ul.blocks-inline.withIcon > li a i.thumb:before,
ul.blocks-inline.withIcon > li a .element .panel i.parent:before,
.element .panel ul.blocks-inline.withIcon > li a i.parent:before,
ul.blocks-inline.withIcon > li a .element.achieved i.panel:after,
.element.achieved ul.blocks-inline.withIcon > li a i.panel:after,
ul.blocks-inline.withIcon > li a .element.text i.panel:after,
.element.text ul.blocks-inline.withIcon > li a i.panel:after,
ul.blocks-inline.withIcon > li a .subject .panel i.parent:before,
.subject .panel ul.blocks-inline.withIcon > li a i.parent:before,
ol.blocks-inline.withIcon > li a i.material-icons,
ol.blocks-inline.withIcon > li a .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ol.blocks-inline.withIcon > li a i.previous-button-hover:before,
ol.blocks-inline.withIcon > li a .magazine-viewport i.previous-button-down:before,
.magazine-viewport ol.blocks-inline.withIcon > li a i.previous-button-down:before,
ol.blocks-inline.withIcon > li a .magazine-viewport i.next-button-hover:before,
.magazine-viewport ol.blocks-inline.withIcon > li a i.next-button-hover:before,
ol.blocks-inline.withIcon > li a .magazine-viewport i.next-button-down:before,
.magazine-viewport ol.blocks-inline.withIcon > li a i.next-button-down:before,
ol.blocks-inline.withIcon > li a .dropdown i.dropdown-menu:before,
.dropdown ol.blocks-inline.withIcon > li a i.dropdown-menu:before,
ol.blocks-inline.withIcon > li a i.thumb:before,
ol.blocks-inline.withIcon > li a .element .panel i.parent:before,
.element .panel ol.blocks-inline.withIcon > li a i.parent:before,
ol.blocks-inline.withIcon > li a .element.achieved i.panel:after,
.element.achieved ol.blocks-inline.withIcon > li a i.panel:after,
ol.blocks-inline.withIcon > li a .element.text i.panel:after,
.element.text ol.blocks-inline.withIcon > li a i.panel:after,
ol.blocks-inline.withIcon > li a .subject .panel i.parent:before,
.subject .panel ol.blocks-inline.withIcon > li a i.parent:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 21px;
  line-height: 28px;
  text-align: center;
  color: #7c7976;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 80, ../../app/scss/modules/_list.scss */
ul.blocks.withIcon > li a:hover i.material-icons, ul.blocks.withIcon > li a:hover .magazine-viewport i.previous-button-hover:before, .magazine-viewport ul.blocks.withIcon > li a:hover i.previous-button-hover:before,
ul.blocks.withIcon > li a:hover .magazine-viewport i.previous-button-down:before,
.magazine-viewport ul.blocks.withIcon > li a:hover i.previous-button-down:before,
ul.blocks.withIcon > li a:hover .magazine-viewport i.next-button-hover:before,
.magazine-viewport ul.blocks.withIcon > li a:hover i.next-button-hover:before,
ul.blocks.withIcon > li a:hover .magazine-viewport i.next-button-down:before,
.magazine-viewport ul.blocks.withIcon > li a:hover i.next-button-down:before, ul.blocks.withIcon > li a:hover .dropdown i.dropdown-menu:before, .dropdown ul.blocks.withIcon > li a:hover i.dropdown-menu:before, ul.blocks.withIcon > li a:hover i.thumb:before, ul.blocks.withIcon > li a:hover .element .panel i.parent:before, .element .panel ul.blocks.withIcon > li a:hover i.parent:before, ul.blocks.withIcon > li a:hover .element.achieved i.panel:after, .element.achieved ul.blocks.withIcon > li a:hover i.panel:after, ul.blocks.withIcon > li a:hover .element.text i.panel:after, .element.text ul.blocks.withIcon > li a:hover i.panel:after, ul.blocks.withIcon > li a:hover .subject .panel i.parent:before, .subject .panel ul.blocks.withIcon > li a:hover i.parent:before, ul.blocks.withIcon > li a:focus i.material-icons, ul.blocks.withIcon > li a:focus .magazine-viewport i.previous-button-hover:before, .magazine-viewport ul.blocks.withIcon > li a:focus i.previous-button-hover:before,
ul.blocks.withIcon > li a:focus .magazine-viewport i.previous-button-down:before,
.magazine-viewport ul.blocks.withIcon > li a:focus i.previous-button-down:before,
ul.blocks.withIcon > li a:focus .magazine-viewport i.next-button-hover:before,
.magazine-viewport ul.blocks.withIcon > li a:focus i.next-button-hover:before,
ul.blocks.withIcon > li a:focus .magazine-viewport i.next-button-down:before,
.magazine-viewport ul.blocks.withIcon > li a:focus i.next-button-down:before, ul.blocks.withIcon > li a:focus .dropdown i.dropdown-menu:before, .dropdown ul.blocks.withIcon > li a:focus i.dropdown-menu:before, ul.blocks.withIcon > li a:focus i.thumb:before, ul.blocks.withIcon > li a:focus .element .panel i.parent:before, .element .panel ul.blocks.withIcon > li a:focus i.parent:before, ul.blocks.withIcon > li a:focus .element.achieved i.panel:after, .element.achieved ul.blocks.withIcon > li a:focus i.panel:after, ul.blocks.withIcon > li a:focus .element.text i.panel:after, .element.text ul.blocks.withIcon > li a:focus i.panel:after, ul.blocks.withIcon > li a:focus .subject .panel i.parent:before, .subject .panel ul.blocks.withIcon > li a:focus i.parent:before, ul.blocks.withIcon > li a.is-checked i.material-icons, ul.blocks.withIcon > li a.is-checked .magazine-viewport i.previous-button-hover:before, .magazine-viewport ul.blocks.withIcon > li a.is-checked i.previous-button-hover:before,
ul.blocks.withIcon > li a.is-checked .magazine-viewport i.previous-button-down:before,
.magazine-viewport ul.blocks.withIcon > li a.is-checked i.previous-button-down:before,
ul.blocks.withIcon > li a.is-checked .magazine-viewport i.next-button-hover:before,
.magazine-viewport ul.blocks.withIcon > li a.is-checked i.next-button-hover:before,
ul.blocks.withIcon > li a.is-checked .magazine-viewport i.next-button-down:before,
.magazine-viewport ul.blocks.withIcon > li a.is-checked i.next-button-down:before, ul.blocks.withIcon > li a.is-checked .dropdown i.dropdown-menu:before, .dropdown ul.blocks.withIcon > li a.is-checked i.dropdown-menu:before, ul.blocks.withIcon > li a.is-checked i.thumb:before, ul.blocks.withIcon > li a.is-checked .element .panel i.parent:before, .element .panel ul.blocks.withIcon > li a.is-checked i.parent:before, ul.blocks.withIcon > li a.is-checked .element.achieved i.panel:after, .element.achieved ul.blocks.withIcon > li a.is-checked i.panel:after, ul.blocks.withIcon > li a.is-checked .element.text i.panel:after, .element.text ul.blocks.withIcon > li a.is-checked i.panel:after, ul.blocks.withIcon > li a.is-checked .subject .panel i.parent:before, .subject .panel ul.blocks.withIcon > li a.is-checked i.parent:before, ul.blocks.withIcon > li a.is-checked:hover i.material-icons, ul.blocks.withIcon > li a.is-checked:hover .magazine-viewport i.previous-button-hover:before, .magazine-viewport ul.blocks.withIcon > li a.is-checked:hover i.previous-button-hover:before,
ul.blocks.withIcon > li a.is-checked:hover .magazine-viewport i.previous-button-down:before,
.magazine-viewport ul.blocks.withIcon > li a.is-checked:hover i.previous-button-down:before,
ul.blocks.withIcon > li a.is-checked:hover .magazine-viewport i.next-button-hover:before,
.magazine-viewport ul.blocks.withIcon > li a.is-checked:hover i.next-button-hover:before,
ul.blocks.withIcon > li a.is-checked:hover .magazine-viewport i.next-button-down:before,
.magazine-viewport ul.blocks.withIcon > li a.is-checked:hover i.next-button-down:before, ul.blocks.withIcon > li a.is-checked:hover .dropdown i.dropdown-menu:before, .dropdown ul.blocks.withIcon > li a.is-checked:hover i.dropdown-menu:before, ul.blocks.withIcon > li a.is-checked:hover i.thumb:before, ul.blocks.withIcon > li a.is-checked:hover .element .panel i.parent:before, .element .panel ul.blocks.withIcon > li a.is-checked:hover i.parent:before, ul.blocks.withIcon > li a.is-checked:hover .element.achieved i.panel:after, .element.achieved ul.blocks.withIcon > li a.is-checked:hover i.panel:after, ul.blocks.withIcon > li a.is-checked:hover .element.text i.panel:after, .element.text ul.blocks.withIcon > li a.is-checked:hover i.panel:after, ul.blocks.withIcon > li a.is-checked:hover .subject .panel i.parent:before, .subject .panel ul.blocks.withIcon > li a.is-checked:hover i.parent:before, ul.blocks.withIcon > li a.is-checked:focus i.material-icons, ul.blocks.withIcon > li a.is-checked:focus .magazine-viewport i.previous-button-hover:before, .magazine-viewport ul.blocks.withIcon > li a.is-checked:focus i.previous-button-hover:before,
ul.blocks.withIcon > li a.is-checked:focus .magazine-viewport i.previous-button-down:before,
.magazine-viewport ul.blocks.withIcon > li a.is-checked:focus i.previous-button-down:before,
ul.blocks.withIcon > li a.is-checked:focus .magazine-viewport i.next-button-hover:before,
.magazine-viewport ul.blocks.withIcon > li a.is-checked:focus i.next-button-hover:before,
ul.blocks.withIcon > li a.is-checked:focus .magazine-viewport i.next-button-down:before,
.magazine-viewport ul.blocks.withIcon > li a.is-checked:focus i.next-button-down:before, ul.blocks.withIcon > li a.is-checked:focus .dropdown i.dropdown-menu:before, .dropdown ul.blocks.withIcon > li a.is-checked:focus i.dropdown-menu:before, ul.blocks.withIcon > li a.is-checked:focus i.thumb:before, ul.blocks.withIcon > li a.is-checked:focus .element .panel i.parent:before, .element .panel ul.blocks.withIcon > li a.is-checked:focus i.parent:before, ul.blocks.withIcon > li a.is-checked:focus .element.achieved i.panel:after, .element.achieved ul.blocks.withIcon > li a.is-checked:focus i.panel:after, ul.blocks.withIcon > li a.is-checked:focus .element.text i.panel:after, .element.text ul.blocks.withIcon > li a.is-checked:focus i.panel:after, ul.blocks.withIcon > li a.is-checked:focus .subject .panel i.parent:before, .subject .panel ul.blocks.withIcon > li a.is-checked:focus i.parent:before,
ol.blocks.withIcon > li a:hover i.material-icons,
ol.blocks.withIcon > li a:hover .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ol.blocks.withIcon > li a:hover i.previous-button-hover:before,
ol.blocks.withIcon > li a:hover .magazine-viewport i.previous-button-down:before,
.magazine-viewport ol.blocks.withIcon > li a:hover i.previous-button-down:before,
ol.blocks.withIcon > li a:hover .magazine-viewport i.next-button-hover:before,
.magazine-viewport ol.blocks.withIcon > li a:hover i.next-button-hover:before,
ol.blocks.withIcon > li a:hover .magazine-viewport i.next-button-down:before,
.magazine-viewport ol.blocks.withIcon > li a:hover i.next-button-down:before,
ol.blocks.withIcon > li a:hover .dropdown i.dropdown-menu:before,
.dropdown ol.blocks.withIcon > li a:hover i.dropdown-menu:before,
ol.blocks.withIcon > li a:hover i.thumb:before,
ol.blocks.withIcon > li a:hover .element .panel i.parent:before,
.element .panel ol.blocks.withIcon > li a:hover i.parent:before,
ol.blocks.withIcon > li a:hover .element.achieved i.panel:after,
.element.achieved ol.blocks.withIcon > li a:hover i.panel:after,
ol.blocks.withIcon > li a:hover .element.text i.panel:after,
.element.text ol.blocks.withIcon > li a:hover i.panel:after,
ol.blocks.withIcon > li a:hover .subject .panel i.parent:before,
.subject .panel ol.blocks.withIcon > li a:hover i.parent:before,
ol.blocks.withIcon > li a:focus i.material-icons,
ol.blocks.withIcon > li a:focus .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ol.blocks.withIcon > li a:focus i.previous-button-hover:before,
ol.blocks.withIcon > li a:focus .magazine-viewport i.previous-button-down:before,
.magazine-viewport ol.blocks.withIcon > li a:focus i.previous-button-down:before,
ol.blocks.withIcon > li a:focus .magazine-viewport i.next-button-hover:before,
.magazine-viewport ol.blocks.withIcon > li a:focus i.next-button-hover:before,
ol.blocks.withIcon > li a:focus .magazine-viewport i.next-button-down:before,
.magazine-viewport ol.blocks.withIcon > li a:focus i.next-button-down:before,
ol.blocks.withIcon > li a:focus .dropdown i.dropdown-menu:before,
.dropdown ol.blocks.withIcon > li a:focus i.dropdown-menu:before,
ol.blocks.withIcon > li a:focus i.thumb:before,
ol.blocks.withIcon > li a:focus .element .panel i.parent:before,
.element .panel ol.blocks.withIcon > li a:focus i.parent:before,
ol.blocks.withIcon > li a:focus .element.achieved i.panel:after,
.element.achieved ol.blocks.withIcon > li a:focus i.panel:after,
ol.blocks.withIcon > li a:focus .element.text i.panel:after,
.element.text ol.blocks.withIcon > li a:focus i.panel:after,
ol.blocks.withIcon > li a:focus .subject .panel i.parent:before,
.subject .panel ol.blocks.withIcon > li a:focus i.parent:before,
ol.blocks.withIcon > li a.is-checked i.material-icons,
ol.blocks.withIcon > li a.is-checked .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ol.blocks.withIcon > li a.is-checked i.previous-button-hover:before,
ol.blocks.withIcon > li a.is-checked .magazine-viewport i.previous-button-down:before,
.magazine-viewport ol.blocks.withIcon > li a.is-checked i.previous-button-down:before,
ol.blocks.withIcon > li a.is-checked .magazine-viewport i.next-button-hover:before,
.magazine-viewport ol.blocks.withIcon > li a.is-checked i.next-button-hover:before,
ol.blocks.withIcon > li a.is-checked .magazine-viewport i.next-button-down:before,
.magazine-viewport ol.blocks.withIcon > li a.is-checked i.next-button-down:before,
ol.blocks.withIcon > li a.is-checked .dropdown i.dropdown-menu:before,
.dropdown ol.blocks.withIcon > li a.is-checked i.dropdown-menu:before,
ol.blocks.withIcon > li a.is-checked i.thumb:before,
ol.blocks.withIcon > li a.is-checked .element .panel i.parent:before,
.element .panel ol.blocks.withIcon > li a.is-checked i.parent:before,
ol.blocks.withIcon > li a.is-checked .element.achieved i.panel:after,
.element.achieved ol.blocks.withIcon > li a.is-checked i.panel:after,
ol.blocks.withIcon > li a.is-checked .element.text i.panel:after,
.element.text ol.blocks.withIcon > li a.is-checked i.panel:after,
ol.blocks.withIcon > li a.is-checked .subject .panel i.parent:before,
.subject .panel ol.blocks.withIcon > li a.is-checked i.parent:before,
ol.blocks.withIcon > li a.is-checked:hover i.material-icons,
ol.blocks.withIcon > li a.is-checked:hover .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ol.blocks.withIcon > li a.is-checked:hover i.previous-button-hover:before,
ol.blocks.withIcon > li a.is-checked:hover .magazine-viewport i.previous-button-down:before,
.magazine-viewport ol.blocks.withIcon > li a.is-checked:hover i.previous-button-down:before,
ol.blocks.withIcon > li a.is-checked:hover .magazine-viewport i.next-button-hover:before,
.magazine-viewport ol.blocks.withIcon > li a.is-checked:hover i.next-button-hover:before,
ol.blocks.withIcon > li a.is-checked:hover .magazine-viewport i.next-button-down:before,
.magazine-viewport ol.blocks.withIcon > li a.is-checked:hover i.next-button-down:before,
ol.blocks.withIcon > li a.is-checked:hover .dropdown i.dropdown-menu:before,
.dropdown ol.blocks.withIcon > li a.is-checked:hover i.dropdown-menu:before,
ol.blocks.withIcon > li a.is-checked:hover i.thumb:before,
ol.blocks.withIcon > li a.is-checked:hover .element .panel i.parent:before,
.element .panel ol.blocks.withIcon > li a.is-checked:hover i.parent:before,
ol.blocks.withIcon > li a.is-checked:hover .element.achieved i.panel:after,
.element.achieved ol.blocks.withIcon > li a.is-checked:hover i.panel:after,
ol.blocks.withIcon > li a.is-checked:hover .element.text i.panel:after,
.element.text ol.blocks.withIcon > li a.is-checked:hover i.panel:after,
ol.blocks.withIcon > li a.is-checked:hover .subject .panel i.parent:before,
.subject .panel ol.blocks.withIcon > li a.is-checked:hover i.parent:before,
ol.blocks.withIcon > li a.is-checked:focus i.material-icons,
ol.blocks.withIcon > li a.is-checked:focus .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ol.blocks.withIcon > li a.is-checked:focus i.previous-button-hover:before,
ol.blocks.withIcon > li a.is-checked:focus .magazine-viewport i.previous-button-down:before,
.magazine-viewport ol.blocks.withIcon > li a.is-checked:focus i.previous-button-down:before,
ol.blocks.withIcon > li a.is-checked:focus .magazine-viewport i.next-button-hover:before,
.magazine-viewport ol.blocks.withIcon > li a.is-checked:focus i.next-button-hover:before,
ol.blocks.withIcon > li a.is-checked:focus .magazine-viewport i.next-button-down:before,
.magazine-viewport ol.blocks.withIcon > li a.is-checked:focus i.next-button-down:before,
ol.blocks.withIcon > li a.is-checked:focus .dropdown i.dropdown-menu:before,
.dropdown ol.blocks.withIcon > li a.is-checked:focus i.dropdown-menu:before,
ol.blocks.withIcon > li a.is-checked:focus i.thumb:before,
ol.blocks.withIcon > li a.is-checked:focus .element .panel i.parent:before,
.element .panel ol.blocks.withIcon > li a.is-checked:focus i.parent:before,
ol.blocks.withIcon > li a.is-checked:focus .element.achieved i.panel:after,
.element.achieved ol.blocks.withIcon > li a.is-checked:focus i.panel:after,
ol.blocks.withIcon > li a.is-checked:focus .element.text i.panel:after,
.element.text ol.blocks.withIcon > li a.is-checked:focus i.panel:after,
ol.blocks.withIcon > li a.is-checked:focus .subject .panel i.parent:before,
.subject .panel ol.blocks.withIcon > li a.is-checked:focus i.parent:before,
ul.blocks-inline.withIcon > li a:hover i.material-icons,
ul.blocks-inline.withIcon > li a:hover .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ul.blocks-inline.withIcon > li a:hover i.previous-button-hover:before,
ul.blocks-inline.withIcon > li a:hover .magazine-viewport i.previous-button-down:before,
.magazine-viewport ul.blocks-inline.withIcon > li a:hover i.previous-button-down:before,
ul.blocks-inline.withIcon > li a:hover .magazine-viewport i.next-button-hover:before,
.magazine-viewport ul.blocks-inline.withIcon > li a:hover i.next-button-hover:before,
ul.blocks-inline.withIcon > li a:hover .magazine-viewport i.next-button-down:before,
.magazine-viewport ul.blocks-inline.withIcon > li a:hover i.next-button-down:before,
ul.blocks-inline.withIcon > li a:hover .dropdown i.dropdown-menu:before,
.dropdown ul.blocks-inline.withIcon > li a:hover i.dropdown-menu:before,
ul.blocks-inline.withIcon > li a:hover i.thumb:before,
ul.blocks-inline.withIcon > li a:hover .element .panel i.parent:before,
.element .panel ul.blocks-inline.withIcon > li a:hover i.parent:before,
ul.blocks-inline.withIcon > li a:hover .element.achieved i.panel:after,
.element.achieved ul.blocks-inline.withIcon > li a:hover i.panel:after,
ul.blocks-inline.withIcon > li a:hover .element.text i.panel:after,
.element.text ul.blocks-inline.withIcon > li a:hover i.panel:after,
ul.blocks-inline.withIcon > li a:hover .subject .panel i.parent:before,
.subject .panel ul.blocks-inline.withIcon > li a:hover i.parent:before,
ul.blocks-inline.withIcon > li a:focus i.material-icons,
ul.blocks-inline.withIcon > li a:focus .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ul.blocks-inline.withIcon > li a:focus i.previous-button-hover:before,
ul.blocks-inline.withIcon > li a:focus .magazine-viewport i.previous-button-down:before,
.magazine-viewport ul.blocks-inline.withIcon > li a:focus i.previous-button-down:before,
ul.blocks-inline.withIcon > li a:focus .magazine-viewport i.next-button-hover:before,
.magazine-viewport ul.blocks-inline.withIcon > li a:focus i.next-button-hover:before,
ul.blocks-inline.withIcon > li a:focus .magazine-viewport i.next-button-down:before,
.magazine-viewport ul.blocks-inline.withIcon > li a:focus i.next-button-down:before,
ul.blocks-inline.withIcon > li a:focus .dropdown i.dropdown-menu:before,
.dropdown ul.blocks-inline.withIcon > li a:focus i.dropdown-menu:before,
ul.blocks-inline.withIcon > li a:focus i.thumb:before,
ul.blocks-inline.withIcon > li a:focus .element .panel i.parent:before,
.element .panel ul.blocks-inline.withIcon > li a:focus i.parent:before,
ul.blocks-inline.withIcon > li a:focus .element.achieved i.panel:after,
.element.achieved ul.blocks-inline.withIcon > li a:focus i.panel:after,
ul.blocks-inline.withIcon > li a:focus .element.text i.panel:after,
.element.text ul.blocks-inline.withIcon > li a:focus i.panel:after,
ul.blocks-inline.withIcon > li a:focus .subject .panel i.parent:before,
.subject .panel ul.blocks-inline.withIcon > li a:focus i.parent:before,
ul.blocks-inline.withIcon > li a.is-checked i.material-icons,
ul.blocks-inline.withIcon > li a.is-checked .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ul.blocks-inline.withIcon > li a.is-checked i.previous-button-hover:before,
ul.blocks-inline.withIcon > li a.is-checked .magazine-viewport i.previous-button-down:before,
.magazine-viewport ul.blocks-inline.withIcon > li a.is-checked i.previous-button-down:before,
ul.blocks-inline.withIcon > li a.is-checked .magazine-viewport i.next-button-hover:before,
.magazine-viewport ul.blocks-inline.withIcon > li a.is-checked i.next-button-hover:before,
ul.blocks-inline.withIcon > li a.is-checked .magazine-viewport i.next-button-down:before,
.magazine-viewport ul.blocks-inline.withIcon > li a.is-checked i.next-button-down:before,
ul.blocks-inline.withIcon > li a.is-checked .dropdown i.dropdown-menu:before,
.dropdown ul.blocks-inline.withIcon > li a.is-checked i.dropdown-menu:before,
ul.blocks-inline.withIcon > li a.is-checked i.thumb:before,
ul.blocks-inline.withIcon > li a.is-checked .element .panel i.parent:before,
.element .panel ul.blocks-inline.withIcon > li a.is-checked i.parent:before,
ul.blocks-inline.withIcon > li a.is-checked .element.achieved i.panel:after,
.element.achieved ul.blocks-inline.withIcon > li a.is-checked i.panel:after,
ul.blocks-inline.withIcon > li a.is-checked .element.text i.panel:after,
.element.text ul.blocks-inline.withIcon > li a.is-checked i.panel:after,
ul.blocks-inline.withIcon > li a.is-checked .subject .panel i.parent:before,
.subject .panel ul.blocks-inline.withIcon > li a.is-checked i.parent:before,
ul.blocks-inline.withIcon > li a.is-checked:hover i.material-icons,
ul.blocks-inline.withIcon > li a.is-checked:hover .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ul.blocks-inline.withIcon > li a.is-checked:hover i.previous-button-hover:before,
ul.blocks-inline.withIcon > li a.is-checked:hover .magazine-viewport i.previous-button-down:before,
.magazine-viewport ul.blocks-inline.withIcon > li a.is-checked:hover i.previous-button-down:before,
ul.blocks-inline.withIcon > li a.is-checked:hover .magazine-viewport i.next-button-hover:before,
.magazine-viewport ul.blocks-inline.withIcon > li a.is-checked:hover i.next-button-hover:before,
ul.blocks-inline.withIcon > li a.is-checked:hover .magazine-viewport i.next-button-down:before,
.magazine-viewport ul.blocks-inline.withIcon > li a.is-checked:hover i.next-button-down:before,
ul.blocks-inline.withIcon > li a.is-checked:hover .dropdown i.dropdown-menu:before,
.dropdown ul.blocks-inline.withIcon > li a.is-checked:hover i.dropdown-menu:before,
ul.blocks-inline.withIcon > li a.is-checked:hover i.thumb:before,
ul.blocks-inline.withIcon > li a.is-checked:hover .element .panel i.parent:before,
.element .panel ul.blocks-inline.withIcon > li a.is-checked:hover i.parent:before,
ul.blocks-inline.withIcon > li a.is-checked:hover .element.achieved i.panel:after,
.element.achieved ul.blocks-inline.withIcon > li a.is-checked:hover i.panel:after,
ul.blocks-inline.withIcon > li a.is-checked:hover .element.text i.panel:after,
.element.text ul.blocks-inline.withIcon > li a.is-checked:hover i.panel:after,
ul.blocks-inline.withIcon > li a.is-checked:hover .subject .panel i.parent:before,
.subject .panel ul.blocks-inline.withIcon > li a.is-checked:hover i.parent:before,
ul.blocks-inline.withIcon > li a.is-checked:focus i.material-icons,
ul.blocks-inline.withIcon > li a.is-checked:focus .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ul.blocks-inline.withIcon > li a.is-checked:focus i.previous-button-hover:before,
ul.blocks-inline.withIcon > li a.is-checked:focus .magazine-viewport i.previous-button-down:before,
.magazine-viewport ul.blocks-inline.withIcon > li a.is-checked:focus i.previous-button-down:before,
ul.blocks-inline.withIcon > li a.is-checked:focus .magazine-viewport i.next-button-hover:before,
.magazine-viewport ul.blocks-inline.withIcon > li a.is-checked:focus i.next-button-hover:before,
ul.blocks-inline.withIcon > li a.is-checked:focus .magazine-viewport i.next-button-down:before,
.magazine-viewport ul.blocks-inline.withIcon > li a.is-checked:focus i.next-button-down:before,
ul.blocks-inline.withIcon > li a.is-checked:focus .dropdown i.dropdown-menu:before,
.dropdown ul.blocks-inline.withIcon > li a.is-checked:focus i.dropdown-menu:before,
ul.blocks-inline.withIcon > li a.is-checked:focus i.thumb:before,
ul.blocks-inline.withIcon > li a.is-checked:focus .element .panel i.parent:before,
.element .panel ul.blocks-inline.withIcon > li a.is-checked:focus i.parent:before,
ul.blocks-inline.withIcon > li a.is-checked:focus .element.achieved i.panel:after,
.element.achieved ul.blocks-inline.withIcon > li a.is-checked:focus i.panel:after,
ul.blocks-inline.withIcon > li a.is-checked:focus .element.text i.panel:after,
.element.text ul.blocks-inline.withIcon > li a.is-checked:focus i.panel:after,
ul.blocks-inline.withIcon > li a.is-checked:focus .subject .panel i.parent:before,
.subject .panel ul.blocks-inline.withIcon > li a.is-checked:focus i.parent:before,
ol.blocks-inline.withIcon > li a:hover i.material-icons,
ol.blocks-inline.withIcon > li a:hover .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ol.blocks-inline.withIcon > li a:hover i.previous-button-hover:before,
ol.blocks-inline.withIcon > li a:hover .magazine-viewport i.previous-button-down:before,
.magazine-viewport ol.blocks-inline.withIcon > li a:hover i.previous-button-down:before,
ol.blocks-inline.withIcon > li a:hover .magazine-viewport i.next-button-hover:before,
.magazine-viewport ol.blocks-inline.withIcon > li a:hover i.next-button-hover:before,
ol.blocks-inline.withIcon > li a:hover .magazine-viewport i.next-button-down:before,
.magazine-viewport ol.blocks-inline.withIcon > li a:hover i.next-button-down:before,
ol.blocks-inline.withIcon > li a:hover .dropdown i.dropdown-menu:before,
.dropdown ol.blocks-inline.withIcon > li a:hover i.dropdown-menu:before,
ol.blocks-inline.withIcon > li a:hover i.thumb:before,
ol.blocks-inline.withIcon > li a:hover .element .panel i.parent:before,
.element .panel ol.blocks-inline.withIcon > li a:hover i.parent:before,
ol.blocks-inline.withIcon > li a:hover .element.achieved i.panel:after,
.element.achieved ol.blocks-inline.withIcon > li a:hover i.panel:after,
ol.blocks-inline.withIcon > li a:hover .element.text i.panel:after,
.element.text ol.blocks-inline.withIcon > li a:hover i.panel:after,
ol.blocks-inline.withIcon > li a:hover .subject .panel i.parent:before,
.subject .panel ol.blocks-inline.withIcon > li a:hover i.parent:before,
ol.blocks-inline.withIcon > li a:focus i.material-icons,
ol.blocks-inline.withIcon > li a:focus .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ol.blocks-inline.withIcon > li a:focus i.previous-button-hover:before,
ol.blocks-inline.withIcon > li a:focus .magazine-viewport i.previous-button-down:before,
.magazine-viewport ol.blocks-inline.withIcon > li a:focus i.previous-button-down:before,
ol.blocks-inline.withIcon > li a:focus .magazine-viewport i.next-button-hover:before,
.magazine-viewport ol.blocks-inline.withIcon > li a:focus i.next-button-hover:before,
ol.blocks-inline.withIcon > li a:focus .magazine-viewport i.next-button-down:before,
.magazine-viewport ol.blocks-inline.withIcon > li a:focus i.next-button-down:before,
ol.blocks-inline.withIcon > li a:focus .dropdown i.dropdown-menu:before,
.dropdown ol.blocks-inline.withIcon > li a:focus i.dropdown-menu:before,
ol.blocks-inline.withIcon > li a:focus i.thumb:before,
ol.blocks-inline.withIcon > li a:focus .element .panel i.parent:before,
.element .panel ol.blocks-inline.withIcon > li a:focus i.parent:before,
ol.blocks-inline.withIcon > li a:focus .element.achieved i.panel:after,
.element.achieved ol.blocks-inline.withIcon > li a:focus i.panel:after,
ol.blocks-inline.withIcon > li a:focus .element.text i.panel:after,
.element.text ol.blocks-inline.withIcon > li a:focus i.panel:after,
ol.blocks-inline.withIcon > li a:focus .subject .panel i.parent:before,
.subject .panel ol.blocks-inline.withIcon > li a:focus i.parent:before,
ol.blocks-inline.withIcon > li a.is-checked i.material-icons,
ol.blocks-inline.withIcon > li a.is-checked .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ol.blocks-inline.withIcon > li a.is-checked i.previous-button-hover:before,
ol.blocks-inline.withIcon > li a.is-checked .magazine-viewport i.previous-button-down:before,
.magazine-viewport ol.blocks-inline.withIcon > li a.is-checked i.previous-button-down:before,
ol.blocks-inline.withIcon > li a.is-checked .magazine-viewport i.next-button-hover:before,
.magazine-viewport ol.blocks-inline.withIcon > li a.is-checked i.next-button-hover:before,
ol.blocks-inline.withIcon > li a.is-checked .magazine-viewport i.next-button-down:before,
.magazine-viewport ol.blocks-inline.withIcon > li a.is-checked i.next-button-down:before,
ol.blocks-inline.withIcon > li a.is-checked .dropdown i.dropdown-menu:before,
.dropdown ol.blocks-inline.withIcon > li a.is-checked i.dropdown-menu:before,
ol.blocks-inline.withIcon > li a.is-checked i.thumb:before,
ol.blocks-inline.withIcon > li a.is-checked .element .panel i.parent:before,
.element .panel ol.blocks-inline.withIcon > li a.is-checked i.parent:before,
ol.blocks-inline.withIcon > li a.is-checked .element.achieved i.panel:after,
.element.achieved ol.blocks-inline.withIcon > li a.is-checked i.panel:after,
ol.blocks-inline.withIcon > li a.is-checked .element.text i.panel:after,
.element.text ol.blocks-inline.withIcon > li a.is-checked i.panel:after,
ol.blocks-inline.withIcon > li a.is-checked .subject .panel i.parent:before,
.subject .panel ol.blocks-inline.withIcon > li a.is-checked i.parent:before,
ol.blocks-inline.withIcon > li a.is-checked:hover i.material-icons,
ol.blocks-inline.withIcon > li a.is-checked:hover .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ol.blocks-inline.withIcon > li a.is-checked:hover i.previous-button-hover:before,
ol.blocks-inline.withIcon > li a.is-checked:hover .magazine-viewport i.previous-button-down:before,
.magazine-viewport ol.blocks-inline.withIcon > li a.is-checked:hover i.previous-button-down:before,
ol.blocks-inline.withIcon > li a.is-checked:hover .magazine-viewport i.next-button-hover:before,
.magazine-viewport ol.blocks-inline.withIcon > li a.is-checked:hover i.next-button-hover:before,
ol.blocks-inline.withIcon > li a.is-checked:hover .magazine-viewport i.next-button-down:before,
.magazine-viewport ol.blocks-inline.withIcon > li a.is-checked:hover i.next-button-down:before,
ol.blocks-inline.withIcon > li a.is-checked:hover .dropdown i.dropdown-menu:before,
.dropdown ol.blocks-inline.withIcon > li a.is-checked:hover i.dropdown-menu:before,
ol.blocks-inline.withIcon > li a.is-checked:hover i.thumb:before,
ol.blocks-inline.withIcon > li a.is-checked:hover .element .panel i.parent:before,
.element .panel ol.blocks-inline.withIcon > li a.is-checked:hover i.parent:before,
ol.blocks-inline.withIcon > li a.is-checked:hover .element.achieved i.panel:after,
.element.achieved ol.blocks-inline.withIcon > li a.is-checked:hover i.panel:after,
ol.blocks-inline.withIcon > li a.is-checked:hover .element.text i.panel:after,
.element.text ol.blocks-inline.withIcon > li a.is-checked:hover i.panel:after,
ol.blocks-inline.withIcon > li a.is-checked:hover .subject .panel i.parent:before,
.subject .panel ol.blocks-inline.withIcon > li a.is-checked:hover i.parent:before,
ol.blocks-inline.withIcon > li a.is-checked:focus i.material-icons,
ol.blocks-inline.withIcon > li a.is-checked:focus .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ol.blocks-inline.withIcon > li a.is-checked:focus i.previous-button-hover:before,
ol.blocks-inline.withIcon > li a.is-checked:focus .magazine-viewport i.previous-button-down:before,
.magazine-viewport ol.blocks-inline.withIcon > li a.is-checked:focus i.previous-button-down:before,
ol.blocks-inline.withIcon > li a.is-checked:focus .magazine-viewport i.next-button-hover:before,
.magazine-viewport ol.blocks-inline.withIcon > li a.is-checked:focus i.next-button-hover:before,
ol.blocks-inline.withIcon > li a.is-checked:focus .magazine-viewport i.next-button-down:before,
.magazine-viewport ol.blocks-inline.withIcon > li a.is-checked:focus i.next-button-down:before,
ol.blocks-inline.withIcon > li a.is-checked:focus .dropdown i.dropdown-menu:before,
.dropdown ol.blocks-inline.withIcon > li a.is-checked:focus i.dropdown-menu:before,
ol.blocks-inline.withIcon > li a.is-checked:focus i.thumb:before,
ol.blocks-inline.withIcon > li a.is-checked:focus .element .panel i.parent:before,
.element .panel ol.blocks-inline.withIcon > li a.is-checked:focus i.parent:before,
ol.blocks-inline.withIcon > li a.is-checked:focus .element.achieved i.panel:after,
.element.achieved ol.blocks-inline.withIcon > li a.is-checked:focus i.panel:after,
ol.blocks-inline.withIcon > li a.is-checked:focus .element.text i.panel:after,
.element.text ol.blocks-inline.withIcon > li a.is-checked:focus i.panel:after,
ol.blocks-inline.withIcon > li a.is-checked:focus .subject .panel i.parent:before,
.subject .panel ol.blocks-inline.withIcon > li a.is-checked:focus i.parent:before {
  color: #e29c45;
}

/* line 6, ../../app/scss/modules/_select.scss */
ul.blocks.select {
  position: relative;
}
/* line 9, ../../app/scss/modules/_select.scss */
ul.blocks.select:before {
  content: 'book';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 21px;
  line-height: 28px;
  text-align: center;
  color: #7c7976;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 24, ../../app/scss/modules/_select.scss */
ul.blocks.select li {
  display: none;
}
/* line 27, ../../app/scss/modules/_select.scss */
ul.blocks.select li a:before,
ul.blocks.select li a:after {
  display: block;
  position: absolute;
  left: 0;
  width: 21px;
  line-height: 28px;
  text-align: center;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 42, ../../app/scss/modules/_select.scss */
ul.blocks.select li a:before {
  content: "expand_less";
  top: -6px;
}
/* line 43, ../../app/scss/modules/_select.scss */
ul.blocks.select li a:after {
  content: "expand_more";
  top: 6px;
}
/* line 44, ../../app/scss/modules/_select.scss */
ul.blocks.select li a:hover:before {
  top: -9px;
}
/* line 45, ../../app/scss/modules/_select.scss */
ul.blocks.select li a:hover:after {
  top: 9px;
}
/* line 48, ../../app/scss/modules/_select.scss */
ul.blocks.select li.selected a:before,
ul.blocks.select li.selected a:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 57, ../../app/scss/modules/_select.scss */
ul.blocks.select.collapsed li a:hover,
ul.blocks.select.collapsed li a:focus,
ul.blocks.select.collapsed li a.is-checked,
ul.blocks.select.collapsed li a.is-checked:hover,
ul.blocks.select.collapsed li a.is-checked:focus {
  color: #7c7976;
}
/* line 63, ../../app/scss/modules/_select.scss */
ul.blocks.select.collapsed li a:hover i.material-icons, ul.blocks.select.collapsed li a:hover .magazine-viewport i.previous-button-hover:before, .magazine-viewport ul.blocks.select.collapsed li a:hover i.previous-button-hover:before,
ul.blocks.select.collapsed li a:hover .magazine-viewport i.previous-button-down:before,
.magazine-viewport ul.blocks.select.collapsed li a:hover i.previous-button-down:before,
ul.blocks.select.collapsed li a:hover .magazine-viewport i.next-button-hover:before,
.magazine-viewport ul.blocks.select.collapsed li a:hover i.next-button-hover:before,
ul.blocks.select.collapsed li a:hover .magazine-viewport i.next-button-down:before,
.magazine-viewport ul.blocks.select.collapsed li a:hover i.next-button-down:before, ul.blocks.select.collapsed li a:hover .dropdown i.dropdown-menu:before, .dropdown ul.blocks.select.collapsed li a:hover i.dropdown-menu:before, ul.blocks.select.collapsed li a:hover i.thumb:before, ul.blocks.select.collapsed li a:hover .element .panel i.parent:before, .element .panel ul.blocks.select.collapsed li a:hover i.parent:before, ul.blocks.select.collapsed li a:hover .element.achieved i.panel:after, .element.achieved ul.blocks.select.collapsed li a:hover i.panel:after, ul.blocks.select.collapsed li a:hover .element.text i.panel:after, .element.text ul.blocks.select.collapsed li a:hover i.panel:after, ul.blocks.select.collapsed li a:hover .subject .panel i.parent:before, .subject .panel ul.blocks.select.collapsed li a:hover i.parent:before,
ul.blocks.select.collapsed li a:focus i.material-icons,
ul.blocks.select.collapsed li a:focus .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ul.blocks.select.collapsed li a:focus i.previous-button-hover:before,
ul.blocks.select.collapsed li a:focus .magazine-viewport i.previous-button-down:before,
.magazine-viewport ul.blocks.select.collapsed li a:focus i.previous-button-down:before,
ul.blocks.select.collapsed li a:focus .magazine-viewport i.next-button-hover:before,
.magazine-viewport ul.blocks.select.collapsed li a:focus i.next-button-hover:before,
ul.blocks.select.collapsed li a:focus .magazine-viewport i.next-button-down:before,
.magazine-viewport ul.blocks.select.collapsed li a:focus i.next-button-down:before,
ul.blocks.select.collapsed li a:focus .dropdown i.dropdown-menu:before,
.dropdown ul.blocks.select.collapsed li a:focus i.dropdown-menu:before,
ul.blocks.select.collapsed li a:focus i.thumb:before,
ul.blocks.select.collapsed li a:focus .element .panel i.parent:before,
.element .panel ul.blocks.select.collapsed li a:focus i.parent:before,
ul.blocks.select.collapsed li a:focus .element.achieved i.panel:after,
.element.achieved ul.blocks.select.collapsed li a:focus i.panel:after,
ul.blocks.select.collapsed li a:focus .element.text i.panel:after,
.element.text ul.blocks.select.collapsed li a:focus i.panel:after,
ul.blocks.select.collapsed li a:focus .subject .panel i.parent:before,
.subject .panel ul.blocks.select.collapsed li a:focus i.parent:before,
ul.blocks.select.collapsed li a.is-checked i.material-icons,
ul.blocks.select.collapsed li a.is-checked .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ul.blocks.select.collapsed li a.is-checked i.previous-button-hover:before,
ul.blocks.select.collapsed li a.is-checked .magazine-viewport i.previous-button-down:before,
.magazine-viewport ul.blocks.select.collapsed li a.is-checked i.previous-button-down:before,
ul.blocks.select.collapsed li a.is-checked .magazine-viewport i.next-button-hover:before,
.magazine-viewport ul.blocks.select.collapsed li a.is-checked i.next-button-hover:before,
ul.blocks.select.collapsed li a.is-checked .magazine-viewport i.next-button-down:before,
.magazine-viewport ul.blocks.select.collapsed li a.is-checked i.next-button-down:before,
ul.blocks.select.collapsed li a.is-checked .dropdown i.dropdown-menu:before,
.dropdown ul.blocks.select.collapsed li a.is-checked i.dropdown-menu:before,
ul.blocks.select.collapsed li a.is-checked i.thumb:before,
ul.blocks.select.collapsed li a.is-checked .element .panel i.parent:before,
.element .panel ul.blocks.select.collapsed li a.is-checked i.parent:before,
ul.blocks.select.collapsed li a.is-checked .element.achieved i.panel:after,
.element.achieved ul.blocks.select.collapsed li a.is-checked i.panel:after,
ul.blocks.select.collapsed li a.is-checked .element.text i.panel:after,
.element.text ul.blocks.select.collapsed li a.is-checked i.panel:after,
ul.blocks.select.collapsed li a.is-checked .subject .panel i.parent:before,
.subject .panel ul.blocks.select.collapsed li a.is-checked i.parent:before,
ul.blocks.select.collapsed li a.is-checked:hover i.material-icons,
ul.blocks.select.collapsed li a.is-checked:hover .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ul.blocks.select.collapsed li a.is-checked:hover i.previous-button-hover:before,
ul.blocks.select.collapsed li a.is-checked:hover .magazine-viewport i.previous-button-down:before,
.magazine-viewport ul.blocks.select.collapsed li a.is-checked:hover i.previous-button-down:before,
ul.blocks.select.collapsed li a.is-checked:hover .magazine-viewport i.next-button-hover:before,
.magazine-viewport ul.blocks.select.collapsed li a.is-checked:hover i.next-button-hover:before,
ul.blocks.select.collapsed li a.is-checked:hover .magazine-viewport i.next-button-down:before,
.magazine-viewport ul.blocks.select.collapsed li a.is-checked:hover i.next-button-down:before,
ul.blocks.select.collapsed li a.is-checked:hover .dropdown i.dropdown-menu:before,
.dropdown ul.blocks.select.collapsed li a.is-checked:hover i.dropdown-menu:before,
ul.blocks.select.collapsed li a.is-checked:hover i.thumb:before,
ul.blocks.select.collapsed li a.is-checked:hover .element .panel i.parent:before,
.element .panel ul.blocks.select.collapsed li a.is-checked:hover i.parent:before,
ul.blocks.select.collapsed li a.is-checked:hover .element.achieved i.panel:after,
.element.achieved ul.blocks.select.collapsed li a.is-checked:hover i.panel:after,
ul.blocks.select.collapsed li a.is-checked:hover .element.text i.panel:after,
.element.text ul.blocks.select.collapsed li a.is-checked:hover i.panel:after,
ul.blocks.select.collapsed li a.is-checked:hover .subject .panel i.parent:before,
.subject .panel ul.blocks.select.collapsed li a.is-checked:hover i.parent:before,
ul.blocks.select.collapsed li a.is-checked:focus i.material-icons,
ul.blocks.select.collapsed li a.is-checked:focus .magazine-viewport i.previous-button-hover:before,
.magazine-viewport ul.blocks.select.collapsed li a.is-checked:focus i.previous-button-hover:before,
ul.blocks.select.collapsed li a.is-checked:focus .magazine-viewport i.previous-button-down:before,
.magazine-viewport ul.blocks.select.collapsed li a.is-checked:focus i.previous-button-down:before,
ul.blocks.select.collapsed li a.is-checked:focus .magazine-viewport i.next-button-hover:before,
.magazine-viewport ul.blocks.select.collapsed li a.is-checked:focus i.next-button-hover:before,
ul.blocks.select.collapsed li a.is-checked:focus .magazine-viewport i.next-button-down:before,
.magazine-viewport ul.blocks.select.collapsed li a.is-checked:focus i.next-button-down:before,
ul.blocks.select.collapsed li a.is-checked:focus .dropdown i.dropdown-menu:before,
.dropdown ul.blocks.select.collapsed li a.is-checked:focus i.dropdown-menu:before,
ul.blocks.select.collapsed li a.is-checked:focus i.thumb:before,
ul.blocks.select.collapsed li a.is-checked:focus .element .panel i.parent:before,
.element .panel ul.blocks.select.collapsed li a.is-checked:focus i.parent:before,
ul.blocks.select.collapsed li a.is-checked:focus .element.achieved i.panel:after,
.element.achieved ul.blocks.select.collapsed li a.is-checked:focus i.panel:after,
ul.blocks.select.collapsed li a.is-checked:focus .element.text i.panel:after,
.element.text ul.blocks.select.collapsed li a.is-checked:focus i.panel:after,
ul.blocks.select.collapsed li a.is-checked:focus .subject .panel i.parent:before,
.subject .panel ul.blocks.select.collapsed li a.is-checked:focus i.parent:before {
  color: #7c7976;
}

/* line 68, ../../app/scss/modules/_select.scss */
#school:before {
  content: 'location_city';
}

/* line 69, ../../app/scss/modules/_select.scss */
#level:before {
  content: 'school';
}

/* line 70, ../../app/scss/modules/_select.scss */
#class:before {
  content: 'people';
}

/* line 71, ../../app/scss/modules/_select.scss */
#subject:before {
  content: 'extension';
}

/* line 72, ../../app/scss/modules/_select.scss */
#question:before {
  content: 'done_all';
}

/* line 10, ../../app/scss/modules/_divider.scss */
hr {
  display: block;
  width: 100%;
  height: 1px;
  margin: 0;
  margin-bottom: 21px;
  border: none;
  background-color: #dddbd9;
}
/* line 19, ../../app/scss/modules/_divider.scss */
hr.light {
  background-color: #edebe9;
}

/* line 22, ../../app/scss/modules/_divider.scss */
.divider {
  width: 100%;
  margin: 0;
  margin-bottom: 21px;
  padding-bottom: 7px;
  border-bottom: 1px solid #dddbd9;
}
/* line 29, ../../app/scss/modules/_divider.scss */
.divider.light {
  border-bottom-color: #edebe9;
}
/* line 31, ../../app/scss/modules/_divider.scss */
.divider h2 {
  display: block;
  line-height: 28px;
}

/* line 5, ../../app/scss/modules/_breadcrumb.scss */
ol.breadcrumb {
  margin-bottom: 21px;
}
/* line 8, ../../app/scss/modules/_breadcrumb.scss */
ol.breadcrumb > li {
  display: inline-block;
  line-height: 28px;
  color: #7c7976;
}
/* line 13, ../../app/scss/modules/_breadcrumb.scss */
ol.breadcrumb > li a:hover,
ol.breadcrumb > li a:focus {
  text-decoration: underline;
}
/* line 16, ../../app/scss/modules/_breadcrumb.scss */
ol.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #a9a6a3;
}

/* line 6, ../../app/scss/modules/_comment.scss */
.comment {
  width: 100%;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #dddbd9;
}
/* line 12, ../../app/scss/modules/_comment.scss */
.comment span.information {
  display: block;
  margin-top: 7px;
}

/* line 14, ../../app/scss/modules/_dropdown.scss */
.dropdown {
  position: relative;
}
/* line 17, ../../app/scss/modules/_dropdown.scss */
.dropdown .dropdown-toggle:focus {
  outline: 0;
}
/* line 19, ../../app/scss/modules/_dropdown.scss */
.dropdown .dropdown-menu {
  position: absolute;
  display: block;
  top: 100%;
  left: -2px;
  min-width: 166px;
  padding: 0;
  margin: 0;
  margin-top: 10px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  -moz-box-shadow: 0 3px 21px rgba(0, 0, 0, 0.28);
  -webkit-box-shadow: 0 3px 21px rgba(0, 0, 0, 0.28);
  box-shadow: 0 3px 21px rgba(0, 0, 0, 0.28);
  -moz-transition: all 0.14s ease-in-out;
  -o-transition: all 0.14s ease-in-out;
  -webkit-transition: all 0.14s ease-in-out;
  transition: all 0.14s ease-in-out;
  z-index: 8;
}
/* line 34, ../../app/scss/modules/_dropdown.scss */
.dropdown .dropdown-menu:before {
  content: 'arrow_drop_up';
  display: block;
  position: absolute;
  top: -14px;
  left: 17px;
  line-height: 21px;
  text-align: center;
  color: #fff;
}
/* line 48, ../../app/scss/modules/_dropdown.scss */
.dropdown .dropdown-menu li a {
  border-bottom: 1px solid #edebe9;
  line-height: 35px;
  text-align: center;
  color: #7c7976;
}
/* line 54, ../../app/scss/modules/_dropdown.scss */
.dropdown .dropdown-menu li a:hover, .dropdown .dropdown-menu li a:focus {
  background-color: #f5f4f3;
  color: #7c7976;
}
/* line 61, ../../app/scss/modules/_dropdown.scss */
.dropdown .dropdown-menu li:first-child a {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
}
/* line 62, ../../app/scss/modules/_dropdown.scss */
.dropdown .dropdown-menu li:last-child a {
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* line 68, ../../app/scss/modules/_dropdown.scss */
.dropdown .dropdown-menu {
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 73, ../../app/scss/modules/_dropdown.scss */
.dropdown .dropdown-menu li {
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 81, ../../app/scss/modules/_dropdown.scss */
.dropdown.open .dropdown-menu, .dropdown.open .dropdown-menu li {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 87, ../../app/scss/modules/_dropdown.scss */
.dropdown.open .dropdown-menu li {
  -moz-transition: all 0.23s ease-in-out 0.23s;
  -o-transition: all 0.23s ease-in-out 0.23s;
  -webkit-transition: all 0.23s ease-in-out;
  -webkit-transition-delay: 0.23s;
  transition: all 0.23s ease-in-out 0.23s;
}
/* line 90, ../../app/scss/modules/_dropdown.scss */
.dropdown.open .dropdown-menu li:nth-child(1) {
  -moz-transition: all 0.05s ease-in-out 0.05s;
  -o-transition: all 0.05s ease-in-out 0.05s;
  -webkit-transition: all 0.05s ease-in-out;
  -webkit-transition-delay: 0.05s;
  transition: all 0.05s ease-in-out 0.05s;
}
/* line 91, ../../app/scss/modules/_dropdown.scss */
.dropdown.open .dropdown-menu li:nth-child(2) {
  -moz-transition: all 0.09s ease-in-out 0.09s;
  -o-transition: all 0.09s ease-in-out 0.09s;
  -webkit-transition: all 0.09s ease-in-out;
  -webkit-transition-delay: 0.09s;
  transition: all 0.09s ease-in-out 0.09s;
}
/* line 92, ../../app/scss/modules/_dropdown.scss */
.dropdown.open .dropdown-menu li:nth-child(3) {
  -moz-transition: all 0.125s ease-in-out 0.125s;
  -o-transition: all 0.125s ease-in-out 0.125s;
  -webkit-transition: all 0.125s ease-in-out;
  -webkit-transition-delay: 0.125s;
  transition: all 0.125s ease-in-out 0.125s;
}
/* line 93, ../../app/scss/modules/_dropdown.scss */
.dropdown.open .dropdown-menu li:nth-child(4) {
  -moz-transition: all 0.155s ease-in-out 0.155s;
  -o-transition: all 0.155s ease-in-out 0.155s;
  -webkit-transition: all 0.155s ease-in-out;
  -webkit-transition-delay: 0.155s;
  transition: all 0.155s ease-in-out 0.155s;
}
/* line 94, ../../app/scss/modules/_dropdown.scss */
.dropdown.open .dropdown-menu li:nth-child(5) {
  -moz-transition: all 0.18s ease-in-out 0.18s;
  -o-transition: all 0.18s ease-in-out 0.18s;
  -webkit-transition: all 0.18s ease-in-out;
  -webkit-transition-delay: 0.18s;
  transition: all 0.18s ease-in-out 0.18s;
}
/* line 95, ../../app/scss/modules/_dropdown.scss */
.dropdown.open .dropdown-menu li:nth-child(6) {
  -moz-transition: all 0.2s ease-in-out 0.2s;
  -o-transition: all 0.2s ease-in-out 0.2s;
  -webkit-transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0.2s;
  transition: all 0.2s ease-in-out 0.2s;
}
/* line 96, ../../app/scss/modules/_dropdown.scss */
.dropdown.open .dropdown-menu li:nth-child(7) {
  -moz-transition: all 0.215s ease-in-out 0.215s;
  -o-transition: all 0.215s ease-in-out 0.215s;
  -webkit-transition: all 0.215s ease-in-out;
  -webkit-transition-delay: 0.215s;
  transition: all 0.215s ease-in-out 0.215s;
}
/* line 97, ../../app/scss/modules/_dropdown.scss */
.dropdown.open .dropdown-menu li:nth-child(8) {
  -moz-transition: all 0.225s ease-in-out 0.225s;
  -o-transition: all 0.225s ease-in-out 0.225s;
  -webkit-transition: all 0.225s ease-in-out;
  -webkit-transition-delay: 0.225s;
  transition: all 0.225s ease-in-out 0.225s;
}

/* line 9, ../../app/scss/modules/_loader.scss */
#loader {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #f5f4f3;
  z-index: 80;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}

/* line 21, ../../app/scss/modules/_loader.scss */
.loading #loader {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}

/* line 28, ../../app/scss/modules/_loader.scss */
#loader .basement {
  position: absolute;
  top: 50%;
  right: 50%;
  width: 106px;
  height: 92px;
  margin-top: -72px;
  margin-right: -53px;
}

/* line 37, ../../app/scss/modules/_loader.scss */
.basement div {
  position: absolute;
  top: 0;
  right: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* line 46, ../../app/scss/modules/_loader.scss */
#loader .message {
  top: auto;
  bottom: -42px;
  width: 106px;
  height: 21px;
  text-align: center;
  font-size: 14px;
  line-height: 21px;
  color: #a9a6a3;
  -moz-animation: shiningMessage 3s ease-in-out infinite;
  -webkit-animation: shiningMessage 3s ease-in-out infinite;
  animation: shiningMessage 3s ease-in-out infinite;
}
/* line 57, ../../app/scss/modules/_loader.scss */
#loader .message span {
  display: none;
}

@-moz-keyframes shiningMessage {
  16.666% {
    color: #a9a6a3;
  }
  49.999% {
    color: #c2c0bd;
  }
  66.664% {
    color: #c2c0bd;
  }
  100% {
    color: #a9a6a3;
  }
}
@-webkit-keyframes shiningMessage {
  16.666% {
    color: #a9a6a3;
  }
  49.999% {
    color: #c2c0bd;
  }
  66.664% {
    color: #c2c0bd;
  }
  100% {
    color: #a9a6a3;
  }
}
@keyframes shiningMessage {
  16.666% {
    color: #a9a6a3;
  }
  49.999% {
    color: #c2c0bd;
  }
  66.664% {
    color: #c2c0bd;
  }
  100% {
    color: #a9a6a3;
  }
}
/* line 69, ../../app/scss/modules/_loader.scss */
#loader svg.cursor:not(.animate) {
  display: block;
  position: absolute;
  top: 45px;
  right: 22px;
  fill: #e0dfde;
  -moz-animation: shiningCursor 3s ease-in-out infinite;
  -webkit-animation: shiningCursor 3s ease-in-out infinite;
  animation: shiningCursor 3s ease-in-out infinite;
}

@-moz-keyframes shiningCursor {
  16.666% {
    fill: #e0dfde;
  }
  49.999% {
    fill: #d3d2d1;
  }
  66.664% {
    fill: #d3d2d1;
  }
  100% {
    fill: #e0dfde;
  }
}
@-webkit-keyframes shiningCursor {
  16.666% {
    fill: #e0dfde;
  }
  49.999% {
    fill: #d3d2d1;
  }
  66.664% {
    fill: #d3d2d1;
  }
  100% {
    fill: #e0dfde;
  }
}
@keyframes shiningCursor {
  16.666% {
    fill: #e0dfde;
  }
  49.999% {
    fill: #d3d2d1;
  }
  66.664% {
    fill: #d3d2d1;
  }
  100% {
    fill: #e0dfde;
  }
}
/* line 87, ../../app/scss/modules/_loader.scss */
#loader .read {
  width: 106px;
  height: 53px;
}
/* line 91, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div {
  background-color: #e0dfde;
  -moz-animation: shining 3s ease-in-out infinite;
  -webkit-animation: shining 3s ease-in-out infinite;
  animation: shining 3s ease-in-out infinite;
}
/* line 96, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(1) {
  top: 10px;
  right: 2px;
  width: 9px;
  height: 6px;
}
/* line 97, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(2) {
  top: 13px;
  right: 2px;
  width: 6px;
  height: 29px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}
/* line 100, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(3) {
  top: 23px;
  right: 37px;
  width: 6px;
  height: 19px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}
/* line 102, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(4) {
  overflow: hidden;
  background-color: transparent;
  top: 17px;
  right: 37px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}
/* line 107, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(4):before {
  content: '';
  display: block;
  position: absolute;
  background-color: #e0dfde;
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-animation: shining 3s ease-in-out infinite;
  -webkit-animation: shining 3s ease-in-out infinite;
  animation: shining 3s ease-in-out infinite;
}
/* line 114, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(5) {
  top: 17px;
  right: 28px;
  width: 9px;
  height: 6px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/* line 116, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(6) {
  overflow: hidden;
  background-color: transparent;
  top: 17px;
  right: 22px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}
/* line 121, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(6):before {
  content: '';
  display: block;
  position: absolute;
  background-color: #e0dfde;
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  -moz-animation: shining 3s ease-in-out infinite;
  -webkit-animation: shining 3s ease-in-out infinite;
  animation: shining 3s ease-in-out infinite;
}
/* line 128, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(7) {
  top: 23px;
  right: 22px;
  width: 6px;
  height: 19px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}
/* line 129, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(8) {
  top: 36px;
  right: 25px;
  width: 55px;
  height: 6px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 130, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(9) {
  top: 9px;
  right: 25px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 131, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(10) {
  top: 9px;
  right: 34px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 132, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(11) {
  top: 17px;
  right: 74px;
  width: 6px;
  height: 22px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 133, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(12) {
  top: 39px;
  right: 74px;
  width: 6px;
  height: 5px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/* line 135, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(13) {
  overflow: hidden;
  background-color: transparent;
  top: 44px;
  right: 74px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}
/* line 140, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(13):before {
  content: '';
  display: block;
  position: absolute;
  background-color: #e0dfde;
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-animation: shining 3s ease-in-out infinite;
  -webkit-animation: shining 3s ease-in-out infinite;
  animation: shining 3s ease-in-out infinite;
}
/* line 147, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(14) {
  top: 44px;
  right: 80px;
  width: 8px;
  height: 6px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 150, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(15) {
  top: 10px;
  right: 97px;
  width: 9px;
  height: 6px;
}
/* line 151, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(16) {
  top: 13px;
  right: 97px;
  width: 6px;
  height: 40px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}
/* line 152, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(17) {
  top: 0;
  right: 97px;
  width: 7px;
  height: 2px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}
/* line 153, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(18) {
  top: 1px;
  right: 102px;
  width: 2px;
  height: 7px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}
/* line 154, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(19) {
  top: 6px;
  right: 95px;
  width: 8px;
  height: 2px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
/* line 155, ../../app/scss/modules/_loader.scss */
#loader .read:not(.animate) div:nth-child(20) {
  top: 6px;
  right: 103px;
  width: 3px;
  height: 2px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 161, ../../app/scss/modules/_loader.scss */
#loader .arabi {
  top: 60px;
  width: 106px;
  height: 32px;
}
/* line 166, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div {
  background-color: #e0dfde;
  -moz-animation: shining 3s ease-in-out infinite;
  -webkit-animation: shining 3s ease-in-out infinite;
  animation: shining 3s ease-in-out infinite;
}
/* line 171, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(1) {
  top: 0;
  right: 0;
  width: 16px;
  height: 6px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
/* line 173, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(2) {
  overflow: hidden;
  background-color: transparent;
  top: 0;
  right: 16px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}
/* line 178, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(2):before {
  content: '';
  display: block;
  position: absolute;
  background-color: #e0dfde;
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-animation: shining 3s ease-in-out infinite;
  -webkit-animation: shining 3s ease-in-out infinite;
  animation: shining 3s ease-in-out infinite;
}
/* line 185, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(3) {
  top: 6px;
  right: 16px;
  width: 6px;
  height: 18px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}
/* line 186, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(4) {
  top: 18px;
  right: 0;
  width: 19px;
  height: 6px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
/* line 187, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(5) {
  top: 18px;
  right: 19px;
  width: 17px;
  height: 6px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 188, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(6) {
  top: 0;
  right: 30px;
  width: 6px;
  height: 21px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 189, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(7) {
  top: 21px;
  right: 30px;
  width: 6px;
  height: 5px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/* line 191, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(8) {
  overflow: hidden;
  background-color: transparent;
  top: 26px;
  right: 30px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}
/* line 196, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(8):before {
  content: '';
  display: block;
  position: absolute;
  background-color: #e0dfde;
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-animation: shining 3s ease-in-out infinite;
  -webkit-animation: shining 3s ease-in-out infinite;
  animation: shining 3s ease-in-out infinite;
}
/* line 203, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(9) {
  top: 26px;
  right: 36px;
  width: 8px;
  height: 6px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 206, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(10) {
  top: 0;
  right: 49px;
  width: 6px;
  height: 24px;
}
/* line 207, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(11) {
  top: 18px;
  right: 52px;
  width: 18px;
  height: 6px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 208, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(12) {
  top: 6px;
  right: 64px;
  width: 6px;
  height: 15px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/* line 210, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(13) {
  overflow: hidden;
  background-color: transparent;
  top: 0;
  right: 64px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}
/* line 215, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(13):before {
  content: '';
  display: block;
  position: absolute;
  background-color: #e0dfde;
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  -moz-animation: shining 3s ease-in-out infinite;
  -webkit-animation: shining 3s ease-in-out infinite;
  animation: shining 3s ease-in-out infinite;
}
/* line 222, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(14) {
  top: 26px;
  right: 49px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 223, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(15) {
  top: 0;
  right: 70px;
  width: 10px;
  height: 6px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 224, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(16) {
  top: 3px;
  right: 74px;
  width: 6px;
  height: 21px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}
/* line 225, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(17) {
  top: 18px;
  right: 77px;
  width: 20px;
  height: 6px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/* line 227, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(18) {
  overflow: hidden;
  background-color: transparent;
  top: 18px;
  right: 97px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}
/* line 232, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(18):before {
  content: '';
  display: block;
  position: absolute;
  background-color: #e0dfde;
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-animation: shining 3s ease-in-out infinite;
  -webkit-animation: shining 3s ease-in-out infinite;
  animation: shining 3s ease-in-out infinite;
}
/* line 239, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(19) {
  top: 12px;
  right: 97px;
  width: 6px;
  height: 6px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 240, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(20) {
  top: 4px;
  right: 97px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 241, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(21) {
  top: -4px;
  right: 97px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 244, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(22) {
  top: 1px;
  right: 57px;
  width: 1px;
  height: 16px;
}
/* line 245, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(23) {
  top: 1px;
  right: 59px;
  width: 1px;
  height: 16px;
}
/* line 246, ../../app/scss/modules/_loader.scss */
#loader .arabi:not(.animate) div:nth-child(24) {
  top: 1px;
  right: 61px;
  width: 1px;
  height: 16px;
}

@-moz-keyframes shining {
  16.666% {
    background-color: #e0dfde;
  }
  49.999% {
    background-color: #d3d2d1;
  }
  66.664% {
    background-color: #d3d2d1;
  }
  100% {
    background-color: #e0dfde;
  }
}
@-webkit-keyframes shining {
  16.666% {
    background-color: #e0dfde;
  }
  49.999% {
    background-color: #d3d2d1;
  }
  66.664% {
    background-color: #d3d2d1;
  }
  100% {
    background-color: #e0dfde;
  }
}
@keyframes shining {
  16.666% {
    background-color: #e0dfde;
  }
  49.999% {
    background-color: #d3d2d1;
  }
  66.664% {
    background-color: #d3d2d1;
  }
  100% {
    background-color: #e0dfde;
  }
}
/* line 7, ../../app/scss/modules/_loader-animate.scss */
#loader .basement.animate {
  -moz-transition: all 0.4s ease-in-out 0.4s;
  -o-transition: all 0.4s ease-in-out 0.4s;
  -webkit-transition: all 0.4s ease-in-out;
  -webkit-transition-delay: 0.4s;
  transition: all 0.4s ease-in-out 0.4s;
}

/* line 8, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .basement.animate {
  margin-top: -51px;
}

/* line 11, ../../app/scss/modules/_loader-animate.scss */
#loader .message.animate {
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

/* line 12, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .message.animate {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}

/* line 16, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div {
  background-color: #33302d;
}

/* line 17, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div {
  background-color: #e29c45;
}

/* line 21, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(1) {
  top: 10px;
  right: 11px;
  width: 0;
  height: 6px;
}

/* line 22, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .read.animate div:nth-child(1) {
  -moz-animation: r1 0.036s ease-in 0.8s forwards;
  -webkit-animation: r1 0.036s ease-in 0.8s forwards;
  animation: r1 0.036s ease-in 0.8s forwards;
}

@-moz-keyframes r1 {
  to {
    right: 2px;
    width: 9px;
  }
}
@-webkit-keyframes r1 {
  to {
    right: 2px;
    width: 9px;
  }
}
@keyframes r1 {
  to {
    right: 2px;
    width: 9px;
  }
}
/* line 29, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(2) {
  top: 13px;
  right: 2px;
  width: 6px;
  height: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

/* line 30, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .read.animate div:nth-child(2) {
  -moz-animation: r2 0.116s ease-out 0.836s forwards;
  -webkit-animation: r2 0.116s ease-out 0.836s forwards;
  animation: r2 0.116s ease-out 0.836s forwards;
}

@-moz-keyframes r2 {
  to {
    height: 29px;
  }
}
@-webkit-keyframes r2 {
  to {
    height: 29px;
  }
}
@keyframes r2 {
  to {
    height: 29px;
  }
}
/* line 37, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(3) {
  top: 42px;
  right: 37px;
  width: 6px;
  height: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

/* line 38, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .read.animate div:nth-child(3) {
  -moz-animation: r3 0.076s ease-in 0.952s forwards;
  -webkit-animation: r3 0.076s ease-in 0.952s forwards;
  animation: r3 0.076s ease-in 0.952s forwards;
}

@-moz-keyframes r3 {
  to {
    top: 23px;
    height: 19px;
  }
}
@-webkit-keyframes r3 {
  to {
    top: 23px;
    height: 19px;
  }
}
@keyframes r3 {
  to {
    top: 23px;
    height: 19px;
  }
}
/* line 45, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(4) {
  overflow: hidden;
  background-color: transparent;
  top: 17px;
  right: 37px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}
/* line 50, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(4):before {
  content: '';
  display: block;
  position: absolute;
  background-color: #33302d;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

/* line 55, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .read.animate div:nth-child(4):before {
  -moz-animation: r4 0.036s linear 1.028s forwards;
  -webkit-animation: r4 0.036s linear 1.028s forwards;
  animation: r4 0.036s linear 1.028s forwards;
}

@-moz-keyframes r4 {
  to {
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes r4 {
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes r4 {
  to {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/* line 62, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(5) {
  top: 17px;
  right: 37px;
  width: 0;
  height: 6px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* line 63, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .read.animate div:nth-child(5) {
  -moz-animation: r5 0.036s linear 1.064s forwards;
  -webkit-animation: r5 0.036s linear 1.064s forwards;
  animation: r5 0.036s linear 1.064s forwards;
}

@-moz-keyframes r5 {
  to {
    right: 28px;
    width: 9px;
  }
}
@-webkit-keyframes r5 {
  to {
    right: 28px;
    width: 9px;
  }
}
@keyframes r5 {
  to {
    right: 28px;
    width: 9px;
  }
}
/* line 70, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(6) {
  overflow: hidden;
  background-color: transparent;
  top: 17px;
  right: 22px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}
/* line 75, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(6):before {
  content: '';
  display: block;
  position: absolute;
  background-color: #33302d;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

/* line 80, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .read.animate div:nth-child(6):before {
  -moz-animation: r6 0.036s linear 1.1s forwards;
  -webkit-animation: r6 0.036s linear 1.1s forwards;
  animation: r6 0.036s linear 1.1s forwards;
}

@-moz-keyframes r6 {
  to {
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes r6 {
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes r6 {
  to {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/* line 87, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(7) {
  top: 23px;
  right: 22px;
  width: 6px;
  height: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

/* line 88, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .read.animate div:nth-child(7) {
  -moz-animation: r7 0.076s linear 1.136s forwards;
  -webkit-animation: r7 0.076s linear 1.136s forwards;
  animation: r7 0.076s linear 1.136s forwards;
}

@-moz-keyframes r7 {
  to {
    height: 19px;
  }
}
@-webkit-keyframes r7 {
  to {
    height: 19px;
  }
}
@keyframes r7 {
  to {
    height: 19px;
  }
}
/* line 95, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(8) {
  top: 36px;
  right: 25px;
  width: 0;
  height: 6px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 96, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .read.animate div:nth-child(8) {
  -moz-animation: r8 0.22s linear 1.212s forwards;
  -webkit-animation: r8 0.22s linear 1.212s forwards;
  animation: r8 0.22s linear 1.212s forwards;
}

@-moz-keyframes r8 {
  to {
    width: 55px;
  }
}
@-webkit-keyframes r8 {
  to {
    width: 55px;
  }
}
@keyframes r8 {
  to {
    width: 55px;
  }
}
/* line 102, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(9) {
  top: 9px;
  right: 25px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 103, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .read.animate div:nth-child(9) {
  -moz-animation: r9 0.18s ease-in-out 1.392s forwards;
  -webkit-animation: r9 0.18s ease-in-out 1.392s forwards;
  animation: r9 0.18s ease-in-out 1.392s forwards;
}

@-moz-keyframes r9 {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes r9 {
  to {
    opacity: 1;
  }
}
@keyframes r9 {
  to {
    opacity: 1;
  }
}
/* line 109, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(10) {
  top: 9px;
  right: 34px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 110, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .read.animate div:nth-child(10) {
  -moz-animation: r10 0.1s ease-in-out 1.312s forwards;
  -webkit-animation: r10 0.1s ease-in-out 1.312s forwards;
  animation: r10 0.1s ease-in-out 1.312s forwards;
}

@-moz-keyframes r10 {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes r10 {
  to {
    opacity: 1;
  }
}
@keyframes r10 {
  to {
    opacity: 1;
  }
}
/* line 117, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(11) {
  top: 39px;
  right: 74px;
  width: 6px;
  height: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 118, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .read.animate div:nth-child(11) {
  -moz-animation: r11 0.088s ease-out 1.432s forwards;
  -webkit-animation: r11 0.088s ease-out 1.432s forwards;
  animation: r11 0.088s ease-out 1.432s forwards;
}

@-moz-keyframes r11 {
  to {
    top: 17px;
    height: 22px;
  }
}
@-webkit-keyframes r11 {
  to {
    top: 17px;
    height: 22px;
  }
}
@keyframes r11 {
  to {
    top: 17px;
    height: 22px;
  }
}
/* line 123, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(12) {
  top: 39px;
  right: 74px;
  width: 6px;
  height: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* line 124, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .read.animate div:nth-child(12) {
  -moz-animation: r12 0.02s linear 1.432s forwards;
  -webkit-animation: r12 0.02s linear 1.432s forwards;
  animation: r12 0.02s linear 1.432s forwards;
}

@-moz-keyframes r12 {
  to {
    height: 5px;
  }
}
@-webkit-keyframes r12 {
  to {
    height: 5px;
  }
}
@keyframes r12 {
  to {
    height: 5px;
  }
}
/* line 129, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(13) {
  overflow: hidden;
  background-color: transparent;
  top: 44px;
  right: 74px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}
/* line 134, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(13):before {
  content: '';
  display: block;
  position: absolute;
  background-color: #33302d;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

/* line 139, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .read.animate div:nth-child(13):before {
  -moz-animation: r13 0.036s linear 1.452s forwards;
  -webkit-animation: r13 0.036s linear 1.452s forwards;
  animation: r13 0.036s linear 1.452s forwards;
}

@-moz-keyframes r13 {
  to {
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes r13 {
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes r13 {
  to {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/* line 144, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(14) {
  top: 44px;
  right: 80px;
  width: 0;
  height: 6px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 145, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .read.animate div:nth-child(14) {
  -moz-animation: r14 0.032s ease-out 1.488s forwards;
  -webkit-animation: r14 0.032s ease-out 1.488s forwards;
  animation: r14 0.032s ease-out 1.488s forwards;
}

@-moz-keyframes r14 {
  to {
    width: 8px;
  }
}
@-webkit-keyframes r14 {
  to {
    width: 8px;
  }
}
@keyframes r14 {
  to {
    width: 8px;
  }
}
/* line 152, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(15) {
  top: 10px;
  right: 106px;
  width: 0;
  height: 6px;
}

/* line 153, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .read.animate div:nth-child(15) {
  -moz-animation: r15 0.036s ease-in 1.52s forwards;
  -webkit-animation: r15 0.036s ease-in 1.52s forwards;
  animation: r15 0.036s ease-in 1.52s forwards;
}

@-moz-keyframes r15 {
  to {
    right: 97px;
    width: 9px;
  }
}
@-webkit-keyframes r15 {
  to {
    right: 97px;
    width: 9px;
  }
}
@keyframes r15 {
  to {
    right: 97px;
    width: 9px;
  }
}
/* line 160, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(16) {
  top: 13px;
  right: 97px;
  width: 6px;
  height: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

/* line 161, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .read.animate div:nth-child(16) {
  -moz-animation: r16 0.16s ease-out 1.556s forwards;
  -webkit-animation: r16 0.16s ease-out 1.556s forwards;
  animation: r16 0.16s ease-out 1.556s forwards;
}

@-moz-keyframes r16 {
  to {
    height: 40px;
  }
}
@-webkit-keyframes r16 {
  to {
    height: 40px;
  }
}
@keyframes r16 {
  to {
    height: 40px;
  }
}
/* line 168, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(17) {
  top: 0;
  right: 97px;
  width: 0;
  height: 2px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}

/* line 169, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .read.animate div:nth-child(17) {
  -moz-animation: r17 0.028s ease-in 1.716s forwards;
  -webkit-animation: r17 0.028s ease-in 1.716s forwards;
  animation: r17 0.028s ease-in 1.716s forwards;
}

@-moz-keyframes r17 {
  to {
    width: 7px;
  }
}
@-webkit-keyframes r17 {
  to {
    width: 7px;
  }
}
@keyframes r17 {
  to {
    width: 7px;
  }
}
/* line 176, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(18) {
  top: 1px;
  right: 102px;
  width: 2px;
  height: 0;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

/* line 177, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .read.animate div:nth-child(18) {
  -moz-animation: r18 0.028s linear 1.744s forwards;
  -webkit-animation: r18 0.028s linear 1.744s forwards;
  animation: r18 0.028s linear 1.744s forwards;
}

@-moz-keyframes r18 {
  to {
    height: 7px;
  }
}
@-webkit-keyframes r18 {
  to {
    height: 7px;
  }
}
@keyframes r18 {
  to {
    height: 7px;
  }
}
/* line 184, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(19) {
  top: 6px;
  right: 103px;
  width: 0;
  height: 2px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 185, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .read.animate div:nth-child(19) {
  -moz-animation: r19 0.032s ease-out 1.772s forwards;
  -webkit-animation: r19 0.032s ease-out 1.772s forwards;
  animation: r19 0.032s ease-out 1.772s forwards;
}

@-moz-keyframes r19 {
  to {
    right: 95px;
    width: 8px;
  }
}
@-webkit-keyframes r19 {
  to {
    right: 95px;
    width: 8px;
  }
}
@keyframes r19 {
  to {
    right: 95px;
    width: 8px;
  }
}
/* line 189, ../../app/scss/modules/_loader-animate.scss */
#loader .read.animate div:nth-child(20) {
  top: 6px;
  right: 103px;
  width: 0;
  height: 2px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 190, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .read.animate div:nth-child(20) {
  -moz-animation: r20 0.012s ease-out 1.772s forwards;
  -webkit-animation: r20 0.012s ease-out 1.772s forwards;
  animation: r20 0.012s ease-out 1.772s forwards;
}

@-moz-keyframes r20 {
  to {
    width: 3px;
  }
}
@-webkit-keyframes r20 {
  to {
    width: 3px;
  }
}
@keyframes r20 {
  to {
    width: 3px;
  }
}
/* line 197, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(1) {
  top: 0;
  right: 0;
  width: 0;
  height: 6px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 198, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(1) {
  -moz-animation: a1 0.064s ease-in 1.804s forwards;
  -webkit-animation: a1 0.064s ease-in 1.804s forwards;
  animation: a1 0.064s ease-in 1.804s forwards;
}

@-moz-keyframes a1 {
  to {
    width: 16px;
  }
}
@-webkit-keyframes a1 {
  to {
    width: 16px;
  }
}
@keyframes a1 {
  to {
    width: 16px;
  }
}
/* line 205, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(2) {
  overflow: hidden;
  background-color: transparent;
  top: 0;
  right: 16px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}
/* line 210, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(2):before {
  content: '';
  display: block;
  position: absolute;
  background-color: #e29c45;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

/* line 215, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(2):before {
  -moz-animation: a2 0.036s linear 1.868s forwards;
  -webkit-animation: a2 0.036s linear 1.868s forwards;
  animation: a2 0.036s linear 1.868s forwards;
}

@-moz-keyframes a2 {
  to {
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes a2 {
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes a2 {
  to {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/* line 222, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(3) {
  top: 6px;
  right: 16px;
  width: 6px;
  height: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

/* line 223, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(3) {
  -moz-animation: a3 0.072s linear 1.904s forwards;
  -webkit-animation: a3 0.072s linear 1.904s forwards;
  animation: a3 0.072s linear 1.904s forwards;
}

@-moz-keyframes a3 {
  to {
    height: 18px;
  }
}
@-webkit-keyframes a3 {
  to {
    height: 18px;
  }
}
@keyframes a3 {
  to {
    height: 18px;
  }
}
/* line 230, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(4) {
  top: 18px;
  right: 19px;
  width: 0;
  height: 6px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 231, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(4) {
  -moz-animation: a4 0.076s ease-out 1.976s forwards;
  -webkit-animation: a4 0.076s ease-out 1.976s forwards;
  animation: a4 0.076s ease-out 1.976s forwards;
}

@-moz-keyframes a4 {
  to {
    right: 0;
    width: 19px;
  }
}
@-webkit-keyframes a4 {
  to {
    right: 0;
    width: 19px;
  }
}
@keyframes a4 {
  to {
    right: 0;
    width: 19px;
  }
}
/* line 236, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(5) {
  top: 18px;
  right: 19px;
  width: 0;
  height: 6px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 237, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(5) {
  -moz-animation: a5 0.068s linear 1.976s forwards;
  -webkit-animation: a5 0.068s linear 1.976s forwards;
  animation: a5 0.068s linear 1.976s forwards;
}

@-moz-keyframes a5 {
  to {
    width: 17px;
  }
}
@-webkit-keyframes a5 {
  to {
    width: 17px;
  }
}
@keyframes a5 {
  to {
    width: 17px;
  }
}
/* line 244, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(6) {
  top: 21px;
  right: 30px;
  width: 6px;
  height: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 245, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(6) {
  -moz-animation: a6 0.084s ease-out 2.048s forwards;
  -webkit-animation: a6 0.084s ease-out 2.048s forwards;
  animation: a6 0.084s ease-out 2.048s forwards;
}

@-moz-keyframes a6 {
  to {
    top: 0;
    height: 21px;
  }
}
@-webkit-keyframes a6 {
  to {
    top: 0;
    height: 21px;
  }
}
@keyframes a6 {
  to {
    top: 0;
    height: 21px;
  }
}
/* line 250, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(7) {
  top: 21px;
  right: 30px;
  width: 6px;
  height: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* line 251, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(7) {
  -moz-animation: a7 0.02s linear 2.048s forwards;
  -webkit-animation: a7 0.02s linear 2.048s forwards;
  animation: a7 0.02s linear 2.048s forwards;
}

@-moz-keyframes a7 {
  to {
    height: 5px;
  }
}
@-webkit-keyframes a7 {
  to {
    height: 5px;
  }
}
@keyframes a7 {
  to {
    height: 5px;
  }
}
/* line 256, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(8) {
  overflow: hidden;
  background-color: transparent;
  top: 26px;
  right: 30px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}
/* line 261, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(8):before {
  content: '';
  display: block;
  position: absolute;
  background-color: #e29c45;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

/* line 266, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(8):before {
  -moz-animation: a8 0.036s linear 2.068s forwards;
  -webkit-animation: a8 0.036s linear 2.068s forwards;
  animation: a8 0.036s linear 2.068s forwards;
}

@-moz-keyframes a8 {
  to {
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes a8 {
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes a8 {
  to {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/* line 271, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(9) {
  top: 26px;
  right: 36px;
  width: 0;
  height: 6px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 272, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(9) {
  -moz-animation: a9 0.032s ease-out 2.104s forwards;
  -webkit-animation: a9 0.032s ease-out 2.104s forwards;
  animation: a9 0.032s ease-out 2.104s forwards;
}

@-moz-keyframes a9 {
  to {
    width: 8px;
  }
}
@-webkit-keyframes a9 {
  to {
    width: 8px;
  }
}
@keyframes a9 {
  to {
    width: 8px;
  }
}
/* line 279, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(10) {
  top: 0;
  right: 49px;
  width: 6px;
  height: 0;
}

/* line 280, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(10) {
  -moz-animation: a10 0.096s ease-in 2.132s forwards;
  -webkit-animation: a10 0.096s ease-in 2.132s forwards;
  animation: a10 0.096s ease-in 2.132s forwards;
}

@-moz-keyframes a10 {
  to {
    height: 24px;
  }
}
@-webkit-keyframes a10 {
  to {
    height: 24px;
  }
}
@keyframes a10 {
  to {
    height: 24px;
  }
}
/* line 288, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(11) {
  top: 18px;
  right: 52px;
  width: 0;
  height: 6px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 289, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(11) {
  -moz-animation: a11 0.072s linear 2.228s forwards;
  -webkit-animation: a11 0.072s linear 2.228s forwards;
  animation: a11 0.072s linear 2.228s forwards;
}

@-moz-keyframes a11 {
  to {
    width: 18px;
  }
}
@-webkit-keyframes a11 {
  to {
    width: 18px;
  }
}
@keyframes a11 {
  to {
    width: 18px;
  }
}
/* line 296, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(12) {
  top: 21px;
  right: 64px;
  width: 6px;
  height: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* line 297, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(12) {
  -moz-animation: a12 0.06s linear 2.3s forwards;
  -webkit-animation: a12 0.06s linear 2.3s forwards;
  animation: a12 0.06s linear 2.3s forwards;
}

@-moz-keyframes a12 {
  to {
    top: 6px;
    height: 15px;
  }
}
@-webkit-keyframes a12 {
  to {
    top: 6px;
    height: 15px;
  }
}
@keyframes a12 {
  to {
    top: 6px;
    height: 15px;
  }
}
/* line 304, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(13) {
  overflow: hidden;
  background-color: transparent;
  top: 0;
  right: 64px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}
/* line 309, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(13):before {
  content: '';
  display: block;
  position: absolute;
  background-color: #e29c45;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

/* line 314, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(13):before {
  -moz-animation: a13 0.036s linear 2.36s forwards;
  -webkit-animation: a13 0.036s linear 2.36s forwards;
  animation: a13 0.036s linear 2.36s forwards;
}

@-moz-keyframes a13 {
  to {
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes a13 {
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes a13 {
  to {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/* line 320, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(14) {
  top: 26px;
  right: 49px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 321, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(14) {
  -moz-animation: a14 0.1s ease-in-out 2.46s forwards;
  -webkit-animation: a14 0.1s ease-in-out 2.46s forwards;
  animation: a14 0.1s ease-in-out 2.46s forwards;
}

@-moz-keyframes a14 {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes a14 {
  to {
    opacity: 1;
  }
}
@keyframes a14 {
  to {
    opacity: 1;
  }
}
/* line 328, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(15) {
  top: 0;
  right: 70px;
  width: 0;
  height: 6px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 329, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(15) {
  -moz-animation: a15 0.04s linear 2.396s forwards;
  -webkit-animation: a15 0.04s linear 2.396s forwards;
  animation: a15 0.04s linear 2.396s forwards;
}

@-moz-keyframes a15 {
  to {
    width: 10px;
  }
}
@-webkit-keyframes a15 {
  to {
    width: 10px;
  }
}
@keyframes a15 {
  to {
    width: 10px;
  }
}
/* line 336, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(16) {
  top: 3px;
  right: 74px;
  width: 6px;
  height: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

/* line 337, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(16) {
  -moz-animation: a16 0.084s linear 2.436s forwards;
  -webkit-animation: a16 0.084s linear 2.436s forwards;
  animation: a16 0.084s linear 2.436s forwards;
}

@-moz-keyframes a16 {
  to {
    height: 21px;
  }
}
@-webkit-keyframes a16 {
  to {
    height: 21px;
  }
}
@keyframes a16 {
  to {
    height: 21px;
  }
}
/* line 344, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(17) {
  top: 18px;
  right: 77px;
  width: 0;
  height: 6px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* line 345, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(17) {
  -moz-animation: a17 0.08s linear 2.52s forwards;
  -webkit-animation: a17 0.08s linear 2.52s forwards;
  animation: a17 0.08s linear 2.52s forwards;
}

@-moz-keyframes a17 {
  to {
    width: 20px;
  }
}
@-webkit-keyframes a17 {
  to {
    width: 20px;
  }
}
@keyframes a17 {
  to {
    width: 20px;
  }
}
/* line 352, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(18) {
  overflow: hidden;
  background-color: transparent;
  top: 18px;
  right: 97px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}
/* line 357, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(18):before {
  content: '';
  display: block;
  position: absolute;
  background-color: #e29c45;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

/* line 362, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(18):before {
  -moz-animation: a18 0.036s linear 2.6s forwards;
  -webkit-animation: a18 0.036s linear 2.6s forwards;
  animation: a18 0.036s linear 2.6s forwards;
}

@-moz-keyframes a18 {
  to {
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes a18 {
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes a18 {
  to {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/* line 369, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(19) {
  top: 18px;
  right: 97px;
  width: 6px;
  height: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 370, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(19) {
  -moz-animation: a19 0.024s linear 2.636s forwards;
  -webkit-animation: a19 0.024s linear 2.636s forwards;
  animation: a19 0.024s linear 2.636s forwards;
}

@-moz-keyframes a19 {
  to {
    top: 12px;
    height: 6px;
  }
}
@-webkit-keyframes a19 {
  to {
    top: 12px;
    height: 6px;
  }
}
@keyframes a19 {
  to {
    top: 12px;
    height: 6px;
  }
}
/* line 376, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(20) {
  top: 4px;
  right: 97px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 377, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(20) {
  -moz-animation: a20 0.1s ease-in-out 2.736s forwards;
  -webkit-animation: a20 0.1s ease-in-out 2.736s forwards;
  animation: a20 0.1s ease-in-out 2.736s forwards;
}

@-moz-keyframes a20 {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes a20 {
  to {
    opacity: 1;
  }
}
@keyframes a20 {
  to {
    opacity: 1;
  }
}
/* line 383, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(21) {
  top: -4px;
  right: 97px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 384, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(21) {
  -moz-animation: a21 0.18s ease-in-out 2.816s forwards;
  -webkit-animation: a21 0.18s ease-in-out 2.816s forwards;
  animation: a21 0.18s ease-in-out 2.816s forwards;
}

@-moz-keyframes a21 {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes a21 {
  to {
    opacity: 1;
  }
}
@keyframes a21 {
  to {
    opacity: 1;
  }
}
/* line 390, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(22) {
  top: 1px;
  right: 57px;
  width: 1px;
  height: 16px;
  background-color: #33302d;
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 394, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(22) {
  -moz-animation: a22 0.1s ease-in-out 2.736s forwards;
  -webkit-animation: a22 0.1s ease-in-out 2.736s forwards;
  animation: a22 0.1s ease-in-out 2.736s forwards;
}

@-moz-keyframes a22 {
  to {
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes a22 {
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes a22 {
  to {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
/* line 400, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(23) {
  top: 1px;
  right: 59px;
  width: 1px;
  height: 16px;
  background-color: #33302d;
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 404, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(23) {
  -moz-animation: a23 0.18s ease-in-out 2.816s forwards;
  -webkit-animation: a23 0.18s ease-in-out 2.816s forwards;
  animation: a23 0.18s ease-in-out 2.816s forwards;
}

@-moz-keyframes a23 {
  to {
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes a23 {
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes a23 {
  to {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
/* line 410, ../../app/scss/modules/_loader-animate.scss */
#loader .arabi.animate div:nth-child(24) {
  top: 1px;
  right: 61px;
  width: 1px;
  height: 16px;
  background-color: #33302d;
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 414, ../../app/scss/modules/_loader-animate.scss */
#loader.ending .arabi.animate div:nth-child(24) {
  -moz-animation: a24 0.25s ease-in-out 2.886s forwards;
  -webkit-animation: a24 0.25s ease-in-out 2.886s forwards;
  animation: a24 0.25s ease-in-out 2.886s forwards;
}

@-moz-keyframes a24 {
  to {
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes a24 {
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes a24 {
  to {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
/* line 421, ../../app/scss/modules/_loader-animate.scss */
#loader svg.cursor.animate {
  display: block;
  position: absolute;
  top: 56px;
  right: -20px;
  fill: #e29c45;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 425, ../../app/scss/modules/_loader-animate.scss */
#loader.ending svg.cursor.animate {
  -moz-animation: movingCursor 0.6s ease-in-out 2.886s forwards;
  -webkit-animation: movingCursor 0.6s ease-in-out 2.886s forwards;
  animation: movingCursor 0.6s ease-in-out 2.886s forwards;
}

@-moz-keyframes movingCursor {
  20% {
    opacity: 1;
    top: 56px;
    right: -20px;
  }
  100% {
    opacity: 1;
    top: 45px;
    right: 22px;
  }
}
@-webkit-keyframes movingCursor {
  20% {
    opacity: 1;
    top: 56px;
    right: -20px;
  }
  100% {
    opacity: 1;
    top: 45px;
    right: 22px;
  }
}
@keyframes movingCursor {
  20% {
    opacity: 1;
    top: 56px;
    right: -20px;
  }
  100% {
    opacity: 1;
    top: 45px;
    right: 22px;
  }
}
/* line 16, ../../app/scss/layouts/_panel.scss */
.panel {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 42px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.21);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.21);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.21);
  background-color: #fff;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 27, ../../app/scss/layouts/_panel.scss */
.panel section, .panel .section, .statistics .statistic .panel header {
  padding: 14px 21px;
  border-bottom: 1px solid #edebe9;
}
/* line 31, ../../app/scss/layouts/_panel.scss */
.panel section:last-child, .panel .section:last-child, .statistics .statistic .panel header:last-child {
  border-bottom: 0;
}
/* line 36, ../../app/scss/layouts/_panel.scss */
.panel.buttons ul.blocks > li {
  padding: 7px 21px;
  border-bottom: 1px solid #edebe9;
  line-height: 35px;
}
/* line 41, ../../app/scss/layouts/_panel.scss */
.panel.buttons ul.blocks > li:last-child {
  border-bottom: 0;
}
/* line 45, ../../app/scss/layouts/_panel.scss */
.panel.buttons ul.blocks > li a {
  line-height: 35px;
}
/* line 48, ../../app/scss/layouts/_panel.scss */
.panel.buttons ul.blocks > li a i.material-icons, .panel.buttons ul.blocks > li a .magazine-viewport i.previous-button-hover:before, .magazine-viewport .panel.buttons ul.blocks > li a i.previous-button-hover:before,
.panel.buttons ul.blocks > li a .magazine-viewport i.previous-button-down:before,
.magazine-viewport .panel.buttons ul.blocks > li a i.previous-button-down:before,
.panel.buttons ul.blocks > li a .magazine-viewport i.next-button-hover:before,
.magazine-viewport .panel.buttons ul.blocks > li a i.next-button-hover:before,
.panel.buttons ul.blocks > li a .magazine-viewport i.next-button-down:before,
.magazine-viewport .panel.buttons ul.blocks > li a i.next-button-down:before, .panel.buttons ul.blocks > li a .dropdown i.dropdown-menu:before, .dropdown .panel.buttons ul.blocks > li a i.dropdown-menu:before, .panel.buttons ul.blocks > li a i.thumb:before, .element .panel.buttons ul.blocks > li a i.parent:before, .panel.buttons ul.blocks > li a .element.achieved i.panel:after, .element.achieved .panel.buttons ul.blocks > li a i.panel:after, .panel.buttons ul.blocks > li a .element.text i.panel:after, .element.text .panel.buttons ul.blocks > li a i.panel:after, .subject .panel.buttons ul.blocks > li a i.parent:before {
  line-height: 35px;
}
/* line 55, ../../app/scss/layouts/_panel.scss */
.panel table.table tbody tr:nth-child(odd) {
  background-color: #f5f4f3;
}
/* line 59, ../../app/scss/layouts/_panel.scss */
.panel table.table tbody tr:hover, .panel table.table tbody tr:focus {
  background-color: #f0eeed;
}

/* line 68, ../../app/scss/layouts/_panel.scss */
.panel.actions section > *, .panel.actions.buttons > * {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 73, ../../app/scss/layouts/_panel.scss */
.panel.actions section:hover > *, .panel.actions.buttons:hover > * {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* line 13, ../../app/scss/layouts/_thumb.scss */
.thumb {
  overflow: hidden;
  position: relative;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #edebe9;
}
/* line 19, ../../app/scss/layouts/_thumb.scss */
.thumb:before {
  content: 'person';
  display: block;
  position: absolute;
  right: 0;
  text-align: center;
  color: #7c7976;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 30, ../../app/scss/layouts/_thumb.scss */
.thumb img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
width:100%;
height:100%;
}
/* line 38, ../../app/scss/layouts/_thumb.scss */
.thumb.x1 {
  width: 38px;
  height: 38px;
  margin-top: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
/* line 43, ../../app/scss/layouts/_thumb.scss */
.thumb.x1:before {
  bottom: -6px;
  width: 38px;
  font-size: 38px;
  line-height: 38px;
}
/* line 50, ../../app/scss/layouts/_thumb.scss */
.thumb.x2 {
  width: 84px;
  height: 84px;
}
/* line 53, ../../app/scss/layouts/_thumb.scss */
.thumb.x2:before {
  bottom: -14px;
  width: 84px;
  font-size: 84px;
  line-height: 84px;
}
/* line 60, ../../app/scss/layouts/_thumb.scss */
.thumb.x3 {
  width: 105px;
  height: 105px;
}
/* line 63, ../../app/scss/layouts/_thumb.scss */
.thumb.x3:before {
  bottom: -18px;
  width: 105px;
  font-size: 105px;
  line-height: 105px;
}
/* line 70, ../../app/scss/layouts/_thumb.scss */
.thumb.x4 {
  width: 126px;
  height: 126px;
}
/* line 73, ../../app/scss/layouts/_thumb.scss */
.thumb.x4:before {
  bottom: -21px;
  width: 126px;
  font-size: 126px;
  line-height: 126px;
}
/* line 81, ../../app/scss/layouts/_thumb.scss */
.thumb.circle {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

/* line 16, ../../app/scss/layouts/_element.scss */
.elements-container {
  overflow: hidden;
  position: relative;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
/* line 23, ../../app/scss/layouts/_element.scss */
.elements-container.non-filter {
  height: auto !important;
}

/* line 26, ../../app/scss/layouts/_element.scss */
.shelves {
  position: absolute;
  width: 100%;
}
/* line 30, ../../app/scss/layouts/_element.scss */
.shelves li {
  display: block;
  width: 100%;
}
/* line 34, ../../app/scss/layouts/_element.scss */
.shelves li img {
  width: 100%;
  height: 73px;
  -moz-transform: translateY(-14px);
  -ms-transform: translateY(-14px);
  -webkit-transform: translateY(-14px);
  transform: translateY(-14px);
}

/* line 42, ../../app/scss/layouts/_element.scss */
.element.x2 {
  float: right;
  width: 50%;
  margin-bottom: 28px;
  padding: 0 21px;
}

@media (min-width: 400px) {
  /* line 50, ../../app/scss/layouts/_element.scss */
  .element.x2 {
    width: 33.33333%;
  }
}
@media (min-width: 550px) {
  /* line 54, ../../app/scss/layouts/_element.scss */
  .element.x2 {
    width: 50%;
  }
}
@media (min-width: 750px) {
  /* line 58, ../../app/scss/layouts/_element.scss */
  .element.x2 {
    width: 25%;
  }

  /* line 59, ../../app/scss/layouts/_element.scss */
  .quiz.find .element.x2,
  .library .element.x2 {
    width: 33.33333%;
  }
}
@media (min-width: 890px) {
  /* line 64, ../../app/scss/layouts/_element.scss */
  .quiz.find .element.x2,
  .library .element.x2 {
    width: 25%;
  }
}
@media (min-width: 1000px) {
  /* line 69, ../../app/scss/layouts/_element.scss */
  .element.x2,
  .quiz.find .element.x2,
  .library .element.x2 {
    width: 20%;
  }
}
/* line 75, ../../app/scss/layouts/_element.scss */
.element {
  box-sizing: border-box;
  display: block;
  width: 100%;
}
/* line 80, ../../app/scss/layouts/_element.scss */
.element > img {
  display: block;
  width: 100%;
}
/* line 85, ../../app/scss/layouts/_element.scss */
.element a {
  display: block;
}
/* line 87, ../../app/scss/layouts/_element.scss */
.element .panel {
  margin-bottom: 14px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=86);
  opacity: 0.86;
  background-color: #edebe9;
}
/* line 92, ../../app/scss/layouts/_element.scss */
.element .panel .parent:before {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  text-align: center;
  color: #7c7976;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 105, ../../app/scss/layouts/_element.scss */
.element .info {
  overflow: hidden;
  height: 42px;
  margin-top: 35px;
}
/* line 111, ../../app/scss/layouts/_element.scss */
.element h3 {
  line-height: 21px;
}
/* line 114, ../../app/scss/layouts/_element.scss */
.element.book .panel .parent:before {
  content: 'book';
}
/* line 115, ../../app/scss/layouts/_element.scss */
.element.video .panel .parent:before {
  content: 'videocam';
}
/* line 116, ../../app/scss/layouts/_element.scss */
.element.audio .panel .parent:before {
  content: 'music_note';
}
/* line 118, ../../app/scss/layouts/_element.scss */
.element.x1 .panel {
  width: 49px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
/* line 121, ../../app/scss/layouts/_element.scss */
.element.x1 .panel .parent:before {
  margin-top: -9px;
  font-size: 18px;
  line-height: 18px;
}
/* line 127, ../../app/scss/layouts/_element.scss */
.element.x2 .panel .parent:before {
  margin-top: -15px;
  font-size: 30px;
  line-height: 30px;
}
/* line 132, ../../app/scss/layouts/_element.scss */
.element.x3 .panel .parent:before {
  margin-top: -21px;
  font-size: 42px;
  line-height: 42px;
}
/* line 137, ../../app/scss/layouts/_element.scss */
.element.x4 .panel .parent:before {
  margin-top: -28px;
  font-size: 56px;
  line-height: 56px;
}

/* line 144, ../../app/scss/layouts/_element.scss */
.element .panel .parent {
  overflow: hidden;
  position: relative;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
/* line 149, ../../app/scss/layouts/_element.scss */
.element .panel .parent img {
  display: block;
  width: 100%;
}
/* line 153, ../../app/scss/layouts/_element.scss */
.element .panel .parent img.cover {
  position: absolute;
  top: 0;
  right: 0;
}

/* line 161, ../../app/scss/layouts/_element.scss */
.element a:hover .panel,
.element a:focus .panel {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* line 168, ../../app/scss/layouts/_element.scss */
.element.achieved .panel:before {
  content: '';
  display: block;
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 34px;
  height: 34px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #f5f4f3;
  z-index: 1;
}
/* line 181, ../../app/scss/layouts/_element.scss */
.element.achieved .panel:after {
  content: 'check_circle';
  display: block;
  position: absolute;
  bottom: -7px;
  right: -7px;
  width: 28px;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  color: #8acb88;
  z-index: 2;
}
/* line 196, ../../app/scss/layouts/_element.scss */
.element.achieved .panel .parent .reflection {
  display: block;
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 34px;
  height: 34px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 205, ../../app/scss/layouts/_element.scss */
.element.achieved .panel .parent .reflection:before, .element.achieved .panel .parent .reflection:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: #f5f4f3;
}

/* line 219, ../../app/scss/layouts/_element.scss */
.panel .element.achieved .panel:before {
  background-color: #fff;
}

/* line 225, ../../app/scss/layouts/_element.scss */
.element.achieved a:hover .panel .parent .reflection:before,
.element.achieved a:focus .panel .parent .reflection:before {
  -moz-transform: scale(4, 4);
  -ms-transform: scale(4, 4);
  -webkit-transform: scale(4, 4);
  transform: scale(4, 4);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
  opacity: 0.35;
}
/* line 229, ../../app/scss/layouts/_element.scss */
.element.achieved a:hover .panel .parent .reflection:after,
.element.achieved a:focus .panel .parent .reflection:after {
  -moz-transform: scale(2.2, 2.2);
  -ms-transform: scale(2.2, 2.2);
  -webkit-transform: scale(2.2, 2.2);
  transform: scale(2.2, 2.2);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=49);
  opacity: 0.49;
}

/* line 237, ../../app/scss/layouts/_element.scss */
.element.wip .panel .parent img.cover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=42);
  opacity: 0.42;
  -webkit-filter: blur(1px);
  filter: blur(1px);
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 243, ../../app/scss/layouts/_element.scss */
.element.wip .panel .parent:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: rgba(0, 0, 0, 0.21);
}
/* line 255, ../../app/scss/layouts/_element.scss */
.element.wip .panel .parent .progress {
  display: block;
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -21px;
  margin-right: -21px;
  width: 42px;
  line-height: 42px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: rgba(0, 0, 0, 0.63);
  color: #fff;
}
/* line 271, ../../app/scss/layouts/_element.scss */
.element.wip .panel .parent .timeline {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 7px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: #e29c45;
  z-index: 1;
}
/* line 282, ../../app/scss/layouts/_element.scss */
.element.wip .panel .parent .timeline span {
  display: block;
  width: 100%;
  margin-top: 21px;
  line-height: 21px;
  text-align: center;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #fff;
}
/* line 293, ../../app/scss/layouts/_element.scss */
.element.wip .panel .parent .timeline:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: -1px;
  width: 2px;
  height: 14px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: #e29c45;
}

/* line 309, ../../app/scss/layouts/_element.scss */
.element.wip a:hover .panel .parent img.cover,
.element.wip a:focus .panel .parent img.cover {
  -webkit-filter: blur(0);
  filter: blur(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 314, ../../app/scss/layouts/_element.scss */
.element.wip a:hover .panel .parent:after,
.element.wip a:focus .panel .parent:after {
  height: 21px;
  background-color: #33302d;
}
/* line 319, ../../app/scss/layouts/_element.scss */
.element.wip a:hover .panel .parent .progress,
.element.wip a:focus .panel .parent .progress {
  top: -42px;
  background-color: transparent;
}
/* line 324, ../../app/scss/layouts/_element.scss */
.element.wip a:hover .panel .parent .timeline,
.element.wip a:focus .panel .parent .timeline {
  height: 21px;
}
/* line 327, ../../app/scss/layouts/_element.scss */
.element.wip a:hover .panel .parent .timeline span,
.element.wip a:focus .panel .parent .timeline span {
  margin-top: 0;
}
/* line 328, ../../app/scss/layouts/_element.scss */
.element.wip a:hover .panel .parent .timeline:after,
.element.wip a:focus .panel .parent .timeline:after {
  height: 28px;
}

/* line 334, ../../app/scss/layouts/_element.scss */
.element.text .panel:before {
  content: '';
  display: block;
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 34px;
  height: 34px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #f5f4f3;
  z-index: 1;
}
/* line 347, ../../app/scss/layouts/_element.scss */
.element.text .panel:after {
  content: 'check_circle';
  display: block;
  position: absolute;
  bottom: -7px;
  right: -7px;
  width: 28px;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #8acb88;
  z-index: 2;
}
/* line 363, ../../app/scss/layouts/_element.scss */
.element.text .panel .parent img.cover {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 365, ../../app/scss/layouts/_element.scss */
.element.text .panel .parent .reflection {
  display: block;
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 34px;
  height: 34px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 374, ../../app/scss/layouts/_element.scss */
.element.text .panel .parent .reflection:before, .element.text .panel .parent .reflection:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: #e29c45;
}
/* line 387, ../../app/scss/layouts/_element.scss */
.element.text .panel .parent span {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  margin-top: -21px;
  line-height: 42px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 403, ../../app/scss/layouts/_element.scss */
.panel .element.text .panel:before {
  background-color: #fff;
}

/* line 407, ../../app/scss/layouts/_element.scss */
.element.text a:hover .panel:after,
.element.text a:focus .panel:after {
  color: #666059;
}
/* line 408, ../../app/scss/layouts/_element.scss */
.element.text a:hover .panel .parent img.cover,
.element.text a:focus .panel .parent img.cover {
  -webkit-filter: blur(1px);
  filter: blur(1px);
}
/* line 410, ../../app/scss/layouts/_element.scss */
.element.text a:hover .panel .parent .reflection:before,
.element.text a:focus .panel .parent .reflection:before {
  -moz-transform: scale(10.5, 10.5);
  -ms-transform: scale(10.5, 10.5);
  -webkit-transform: scale(10.5, 10.5);
  transform: scale(10.5, 10.5);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=63);
  opacity: 0.63;
}
/* line 414, ../../app/scss/layouts/_element.scss */
.element.text a:hover .panel .parent .reflection:after,
.element.text a:focus .panel .parent .reflection:after {
  -moz-transform: scale(9, 9);
  -ms-transform: scale(9, 9);
  -webkit-transform: scale(9, 9);
  transform: scale(9, 9);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=84);
  opacity: 0.84;
}
/* line 419, ../../app/scss/layouts/_element.scss */
.element.text a:hover .panel .parent span,
.element.text a:focus .panel .parent span {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* line 423, ../../app/scss/layouts/_element.scss */
.element-block {
  position: relative;
  min-height: 75px;
  padding-right: 63px;
}
/* line 428, ../../app/scss/layouts/_element.scss */
.element-block .element {
  position: absolute;
  top: 0;
  right: 0;
  width: 49px;
}
/* line 434, ../../app/scss/layouts/_element.scss */
.element-block .element .panel {
  margin-bottom: 0;
}
/* line 437, ../../app/scss/layouts/_element.scss */
.element-block h3, .element-block span {
  display: block;
}

/* line 9, ../../app/scss/layouts/_user.scss */
.users-container {
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
/* line 12, ../../app/scss/layouts/_user.scss */
.users-container .user {
  float: right;
  box-sizing: border-box;
  width: 100%;
}

@media (min-width: 550px) {
  /* line 19, ../../app/scss/layouts/_user.scss */
  .users-container {
    margin-right: -14px;
    margin-left: -14px;
  }
  /* line 23, ../../app/scss/layouts/_user.scss */
  .users-container .user {
    padding: 0 14px;
  }
}
@media (min-width: 1000px) {
  /* line 30, ../../app/scss/layouts/_user.scss */
  .users-container .user {
    width: 50%;
  }
}
/* line 34, ../../app/scss/layouts/_user.scss */
.user .panel {
  min-height: 126px;
  padding: 28px 21px;
  padding-right: 147px;
}
/* line 39, ../../app/scss/layouts/_user.scss */
.user .panel > a {
  display: block;
}
/* line 42, ../../app/scss/layouts/_user.scss */
.user .panel > a:first-child {
  position: absolute;
  top: 0;
  right: 0;
}
/* line 47, ../../app/scss/layouts/_user.scss */
.user .panel > a:first-child .thumb {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
/* line 54, ../../app/scss/layouts/_user.scss */
.user .panel ul.permissions {
  position: absolute;
  top: -11px;
  right: 143px;
}
/* line 59, ../../app/scss/layouts/_user.scss */
.user .panel ul.permissions li {
  width: 22px;
  height: 22px;
  margin-left: 6px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #f5f4f3;
}
/* line 66, ../../app/scss/layouts/_user.scss */
.user .panel ul.permissions li:last-child {
  margin-left: 0;
}
/* line 68, ../../app/scss/layouts/_user.scss */
.user .panel ul.permissions li span {
  width: 14px;
  height: 14px;
  margin: 4px 4px 0 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 75, ../../app/scss/layouts/_user.scss */
.user .panel ul.permissions li span i.material-icons, .user .panel ul.permissions li span .magazine-viewport i.previous-button-hover:before, .magazine-viewport .user .panel ul.permissions li span i.previous-button-hover:before,
.user .panel ul.permissions li span .magazine-viewport i.previous-button-down:before,
.magazine-viewport .user .panel ul.permissions li span i.previous-button-down:before,
.user .panel ul.permissions li span .magazine-viewport i.next-button-hover:before,
.magazine-viewport .user .panel ul.permissions li span i.next-button-hover:before,
.user .panel ul.permissions li span .magazine-viewport i.next-button-down:before,
.magazine-viewport .user .panel ul.permissions li span i.next-button-down:before, .user .panel ul.permissions li span .dropdown i.dropdown-menu:before, .dropdown .user .panel ul.permissions li span i.dropdown-menu:before, .user .panel ul.permissions li span i.thumb:before, .user .element .panel ul.permissions li span i.parent:before, .element .user .panel ul.permissions li span i.parent:before, .user .panel ul.permissions li span .element.achieved i.panel:after, .element.achieved .user .panel ul.permissions li span i.panel:after, .user .panel ul.permissions li span .element.text i.panel:after, .element.text .user .panel ul.permissions li span i.panel:after, .user .subject .panel ul.permissions li span i.parent:before, .subject .user .panel ul.permissions li span i.parent:before {
  display: block;
  width: 22px;
  line-height: 22px;
  margin-top: -4px;
  margin-right: -4px;
  font-size: 12px;
  text-align: center;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: default;
  color: #f5f4f3;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=86);
  opacity: 0.86;
}
/* line 89, ../../app/scss/layouts/_user.scss */
.user .panel ul.permissions li span:hover, .user .panel ul.permissions li span:focus {
  width: 22px;
  height: 22px;
  margin: 0;
}
/* line 95, ../../app/scss/layouts/_user.scss */
.user .panel ul.permissions li span:hover i.material-icons, .user .panel ul.permissions li span:hover .magazine-viewport i.previous-button-hover:before, .magazine-viewport .user .panel ul.permissions li span:hover i.previous-button-hover:before,
.user .panel ul.permissions li span:hover .magazine-viewport i.previous-button-down:before,
.magazine-viewport .user .panel ul.permissions li span:hover i.previous-button-down:before,
.user .panel ul.permissions li span:hover .magazine-viewport i.next-button-hover:before,
.magazine-viewport .user .panel ul.permissions li span:hover i.next-button-hover:before,
.user .panel ul.permissions li span:hover .magazine-viewport i.next-button-down:before,
.magazine-viewport .user .panel ul.permissions li span:hover i.next-button-down:before, .user .panel ul.permissions li span:hover .dropdown i.dropdown-menu:before, .dropdown .user .panel ul.permissions li span:hover i.dropdown-menu:before, .user .panel ul.permissions li span:hover i.thumb:before, .user .element .panel ul.permissions li span:hover i.parent:before, .element .user .panel ul.permissions li span:hover i.parent:before, .user .panel ul.permissions li span:hover .element.achieved i.panel:after, .element.achieved .user .panel ul.permissions li span:hover i.panel:after, .user .panel ul.permissions li span:hover .element.text i.panel:after, .element.text .user .panel ul.permissions li span:hover i.panel:after, .user .subject .panel ul.permissions li span:hover i.parent:before, .subject .user .panel ul.permissions li span:hover i.parent:before, .user .panel ul.permissions li span:focus i.material-icons, .user .panel ul.permissions li span:focus .magazine-viewport i.previous-button-hover:before, .magazine-viewport .user .panel ul.permissions li span:focus i.previous-button-hover:before,
.user .panel ul.permissions li span:focus .magazine-viewport i.previous-button-down:before,
.magazine-viewport .user .panel ul.permissions li span:focus i.previous-button-down:before,
.user .panel ul.permissions li span:focus .magazine-viewport i.next-button-hover:before,
.magazine-viewport .user .panel ul.permissions li span:focus i.next-button-hover:before,
.user .panel ul.permissions li span:focus .magazine-viewport i.next-button-down:before,
.magazine-viewport .user .panel ul.permissions li span:focus i.next-button-down:before, .user .panel ul.permissions li span:focus .dropdown i.dropdown-menu:before, .dropdown .user .panel ul.permissions li span:focus i.dropdown-menu:before, .user .panel ul.permissions li span:focus i.thumb:before, .user .element .panel ul.permissions li span:focus i.parent:before, .element .user .panel ul.permissions li span:focus i.parent:before, .user .panel ul.permissions li span:focus .element.achieved i.panel:after, .element.achieved .user .panel ul.permissions li span:focus i.panel:after, .user .panel ul.permissions li span:focus .element.text i.panel:after, .element.text .user .panel ul.permissions li span:focus i.panel:after, .user .subject .panel ul.permissions li span:focus i.parent:before, .subject .user .panel ul.permissions li span:focus i.parent:before {
  margin: 0;
  font-size: 18px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 102, ../../app/scss/layouts/_user.scss */
.user .panel ul.permissions li span.admin {
  background-color: #ef6c3d;
}
/* line 103, ../../app/scss/layouts/_user.scss */
.user .panel ul.permissions li span.supervisor {
  background-color: #e29c45;
}
/* line 104, ../../app/scss/layouts/_user.scss */
.user .panel ul.permissions li span.student {
  background-color: #24af92;
}
/* line 109, ../../app/scss/layouts/_user.scss */
.user .panel .options {
  position: absolute;
  top: 7px;
  left: 7px;
  width: 21px;
}
/* line 115, ../../app/scss/layouts/_user.scss */
.user .panel .options > a {
  display: block;
}
/* line 118, ../../app/scss/layouts/_user.scss */
.user .panel .options > a, .user .panel .options > a:hover, .user .panel .options > a:focus {
  color: #a9a6a3;
}
/* line 124, ../../app/scss/layouts/_user.scss */
.user .panel .options > a:before {
  content: 'more_vert';
  display: block;
  width: 21px;
  line-height: 28px;
  text-align: center;
}
/* line 135, ../../app/scss/layouts/_user.scss */
.user .panel .options ul.dropdown-menu {
  left: -23px;
}
/* line 139, ../../app/scss/layouts/_user.scss */
.user .panel > a h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 145, ../../app/scss/layouts/_user.scss */
.user .panel > a p {
  height: 42px;
  overflow: hidden;
}

/* line 6, ../../app/scss/layouts/_subject.scss */
.subjects-container .subject {
  float: right;
  box-sizing: border-box;
  width: 100%;
}

@media (min-width: 550px) {
  /* line 12, ../../app/scss/layouts/_subject.scss */
  .subjects-container {
    margin-right: -14px;
    margin-left: -14px;
  }
  /* line 16, ../../app/scss/layouts/_subject.scss */
  .subjects-container .subject {
    padding: 0 14px;
  }
}
@media (min-width: 750px) {
  /* line 20, ../../app/scss/layouts/_subject.scss */
  .subjects-container .subject {
    width: 50%;
  }
}
@media (min-width: 1000px) {
  /* line 23, ../../app/scss/layouts/_subject.scss */
  .subjects-container .subject {
    width: 33.33333%;
  }
}
/* line 27, ../../app/scss/layouts/_subject.scss */
.subject {
  display: block;
  margin-bottom: 28px;
}
/* line 31, ../../app/scss/layouts/_subject.scss */
.subject .panel {
  margin-bottom: 14px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=86);
  opacity: 0.86;
  background-color: #edebe9;
}
/* line 36, ../../app/scss/layouts/_subject.scss */
.subject .panel .parent:before {
  content: 'extension';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  margin-top: -15px;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  color: #7c7976;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 52, ../../app/scss/layouts/_subject.scss */
.subject .panel .options {
  position: absolute;
  top: 7px;
  left: 7px;
  width: 21px;
}
/* line 58, ../../app/scss/layouts/_subject.scss */
.subject .panel .options > a {
  display: block;
  color: #f5f4f3;
}
/* line 62, ../../app/scss/layouts/_subject.scss */
.subject .panel .options > a, .subject .panel .options > a:hover, .subject .panel .options > a:focus {
  color: #fff;
}
/* line 66, ../../app/scss/layouts/_subject.scss */
.subject .panel .options > a:before {
  content: 'more_vert';
  display: block;
  width: 21px;
  line-height: 28px;
  text-align: center;
}
/* line 77, ../../app/scss/layouts/_subject.scss */
.subject .panel .options ul.dropdown-menu {
  left: -25px;
}
/* line 81, ../../app/scss/layouts/_subject.scss */
.subject.x1 .panel .parent:before {
  font-size: 18px;
}
/* line 83, ../../app/scss/layouts/_subject.scss */
.subject a {
  display: block;
}
/* line 86, ../../app/scss/layouts/_subject.scss */
.subject a h3 {
  line-height: 21px;
}

/* line 91, ../../app/scss/layouts/_subject.scss */
.subject .panel .parent {
  overflow: hidden;
  display: block;
  position: relative;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
/* line 97, ../../app/scss/layouts/_subject.scss */
.subject .panel .parent img {
  display: block;
  width: 100%;
}
/* line 101, ../../app/scss/layouts/_subject.scss */
.subject .panel .parent img.cover {
  position: absolute;
  top: 0;
  right: 0;
}

/* line 109, ../../app/scss/layouts/_subject.scss */
.subject .panel:hover,
.subject .panel:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* line 16, ../../app/scss/layouts/_header.scss */
body.admin #header {
  position: fixed;
  top: 0;
  right: 0;
}
/* line 21, ../../app/scss/layouts/_header.scss */
body.admin #header .container {
  width: 100%;
  max-width: none;
  padding: 0 28px;
}
/* line 27, ../../app/scss/layouts/_header.scss */
body.admin .wrapper {
  padding-top: 154px;
}

/* line 30, ../../app/scss/layouts/_header.scss */
#header {
  box-sizing: border-box;
  width: 100%;
  height: 70px;
  padding: 14px 0;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  background-color: #fff;
  z-index: 9;
}
/* line 40, ../../app/scss/layouts/_header.scss */
#header a.logo {
  float: right;
  position: relative;
  display: block;
  height: 42px;
  margin-left: 35px;
}
/* line 47, ../../app/scss/layouts/_header.scss */
#header a.logo img {
  display: block;
  margin: 0;
}

/* line 56, ../../app/scss/layouts/_header.scss */
.menu_icon {
  display: block;
  position: absolute;
  top: 0;
  left: 20px;
  width: 18px;
  height: 18px;
  padding: 12px 0;
}
/* line 65, ../../app/scss/layouts/_header.scss */
.menu_icon span {
  display: block;
  width: 18px;
  height: 2px;
  margin: 3px auto;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: #a9a6a3;
}
/* line 74, ../../app/scss/layouts/_header.scss */
.menu_icon:hover span, .menu_icon:focus span {
  background-color: #7c7976;
}
/* line 77, ../../app/scss/layouts/_header.scss */
.menu_icon.close_menu span:nth-child(1) {
  -moz-transform: rotate(-45deg) translate(-4px, 4px);
  -ms-transform: rotate(-45deg) translate(-4px, 4px);
  -webkit-transform: rotate(-45deg) translate(-4px, 4px);
  transform: rotate(-45deg) translate(-4px, 4px);
}
/* line 78, ../../app/scss/layouts/_header.scss */
.menu_icon.close_menu span:nth-child(2) {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 79, ../../app/scss/layouts/_header.scss */
.menu_icon.close_menu span:nth-child(3) {
  -moz-transform: rotate(45deg) translate(-3px, -4px);
  -ms-transform: rotate(45deg) translate(-3px, -4px);
  -webkit-transform: rotate(45deg) translate(-3px, -4px);
  transform: rotate(45deg) translate(-3px, -4px);
}

@media (min-width: 400px) {
  /* line 81, ../../app/scss/layouts/_header.scss */
  .menu_icon {
    left: 0;
  }
}
@media (min-width: 660px) {
  /* line 82, ../../app/scss/layouts/_header.scss */
  #header #header-menu {
    display: none;
  }
}
/* line 86, ../../app/scss/layouts/_header.scss */
#header nav {
  display: block;
}
/* line 89, ../../app/scss/layouts/_header.scss */
#header nav.nav-right {
  float: right;
}
/* line 90, ../../app/scss/layouts/_header.scss */
#header nav.nav-left {
  float: left;
}
/* line 92, ../../app/scss/layouts/_header.scss */
#header nav ul.blocks-inline > li {
  margin-left: 28px;
}
/* line 95, ../../app/scss/layouts/_header.scss */
#header nav ul.blocks-inline > li:last-child {
  margin-left: 0;
}
/* line 97, ../../app/scss/layouts/_header.scss */
#header nav ul.blocks-inline > li a {
  line-height: 42px;
}
/* line 100, ../../app/scss/layouts/_header.scss */
#header nav ul.blocks-inline > li a:hover, #header nav ul.blocks-inline > li a:focus {
  color: #524b41;
}
/* line 104, ../../app/scss/layouts/_header.scss */
#header nav ul.blocks-inline > li#login {
  padding-top: 5px;
  padding-bottom: 5px;
}
/* line 108, ../../app/scss/layouts/_header.scss */
#header nav ul.blocks-inline > li#login a.button {
  line-height: 26px;
}
/* line 111, ../../app/scss/layouts/_header.scss */
#header nav ul.blocks-inline > li#login a.button:hover, #header nav ul.blocks-inline > li#login a.button:focus {
  background-color: #e29c45;
  color: #fff;
}
/* line 122, ../../app/scss/layouts/_header.scss */
#header nav.nav-left ul.blocks-inline > li a:hover,
#header nav.nav-left ul.blocks-inline > li a:focus {
  color: #7c7976;
}

/* line 163, ../../app/scss/layouts/_header.scss */
#header nav ul.blocks-inline li a.avatar .thumb.x1,
#header nav ul.blocks-inline li a.avatar span,
#header nav ul.blocks-inline li a.avatar i.material-icons,
#header nav ul.blocks-inline li a.avatar .magazine-viewport i.previous-button-hover:before,
.magazine-viewport #header nav ul.blocks-inline li a.avatar i.previous-button-hover:before,
#header nav ul.blocks-inline li a.avatar .magazine-viewport i.previous-button-down:before,
.magazine-viewport #header nav ul.blocks-inline li a.avatar i.previous-button-down:before,
#header nav ul.blocks-inline li a.avatar .magazine-viewport i.next-button-hover:before,
.magazine-viewport #header nav ul.blocks-inline li a.avatar i.next-button-hover:before,
#header nav ul.blocks-inline li a.avatar .magazine-viewport i.next-button-down:before,
.magazine-viewport #header nav ul.blocks-inline li a.avatar i.next-button-down:before,
#header nav ul.blocks-inline li a.avatar .dropdown i.dropdown-menu:before,
.dropdown #header nav ul.blocks-inline li a.avatar i.dropdown-menu:before,
#header nav ul.blocks-inline li a.avatar i.thumb:before,
#header nav ul.blocks-inline li a.avatar .element .panel i.parent:before,
.element .panel #header nav ul.blocks-inline li a.avatar i.parent:before,
#header nav ul.blocks-inline li a.avatar .element.achieved i.panel:after,
.element.achieved #header nav ul.blocks-inline li a.avatar i.panel:after,
#header nav ul.blocks-inline li a.avatar .element.text i.panel:after,
.element.text #header nav ul.blocks-inline li a.avatar i.panel:after,
#header nav ul.blocks-inline li a.avatar .subject .panel i.parent:before,
.subject .panel #header nav ul.blocks-inline li a.avatar i.parent:before {
  float: right;
}
/* line 167, ../../app/scss/layouts/_header.scss */
#header nav ul.blocks-inline li a.avatar span {
  display: block;
  padding-right: 11px;
}
/* line 172, ../../app/scss/layouts/_header.scss */
#header nav ul.blocks-inline li a.avatar i.material-icons, #header nav ul.blocks-inline li a.avatar .magazine-viewport i.previous-button-hover:before, .magazine-viewport #header nav ul.blocks-inline li a.avatar i.previous-button-hover:before,
#header nav ul.blocks-inline li a.avatar .magazine-viewport i.previous-button-down:before,
.magazine-viewport #header nav ul.blocks-inline li a.avatar i.previous-button-down:before,
#header nav ul.blocks-inline li a.avatar .magazine-viewport i.next-button-hover:before,
.magazine-viewport #header nav ul.blocks-inline li a.avatar i.next-button-hover:before,
#header nav ul.blocks-inline li a.avatar .magazine-viewport i.next-button-down:before,
.magazine-viewport #header nav ul.blocks-inline li a.avatar i.next-button-down:before, #header nav ul.blocks-inline li a.avatar .dropdown i.dropdown-menu:before, .dropdown #header nav ul.blocks-inline li a.avatar i.dropdown-menu:before, #header nav ul.blocks-inline li a.avatar i.thumb:before, #header nav ul.blocks-inline li a.avatar .element .panel i.parent:before, .element .panel #header nav ul.blocks-inline li a.avatar i.parent:before, #header nav ul.blocks-inline li a.avatar .element.achieved i.panel:after, .element.achieved #header nav ul.blocks-inline li a.avatar i.panel:after, #header nav ul.blocks-inline li a.avatar .element.text i.panel:after, .element.text #header nav ul.blocks-inline li a.avatar i.panel:after, #header nav ul.blocks-inline li a.avatar .subject .panel i.parent:before, .subject .panel #header nav ul.blocks-inline li a.avatar i.parent:before {
  display: block;
  width: 28px;
  line-height: 42px;
  text-align: left;
}
/* line 179, ../../app/scss/layouts/_header.scss */
#header nav ul.blocks-inline li a.avatar + ul.dropdown-menu {
  left: 11px;
}

@media only screen and (max-width: 659px) {
  /* line 184, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header #header-content {
    float: right;
    display: none;
    width: 100%;
    -moz-transform: translateY(14px);
    -ms-transform: translateY(14px);
    -webkit-transform: translateY(14px);
    transform: translateY(14px);
  }
  /* line 191, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header #header-content nav.nav-right, body:not(.admin) #header #header-content nav.nav-left {
    float: none;
  }
  /* line 194, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header #header-content nav ul.blocks-inline > li {
    float: none;
    margin-left: 0;
    border-top: 1px solid #edebe9;
  }
  /* line 199, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header #header-content nav ul.blocks-inline > li a {
    padding: 4px 0;
    line-height: 42px;
    text-align: center;
  }
  /* line 204, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header #header-content nav ul.blocks-inline > li a:hover, body:not(.admin) #header #header-content nav ul.blocks-inline > li a:focus {
    background-color: #fbfafa;
    color: #524b41;
  }
  /* line 211, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header #header-content nav ul.blocks-inline > li.dropdown {
    border-top: none;
  }
  /* line 214, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header #header-content nav ul.blocks-inline > li.dropdown .dropdown-toggle {
    display: none;
  }
  /* line 216, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header #header-content nav ul.blocks-inline > li.dropdown .dropdown-menu {
    position: static;
    top: 0;
    left: 0;
    min-width: auto;
    height: auto;
    margin: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
  }
  /* line 230, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header #header-content nav ul.blocks-inline > li.dropdown .dropdown-menu:before {
    display: none;
  }
  /* line 233, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header #header-content nav ul.blocks-inline > li.dropdown .dropdown-menu li a {
    border-bottom: none;
    border-top: 1px solid #edebe9;
    line-height: 42px;
  }
  /* line 238, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header #header-content nav ul.blocks-inline > li.dropdown .dropdown-menu li a:hover, body:not(.admin) #header #header-content nav ul.blocks-inline > li.dropdown .dropdown-menu li a:focus {
    background-color: #fbfafa;
    color: #524b41;
  }
  /* line 245, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header #header-content nav ul.blocks-inline > li.dropdown .dropdown-menu li:first-child a {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
  }
  /* line 246, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header #header-content nav ul.blocks-inline > li.dropdown .dropdown-menu li:last-child a {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  /* line 251, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header #header-content nav ul.blocks-inline > li#login {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  /* line 255, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header #header-content nav ul.blocks-inline > li#login a.button {
    line-height: 26px;
  }
  /* line 258, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header #header-content nav ul.blocks-inline > li#login a.button:hover, body:not(.admin) #header #header-content nav ul.blocks-inline > li#login a.button:focus {
    background-color: #e29c45;
    color: #fff;
  }

  /* line 270, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header #header-content nav ul.blocks-inline > li {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
  }
  /* line 278, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header.header_open #header-content nav ul.blocks-inline > li, body:not(.admin) #header.header_open #header-content nav ul.blocks-inline > li.dropdown .dropdown-menu li {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
  }
  /* line 286, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header.header_open #header-content nav:nth-child(1) ul.blocks-inline > li:nth-child(1) {
    -moz-transition: all 0.05s ease-in-out 0.25s;
    -o-transition: all 0.05s ease-in-out 0.25s;
    -webkit-transition: all 0.05s ease-in-out;
    -webkit-transition-delay: 0.25s;
    transition: all 0.05s ease-in-out 0.25s;
  }
  /* line 287, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header.header_open #header-content nav:nth-child(1) ul.blocks-inline > li:nth-child(2) {
    -moz-transition: all 0.09s ease-in-out 0.29s;
    -o-transition: all 0.09s ease-in-out 0.29s;
    -webkit-transition: all 0.09s ease-in-out;
    -webkit-transition-delay: 0.29s;
    transition: all 0.09s ease-in-out 0.29s;
  }
  /* line 288, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header.header_open #header-content nav:nth-child(1) ul.blocks-inline > li:nth-child(3) {
    -moz-transition: all 0.125s ease-in-out 0.325s;
    -o-transition: all 0.125s ease-in-out 0.325s;
    -webkit-transition: all 0.125s ease-in-out;
    -webkit-transition-delay: 0.325s;
    transition: all 0.125s ease-in-out 0.325s;
  }
  /* line 292, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header.header_open #header-content nav:nth-child(2) ul.blocks-inline > li.dropdown ul.dropdown-menu li:nth-child(1) {
    -moz-transition: all 0.155s ease-in-out 0.355s;
    -o-transition: all 0.155s ease-in-out 0.355s;
    -webkit-transition: all 0.155s ease-in-out;
    -webkit-transition-delay: 0.355s;
    transition: all 0.155s ease-in-out 0.355s;
  }
  /* line 293, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header.header_open #header-content nav:nth-child(2) ul.blocks-inline > li.dropdown ul.dropdown-menu li:nth-child(2) {
    -moz-transition: all 0.18s ease-in-out 0.38s;
    -o-transition: all 0.18s ease-in-out 0.38s;
    -webkit-transition: all 0.18s ease-in-out;
    -webkit-transition-delay: 0.38s;
    transition: all 0.18s ease-in-out 0.38s;
  }
  /* line 294, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header.header_open #header-content nav:nth-child(2) ul.blocks-inline > li.dropdown ul.dropdown-menu li:nth-child(3) {
    -moz-transition: all 0.2s ease-in-out 0.4s;
    -o-transition: all 0.2s ease-in-out 0.4s;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0.4s;
    transition: all 0.2s ease-in-out 0.4s;
  }
  /* line 295, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header.header_open #header-content nav:nth-child(2) ul.blocks-inline > li.dropdown ul.dropdown-menu li:nth-child(4) {
    -moz-transition: all 0.215s ease-in-out 0.415s;
    -o-transition: all 0.215s ease-in-out 0.415s;
    -webkit-transition: all 0.215s ease-in-out;
    -webkit-transition-delay: 0.415s;
    transition: all 0.215s ease-in-out 0.415s;
  }
  /* line 296, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header.header_open #header-content nav:nth-child(2) ul.blocks-inline > li.dropdown ul.dropdown-menu li:nth-child(5) {
    -moz-transition: all 0.225s ease-in-out 0.425s;
    -o-transition: all 0.225s ease-in-out 0.425s;
    -webkit-transition: all 0.225s ease-in-out;
    -webkit-transition-delay: 0.425s;
    transition: all 0.225s ease-in-out 0.425s;
  }
}
@media only screen and (min-width: 660px) {
  /* line 302, ../../app/scss/layouts/_header.scss */
  body:not(.admin) #header #header-content {
    display: block !important;
  }
}
/* line 16, ../../app/scss/layouts/_sidebar.scss */
aside#sidebar {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -moz-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.07);
  box-shadow: -1px 0 2px rgba(0, 0, 0, 0.07);
  background-color: #fff;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 10;
}
/* line 29, ../../app/scss/layouts/_sidebar.scss */
aside#sidebar a.logo {
  display: block;
  height: 42px;
  margin-bottom: 28px;
  padding: 14px 28px;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  background-color: #62513c;
}
/* line 37, ../../app/scss/layouts/_sidebar.scss */
aside#sidebar a.logo img {
  display: block;
  height: 44px;
  margin: 0;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 46, ../../app/scss/layouts/_sidebar.scss */
aside#sidebar .menu.menu_icon {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  margin: 14px 0;
}
/* line 54, ../../app/scss/layouts/_sidebar.scss */
aside#sidebar .menu.menu_icon span {
  background-color: #f5f4f3;
}
/* line 56, ../../app/scss/layouts/_sidebar.scss */
aside#sidebar .menu.menu_icon:hover span, aside#sidebar .menu.menu_icon:focus span {
  background-color: #fff;
}
/* line 64, ../../app/scss/layouts/_sidebar.scss */
aside#sidebar nav ul.blocks.withIcon > li {
  margin-bottom: 7px;
  padding: 0 21px;
  border-right: 0 solid transparent;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 70, ../../app/scss/layouts/_sidebar.scss */
aside#sidebar nav ul.blocks.withIcon > li a {
  padding: 7px 0;
  padding-right: 35px;
}
/* line 74, ../../app/scss/layouts/_sidebar.scss */
aside#sidebar nav ul.blocks.withIcon > li a i.material-icons, aside#sidebar nav ul.blocks.withIcon > li a .magazine-viewport i.previous-button-hover:before, .magazine-viewport aside#sidebar nav ul.blocks.withIcon > li a i.previous-button-hover:before,
aside#sidebar nav ul.blocks.withIcon > li a .magazine-viewport i.previous-button-down:before,
.magazine-viewport aside#sidebar nav ul.blocks.withIcon > li a i.previous-button-down:before,
aside#sidebar nav ul.blocks.withIcon > li a .magazine-viewport i.next-button-hover:before,
.magazine-viewport aside#sidebar nav ul.blocks.withIcon > li a i.next-button-hover:before,
aside#sidebar nav ul.blocks.withIcon > li a .magazine-viewport i.next-button-down:before,
.magazine-viewport aside#sidebar nav ul.blocks.withIcon > li a i.next-button-down:before, aside#sidebar nav ul.blocks.withIcon > li a .dropdown i.dropdown-menu:before, .dropdown aside#sidebar nav ul.blocks.withIcon > li a i.dropdown-menu:before, aside#sidebar nav ul.blocks.withIcon > li a i.thumb:before, aside#sidebar nav ul.blocks.withIcon > li a .element .panel i.parent:before, .element .panel aside#sidebar nav ul.blocks.withIcon > li a i.parent:before, aside#sidebar nav ul.blocks.withIcon > li a .element.achieved i.panel:after, .element.achieved aside#sidebar nav ul.blocks.withIcon > li a i.panel:after, aside#sidebar nav ul.blocks.withIcon > li a .element.text i.panel:after, .element.text aside#sidebar nav ul.blocks.withIcon > li a i.panel:after, aside#sidebar nav ul.blocks.withIcon > li a .subject .panel i.parent:before, .subject .panel aside#sidebar nav ul.blocks.withIcon > li a i.parent:before {
  top: 7px;
  width: 28px;
  font-size: 22px;
  color: #e29c45;
}
/* line 81, ../../app/scss/layouts/_sidebar.scss */
aside#sidebar nav ul.blocks.withIcon > li a span {
  display: block;
  width: 156px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 88, ../../app/scss/layouts/_sidebar.scss */
aside#sidebar nav ul.blocks.withIcon > li.active {
  border-right: 7px solid #e29c45;
}
/* line 91, ../../app/scss/layouts/_sidebar.scss */
aside#sidebar nav ul.blocks.withIcon > li.active a {
  color: #e29c45;
}
/* line 97, ../../app/scss/layouts/_sidebar.scss */
aside#sidebar [class*="hint--"]:hover:before, aside#sidebar [class*="hint--"]:hover:after {
  visibility: hidden;
  opacity: 0;
}

/* line 103, ../../app/scss/layouts/_sidebar.scss */
body.admin {
  padding-right: 100%;
}
/* line 106, ../../app/scss/layouts/_sidebar.scss */
body.admin.sidebar_collapsed {
  padding-right: 70px;
}

/* line 109, ../../app/scss/layouts/_sidebar.scss */
body.admin.sidebar_collapsed aside#sidebar {
  width: 70px;
}
/* line 112, ../../app/scss/layouts/_sidebar.scss */
body.admin.sidebar_collapsed aside#sidebar a.logo {
  height: 23px;
  padding: 24px 18px 23px;
}
/* line 116, ../../app/scss/layouts/_sidebar.scss */
body.admin.sidebar_collapsed aside#sidebar a.logo img {
  height: 24px;
}
/* line 121, ../../app/scss/layouts/_sidebar.scss */
body.admin.sidebar_collapsed aside#sidebar a.menu {
  left: -70px;
}
/* line 124, ../../app/scss/layouts/_sidebar.scss */
body.admin.sidebar_collapsed aside#sidebar a.menu span {
  background-color: #a9a6a3;
}
/* line 126, ../../app/scss/layouts/_sidebar.scss */
body.admin.sidebar_collapsed aside#sidebar a.menu:hover span, body.admin.sidebar_collapsed aside#sidebar a.menu:focus span {
  background-color: #7c7976;
}
/* line 135, ../../app/scss/layouts/_sidebar.scss */
body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a i.material-icons, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a .magazine-viewport i.previous-button-hover:before, .magazine-viewport body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a i.previous-button-hover:before,
body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a .magazine-viewport i.previous-button-down:before,
.magazine-viewport body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a i.previous-button-down:before,
body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a .magazine-viewport i.next-button-hover:before,
.magazine-viewport body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a i.next-button-hover:before,
body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a .magazine-viewport i.next-button-down:before,
.magazine-viewport body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a i.next-button-down:before, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a .dropdown i.dropdown-menu:before, .dropdown body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a i.dropdown-menu:before, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a i.thumb:before, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a .element .panel i.parent:before, .element .panel body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a i.parent:before, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a .element.achieved i.panel:after, .element.achieved body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a i.panel:after, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a .element.text i.panel:after, .element.text body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a i.panel:after, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a .subject .panel i.parent:before, .subject .panel body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a i.parent:before {
  color: #7c7976;
}
/* line 137, ../../app/scss/layouts/_sidebar.scss */
body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:hover, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:focus {
  color: #e29c45;
}
/* line 141, ../../app/scss/layouts/_sidebar.scss */
body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:hover i.material-icons, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:hover .magazine-viewport i.previous-button-hover:before, .magazine-viewport body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:hover i.previous-button-hover:before,
body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:hover .magazine-viewport i.previous-button-down:before,
.magazine-viewport body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:hover i.previous-button-down:before,
body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:hover .magazine-viewport i.next-button-hover:before,
.magazine-viewport body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:hover i.next-button-hover:before,
body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:hover .magazine-viewport i.next-button-down:before,
.magazine-viewport body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:hover i.next-button-down:before, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:hover .dropdown i.dropdown-menu:before, .dropdown body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:hover i.dropdown-menu:before, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:hover i.thumb:before, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:hover .element .panel i.parent:before, .element .panel body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:hover i.parent:before, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:hover .element.achieved i.panel:after, .element.achieved body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:hover i.panel:after, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:hover .element.text i.panel:after, .element.text body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:hover i.panel:after, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:hover .subject .panel i.parent:before, .subject .panel body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:hover i.parent:before, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:focus i.material-icons, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:focus .magazine-viewport i.previous-button-hover:before, .magazine-viewport body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:focus i.previous-button-hover:before,
body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:focus .magazine-viewport i.previous-button-down:before,
.magazine-viewport body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:focus i.previous-button-down:before,
body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:focus .magazine-viewport i.next-button-hover:before,
.magazine-viewport body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:focus i.next-button-hover:before,
body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:focus .magazine-viewport i.next-button-down:before,
.magazine-viewport body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:focus i.next-button-down:before, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:focus .dropdown i.dropdown-menu:before, .dropdown body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:focus i.dropdown-menu:before, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:focus i.thumb:before, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:focus .element .panel i.parent:before, .element .panel body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:focus i.parent:before, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:focus .element.achieved i.panel:after, .element.achieved body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:focus i.panel:after, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:focus .element.text i.panel:after, .element.text body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:focus i.panel:after, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:focus .subject .panel i.parent:before, .subject .panel body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a:focus i.parent:before {
  color: #e29c45;
}
/* line 144, ../../app/scss/layouts/_sidebar.scss */
body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li a span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 151, ../../app/scss/layouts/_sidebar.scss */
body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li.active {
  border-right-width: 0;
}
/* line 154, ../../app/scss/layouts/_sidebar.scss */
body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li.active i.material-icons, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li.active .magazine-viewport i.previous-button-hover:before, .magazine-viewport body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li.active i.previous-button-hover:before,
body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li.active .magazine-viewport i.previous-button-down:before,
.magazine-viewport body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li.active i.previous-button-down:before,
body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li.active .magazine-viewport i.next-button-hover:before,
.magazine-viewport body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li.active i.next-button-hover:before,
body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li.active .magazine-viewport i.next-button-down:before,
.magazine-viewport body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li.active i.next-button-down:before, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li.active .dropdown i.dropdown-menu:before, .dropdown body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li.active i.dropdown-menu:before, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li.active i.thumb:before, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li.active .element .panel i.parent:before, .element .panel body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li.active i.parent:before, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li.active .element.achieved i.panel:after, .element.achieved body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li.active i.panel:after, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li.active .element.text i.panel:after, .element.text body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li.active i.panel:after, body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li.active .subject .panel i.parent:before, .subject .panel body.admin.sidebar_collapsed aside#sidebar nav ul.blocks.withIcon > li.active i.parent:before {
  color: #e29c45;
}
/* line 159, ../../app/scss/layouts/_sidebar.scss */
body.admin.sidebar_collapsed aside#sidebar [class*="hint--"]:hover:before, body.admin.sidebar_collapsed aside#sidebar [class*="hint--"]:hover:after {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 549px) {
  /* line 166, ../../app/scss/layouts/_sidebar.scss */
  body.admin.sidebar_collapsed {
    padding-right: 0;
  }
  /* line 169, ../../app/scss/layouts/_sidebar.scss */
  body.admin.sidebar_collapsed aside#sidebar {
    right: -70px;
  }
}
@media (min-width: 550px) {
  /* line 174, ../../app/scss/layouts/_sidebar.scss */
  aside#sidebar {
    width: 240px;
  }
  /* line 177, ../../app/scss/layouts/_sidebar.scss */
  aside#sidebar a.menu {
    left: -70px;
  }
  /* line 180, ../../app/scss/layouts/_sidebar.scss */
  aside#sidebar a.menu span {
    background-color: #a9a6a3;
  }
  /* line 182, ../../app/scss/layouts/_sidebar.scss */
  aside#sidebar a.menu:hover span, aside#sidebar a.menu:focus span {
    background-color: #7c7976;
  }

  /* line 187, ../../app/scss/layouts/_sidebar.scss */
  body.admin {
    padding-right: 240px;
  }
}
/* line 2, ../../app/scss/views/_page-form.scss */
.page_form .container {
  max-width: 714px;
}
/* line 4, ../../app/scss/views/_page-form.scss */
.page_form section {
  padding-top: 21px;
  padding-bottom: 21px;
}
/* line 8, ../../app/scss/views/_page-form.scss */
.page_form section.tabs-filter {
  border-bottom: none;
}
/* line 11, ../../app/scss/views/_page-form.scss */
.page_form section.tabs-filter .buttons-group.tabs {
  margin-bottom: 0;
}
/* line 15, ../../app/scss/views/_page-form.scss */
.page_form .checkbox label,
.page_form .radio label {
  line-height: 35px;
}
/* line 19, ../../app/scss/views/_page-form.scss */
.page_form .checkbox label input ~ span.icon,
.page_form .radio label input ~ span.icon {
  height: 35px;
}
/* line 20, ../../app/scss/views/_page-form.scss */
.page_form .checkbox label input ~ span.icon:before,
.page_form .radio label input ~ span.icon:before {
  line-height: 35px;
}
/* line 23, ../../app/scss/views/_page-form.scss */
.page_form label.upload-avatar,
.page_form label.upload-excel,
.page_form label.upload-book,
.page_form label.upload-media,
.page_form label.upload-subject {
  box-sizing: border-box;
  position: relative;
  min-height: 84px;
  padding: 7px 0;
  padding-right: 112px;
  cursor: pointer;
}
/* line 35, ../../app/scss/views/_page-form.scss */
.page_form label.upload-avatar .thumb,
.page_form label.upload-avatar .element,
.page_form label.upload-avatar .subject,
.page_form label.upload-excel .thumb,
.page_form label.upload-excel .element,
.page_form label.upload-excel .subject,
.page_form label.upload-book .thumb,
.page_form label.upload-book .element,
.page_form label.upload-book .subject,
.page_form label.upload-media .thumb,
.page_form label.upload-media .element,
.page_form label.upload-media .subject,
.page_form label.upload-subject .thumb,
.page_form label.upload-subject .element,
.page_form label.upload-subject .subject {
  position: absolute;
  top: 0;
  right: 0;
}
/* line 43, ../../app/scss/views/_page-form.scss */
.page_form label.upload-avatar p,
.page_form label.upload-excel p,
.page_form label.upload-book p,
.page_form label.upload-media p,
.page_form label.upload-subject p {
  margin-bottom: 10px;
  color: #7c7976;
}
/* line 50, ../../app/scss/views/_page-form.scss */
.page_form label.upload-excel .thumb:before {
  content: 'note_add';
  bottom: 0;
  font-size: 42px;
}
/* line 56, ../../app/scss/views/_page-form.scss */
.page_form label.upload-book {
  padding-right: 83px;
}
/* line 59, ../../app/scss/views/_page-form.scss */
.page_form label.upload-book .element.book.x1 .panel {
  width: 55px;
}
/* line 62, ../../app/scss/views/_page-form.scss */
.page_form label.upload-media .element.audio.x1 .panel {
  width: 84px;
}
/* line 63, ../../app/scss/views/_page-form.scss */
.page_form label.upload-subject .subject .panel {
  width: 84px;
}

/* line 2, ../../app/scss/views/_student-profile.scss */
.student_profile .container {
  max-width: 714px;
}
/* line 6, ../../app/scss/views/_student-profile.scss */
.student_profile .panel section.information {
  padding-top: 84px;
  padding-bottom: 21px;
  text-align: center;
}
/* line 11, ../../app/scss/views/_student-profile.scss */
.student_profile .panel section.information .thumb {
  position: absolute;
  top: -49px;
  right: 50%;
  margin-right: -59.5px;
  border: 7px solid #f5f4f3;
}
/* line 19, ../../app/scss/views/_student-profile.scss */
.student_profile .panel section.information h2 {
  margin-bottom: 7px;
  color: #666059;
}
/* line 27, ../../app/scss/views/_student-profile.scss */
.student_profile .panel section.information p span:first-child:after {
  content: '/';
  padding: 0 7px;
}
/* line 34, ../../app/scss/views/_student-profile.scss */
.student_profile .panel section.statistics {
  padding: 0;
}
/* line 37, ../../app/scss/views/_student-profile.scss */
.student_profile .panel section.statistics ul.blocks-inline li {
  width: 50%;
  padding: 7px 0;
  border-bottom: 1px solid #edebe9;
}
/* line 42, ../../app/scss/views/_student-profile.scss */
.student_profile .panel section.statistics ul.blocks-inline li:nth-child(odd) {
  border-left: 1px solid #edebe9;
}
/* line 43, ../../app/scss/views/_student-profile.scss */
.student_profile .panel section.statistics ul.blocks-inline li:nth-child(n+5) {
  border-bottom: 0;
}
/* line 45, ../../app/scss/views/_student-profile.scss */
.student_profile .panel section.statistics ul.blocks-inline li div {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
/* line 51, ../../app/scss/views/_student-profile.scss */
.student_profile .panel section.statistics ul.blocks-inline li div span.num {
  display: block;
  line-height: 21px;
  color: #e29c45;
}
/* line 58, ../../app/scss/views/_student-profile.scss */
.student_profile .panel section.statistics ul.blocks-inline li div small.label {
  display: block;
  line-height: 21px;
}
/* line 66, ../../app/scss/views/_student-profile.scss */
.student_profile .panel section:last-child {
  padding-top: 28px;
  padding-bottom: 42px;
}
/* line 70, ../../app/scss/views/_student-profile.scss */
.student_profile .panel section:last-child .row:nth-last-child(2) {
  margin-top: 42px;
}

@media (min-width: 400px) {
  /* line 78, ../../app/scss/views/_student-profile.scss */
  .student_profile .panel section.statistics ul.blocks-inline li {
    width: 33.33333%;
    border-left: 1px solid #edebe9;
  }
  /* line 82, ../../app/scss/views/_student-profile.scss */
  .student_profile .panel section.statistics ul.blocks-inline li:last-child, .student_profile .panel section.statistics ul.blocks-inline li:nth-child(3) {
    border-left: 0;
  }
  /* line 83, ../../app/scss/views/_student-profile.scss */
  .student_profile .panel section.statistics ul.blocks-inline li:nth-child(n+4) {
    border-bottom: 0;
  }
}
@media (min-width: 550px) and (max-width: 749px) {
  /* line 88, ../../app/scss/views/_student-profile.scss */
  .student_profile .element.x2 {
    width: 33.33333%;
  }
}
@media (min-width: 750px) {
  /* line 92, ../../app/scss/views/_student-profile.scss */
  .student_profile .panel section.statistics {
    padding: 0 35px;
  }
  /* line 95, ../../app/scss/views/_student-profile.scss */
  .student_profile .panel section.statistics ul.blocks-inline li {
    width: 16.66667%;
    border-bottom: 0;
  }
  /* line 99, ../../app/scss/views/_student-profile.scss */
  .student_profile .panel section.statistics ul.blocks-inline li:nth-child(3) {
    border-left: 1px solid #edebe9;
  }
}
/* line 1, ../../app/scss/views/_login.scss */
.wrapper.login {
  padding-top: 105px;
}
/* line 4, ../../app/scss/views/_login.scss */
.wrapper.login .container {
  max-width: 294px;
}
/* line 6, ../../app/scss/views/_login.scss */
.wrapper.login a.logo {
  display: block;
  width: 88px;
  height: 77px;
  margin: 0 auto;
  margin-bottom: 42px;
}
/* line 13, ../../app/scss/views/_login.scss */
.wrapper.login a.logo img {
  display: block;
}
/* line 16, ../../app/scss/views/_login.scss */
.wrapper.login .togglePassText {
  cursor: pointer;
}
/* line 20, ../../app/scss/views/_login.scss */
.wrapper.login input.button[type='submit'] {
  display: block;
  width: 100%;
  margin-bottom: 21px;
  padding-top: 7px;
  padding-bottom: 7px;
}
/* line 28, ../../app/scss/views/_login.scss */
.wrapper.login a.link {
  display: block;
  text-align: center;
}
/* line 32, ../../app/scss/views/_login.scss */
.wrapper.login a.link:hover, .wrapper.login a.link:focus {
  text-decoration: underline;
}

/* line 5, ../../app/scss/views/_library.scss */
.library .desktop-three.columns {
  position: relative;
}

/* line 7, ../../app/scss/views/_library.scss */
.library .element-information {
  padding-top: 35px;
  margin-bottom: 42px;
}
/* line 11, ../../app/scss/views/_library.scss */
.library .element-information .close,
.library .element-information .options {
  position: absolute;
  top: 0;
  width: 21px;
}
/* line 17, ../../app/scss/views/_library.scss */
.library .element-information .close > a,
.library .element-information .options > a {
  display: block;
  color: #a9a6a3;
}
/* line 21, ../../app/scss/views/_library.scss */
.library .element-information .close > a:hover, .library .element-information .close > a:focus,
.library .element-information .options > a:hover,
.library .element-information .options > a:focus {
  color: #7c7976;
}
/* line 24, ../../app/scss/views/_library.scss */
.library .element-information .close > a:before,
.library .element-information .options > a:before {
  display: block;
  width: 21px;
  line-height: 35px;
  text-align: center;
}
/* line 35, ../../app/scss/views/_library.scss */
.library .element-information .close {
  right: 0;
}
/* line 38, ../../app/scss/views/_library.scss */
.library .element-information .close > a:before {
  content: 'close';
}
/* line 41, ../../app/scss/views/_library.scss */
.library .element-information .options {
  left: 0;
  z-index: 1;
}
/* line 45, ../../app/scss/views/_library.scss */
.library .element-information .options > a:before {
  content: 'more_horiz';
}
/* line 47, ../../app/scss/views/_library.scss */
.library .element-information .options ul.dropdown-menu {
  left: -20px;
}
/* line 50, ../../app/scss/views/_library.scss */
.library .element-information .options ul.dropdown-menu:before {
  left: 13px;
}
/* line 54, ../../app/scss/views/_library.scss */
.library .element-information .element {
  margin-bottom: 14px;
  padding-bottom: 21px;
  border-bottom: 1px solid #dddbd9;
}
/* line 59, ../../app/scss/views/_library.scss */
.library .element-information .element .panel {
  margin-bottom: 21px;
}
/* line 60, ../../app/scss/views/_library.scss */
.library .element-information .element h1 {
  margin-bottom: 7px;
}
/* line 62, ../../app/scss/views/_library.scss */
.library .element-information .element span {
  display: block;
  line-height: 21px;
}
/* line 68, ../../app/scss/views/_library.scss */
.library .element-information .element hr {
  margin-top: 21px;
  margin-bottom: 14px;
}
/* line 73, ../../app/scss/views/_library.scss */
.library .element-information .element p.description {
  margin-bottom: 14px;
}
/* line 76, ../../app/scss/views/_library.scss */
.library .element-information .reviews h4 {
  margin-bottom: 7px;
}

@media (min-width: 550px) {
  /* line 80, ../../app/scss/views/_library.scss */
  .library .element-information {
    padding: 0 21px;
    margin-bottom: 0;
  }
  /* line 84, ../../app/scss/views/_library.scss */
  .library .element-information .close,
  .library .element-information .options {
    top: -35px;
  }
  /* line 87, ../../app/scss/views/_library.scss */
  .library .element-information .close {
    right: 21px;
  }
  /* line 88, ../../app/scss/views/_library.scss */
  .library .element-information .options {
    left: 21px;
  }
}
/* line 93, ../../app/scss/views/_library.scss */
.library .element-information {
  position: absolute;
  top: 0;
}

/* line 96, ../../app/scss/views/_library.scss */
.library.actions_hidden .actions-container {
  position: absolute;
  top: 0;
}
/* line 97, ../../app/scss/views/_library.scss */
.library.actions_hidden .element-information {
  position: static;
  top: auto;
}

/* line 100, ../../app/scss/views/_library.scss */
.library .actions-container .panel.actions {
  -moz-transition: all 0.2s ease-in-out 0.4s;
  -o-transition: all 0.2s ease-in-out 0.4s;
  -webkit-transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0.4s;
  transition: all 0.2s ease-in-out 0.4s;
}
/* line 104, ../../app/scss/views/_library.scss */
.library .actions-container .panel.actions section:nth-child(1), .library .actions-container .panel.actions.buttons li:nth-child(1) {
  -moz-transition: all 0.05s ease-in-out 0.55s;
  -o-transition: all 0.05s ease-in-out 0.55s;
  -webkit-transition: all 0.05s ease-in-out;
  -webkit-transition-delay: 0.55s;
  transition: all 0.05s ease-in-out 0.55s;
}
/* line 105, ../../app/scss/views/_library.scss */
.library .actions-container .panel.actions section:nth-child(2), .library .actions-container .panel.actions.buttons li:nth-child(2) {
  -moz-transition: all 0.09s ease-in-out 0.59s;
  -o-transition: all 0.09s ease-in-out 0.59s;
  -webkit-transition: all 0.09s ease-in-out;
  -webkit-transition-delay: 0.59s;
  transition: all 0.09s ease-in-out 0.59s;
}
/* line 106, ../../app/scss/views/_library.scss */
.library .actions-container .panel.actions section:nth-child(3), .library .actions-container .panel.actions.buttons li:nth-child(3) {
  -moz-transition: all 0.125s ease-in-out 0.625s;
  -o-transition: all 0.125s ease-in-out 0.625s;
  -webkit-transition: all 0.125s ease-in-out;
  -webkit-transition-delay: 0.625s;
  transition: all 0.125s ease-in-out 0.625s;
}
/* line 107, ../../app/scss/views/_library.scss */
.library .actions-container .panel.actions section:nth-child(4), .library .actions-container .panel.actions.buttons li:nth-child(4) {
  -moz-transition: all 0.155s ease-in-out 0.655s;
  -o-transition: all 0.155s ease-in-out 0.655s;
  -webkit-transition: all 0.155s ease-in-out;
  -webkit-transition-delay: 0.655s;
  transition: all 0.155s ease-in-out 0.655s;
}
/* line 108, ../../app/scss/views/_library.scss */
.library .actions-container .panel.actions section:nth-child(5), .library .actions-container .panel.actions.buttons li:nth-child(5) {
  -moz-transition: all 0.18s ease-in-out 0.68s;
  -o-transition: all 0.18s ease-in-out 0.68s;
  -webkit-transition: all 0.18s ease-in-out;
  -webkit-transition-delay: 0.68s;
  transition: all 0.18s ease-in-out 0.68s;
}
/* line 109, ../../app/scss/views/_library.scss */
.library .actions-container .panel.actions section:nth-child(6), .library .actions-container .panel.actions.buttons li:nth-child(6) {
  -moz-transition: all 0.2s ease-in-out 0.7s;
  -o-transition: all 0.2s ease-in-out 0.7s;
  -webkit-transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0.7s;
  transition: all 0.2s ease-in-out 0.7s;
}
/* line 110, ../../app/scss/views/_library.scss */
.library .actions-container .panel.actions section:nth-child(7), .library .actions-container .panel.actions.buttons li:nth-child(7) {
  -moz-transition: all 0.215s ease-in-out 0.715s;
  -o-transition: all 0.215s ease-in-out 0.715s;
  -webkit-transition: all 0.215s ease-in-out;
  -webkit-transition-delay: 0.715s;
  transition: all 0.215s ease-in-out 0.715s;
}
/* line 111, ../../app/scss/views/_library.scss */
.library .actions-container .panel.actions section:nth-child(8), .library .actions-container .panel.actions.buttons li:nth-child(8) {
  -moz-transition: all 0.225s ease-in-out 0.725s;
  -o-transition: all 0.225s ease-in-out 0.725s;
  -webkit-transition: all 0.225s ease-in-out;
  -webkit-transition-delay: 0.725s;
  transition: all 0.225s ease-in-out 0.725s;
}

/* line 115, ../../app/scss/views/_library.scss */
.library.actions_hidden .actions-container .panel.actions {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 121, ../../app/scss/views/_library.scss */
.library.actions_hidden .actions-container .panel.actions section, .library.actions_hidden .actions-container .panel.actions.buttons li {
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}

/* line 128, ../../app/scss/views/_library.scss */
.library .element-information {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 134, ../../app/scss/views/_library.scss */
.library .element-information .close, .library .element-information .options,
.library .element-information .element,
.library .element-information .element h1,
.library .element-information .element span,
.library .element-information .element .description,
.library .element-information .element .buttons, .library .element-information > .row:nth-child(3) {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 147, ../../app/scss/views/_library.scss */
.library .element-information .close, .library .element-information .options {
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
}
/* line 148, ../../app/scss/views/_library.scss */
.library .element-information > .row:nth-child(3) {
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
/* line 150, ../../app/scss/views/_library.scss */
.library .element-information .close, .library .element-information .options {
  -moz-transition: all 0.2s ease-in-out 0.4s;
  -o-transition: all 0.2s ease-in-out 0.4s;
  -webkit-transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0.4s;
  transition: all 0.2s ease-in-out 0.4s;
}
/* line 151, ../../app/scss/views/_library.scss */
.library .element-information .element h1 {
  -moz-transition: all 0.09s ease-in-out 0.59s;
  -o-transition: all 0.09s ease-in-out 0.59s;
  -webkit-transition: all 0.09s ease-in-out;
  -webkit-transition-delay: 0.59s;
  transition: all 0.09s ease-in-out 0.59s;
}
/* line 152, ../../app/scss/views/_library.scss */
.library .element-information .element span {
  -moz-transition: all 0.125s ease-in-out 0.625s;
  -o-transition: all 0.125s ease-in-out 0.625s;
  -webkit-transition: all 0.125s ease-in-out;
  -webkit-transition-delay: 0.625s;
  transition: all 0.125s ease-in-out 0.625s;
}
/* line 153, ../../app/scss/views/_library.scss */
.library .element-information .element hr {
  -moz-transition: all 0.155s ease-in-out 0.655s;
  -o-transition: all 0.155s ease-in-out 0.655s;
  -webkit-transition: all 0.155s ease-in-out;
  -webkit-transition-delay: 0.655s;
  transition: all 0.155s ease-in-out 0.655s;
}
/* line 154, ../../app/scss/views/_library.scss */
.library .element-information .element .description {
  -moz-transition: all 0.18s ease-in-out 0.68s;
  -o-transition: all 0.18s ease-in-out 0.68s;
  -webkit-transition: all 0.18s ease-in-out;
  -webkit-transition-delay: 0.68s;
  transition: all 0.18s ease-in-out 0.68s;
}
/* line 155, ../../app/scss/views/_library.scss */
.library .element-information .element .buttons {
  -moz-transition: all 0.2s ease-in-out 0.7s;
  -o-transition: all 0.2s ease-in-out 0.7s;
  -webkit-transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0.7s;
  transition: all 0.2s ease-in-out 0.7s;
}
/* line 156, ../../app/scss/views/_library.scss */
.library .element-information > .row:nth-child(3) {
  -moz-transition: all 0.215s ease-in-out 0.715s;
  -o-transition: all 0.215s ease-in-out 0.715s;
  -webkit-transition: all 0.215s ease-in-out;
  -webkit-transition-delay: 0.715s;
  transition: all 0.215s ease-in-out 0.715s;
}

/* line 159, ../../app/scss/views/_library.scss */
.library.actions_hidden .element-information {
  -moz-transition: all 0.2s ease-in-out 0.4s;
  -o-transition: all 0.2s ease-in-out 0.4s;
  -webkit-transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0.4s;
  transition: all 0.2s ease-in-out 0.4s;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 165, ../../app/scss/views/_library.scss */
.library.actions_hidden .element-information .close, .library.actions_hidden .element-information .options,
.library.actions_hidden .element-information .element,
.library.actions_hidden .element-information .element h1,
.library.actions_hidden .element-information .element span,
.library.actions_hidden .element-information .element .description,
.library.actions_hidden .element-information .element .buttons, .library.actions_hidden .element-information > .row:nth-child(3) {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}

/* line 4, ../../app/scss/views/_statistics.scss */
body.admin .wrapper.statistics {
  padding-top: 70px;
}

/* line 6, ../../app/scss/views/_statistics.scss */
.statistics .container {
  width: auto;
  max-width: none;
  padding: 0 28px;
}

/* line 13, ../../app/scss/views/_statistics.scss */
.statistics .banner {
  margin-bottom: 42px;
  padding-top: 28px;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  background-color: #fff;
}
/* line 19, ../../app/scss/views/_statistics.scss */
.statistics .banner .container > .row:first-child {
  padding-bottom: 28px;
}
/* line 22, ../../app/scss/views/_statistics.scss */
.statistics .banner .headline h1 {
  line-height: 35px;
}
/* line 23, ../../app/scss/views/_statistics.scss */
.statistics .banner .headline p {
  color: #7c7976;
}
/* line 26, ../../app/scss/views/_statistics.scss */
.statistics .banner .global-statistics {
  padding-top: 35px;
}
/* line 29, ../../app/scss/views/_statistics.scss */
.statistics .banner .global-statistics ul.blocks-inline li {
  width: 25%;
}
/* line 32, ../../app/scss/views/_statistics.scss */
.statistics .banner .global-statistics ul.blocks-inline li div {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
/* line 38, ../../app/scss/views/_statistics.scss */
.statistics .banner .global-statistics ul.blocks-inline li div span.num {
  display: block;
  line-height: 21px;
  color: #e29c45;
}
/* line 45, ../../app/scss/views/_statistics.scss */
.statistics .banner .global-statistics ul.blocks-inline li div small.label {
  display: block;
  line-height: 21px;
}
/* line 53, ../../app/scss/views/_statistics.scss */
.statistics .banner .buttons-group.tabs {
  margin-bottom: 0;
}
/* line 56, ../../app/scss/views/_statistics.scss */
.statistics .banner .buttons-group.tabs .button, .statistics .banner .buttons-group.tabs button, .statistics .banner .buttons-group.tabs input[type="submit"],
.statistics .banner .buttons-group.tabs input[type="reset"], .statistics .banner .buttons-group.tabs input[type="button"] {
  margin-bottom: 0;
}
/* line 60, ../../app/scss/views/_statistics.scss */
.statistics .banner .buttons-group.tabs .button.tab:not(.active), .statistics .banner .buttons-group.tabs button.tab:not(.active), .statistics .banner .buttons-group.tabs input[type="submit"].tab:not(.active),
.statistics .banner .buttons-group.tabs input[type="reset"].tab:not(.active), .statistics .banner .buttons-group.tabs input[type="button"].tab:not(.active) {
  border-bottom-color: transparent;
}

@media (max-width: 400px) {
  /* line 65, ../../app/scss/views/_statistics.scss */
  .statistics .banner .global-statistics ul.blocks-inline li {
    width: 50%;
  }
  /* line 68, ../../app/scss/views/_statistics.scss */
  .statistics .banner .global-statistics ul.blocks-inline li div {
    margin: 0;
  }
}
/* line 73, ../../app/scss/views/_statistics.scss */
.statistics-container .statistic {
  float: right;
  box-sizing: border-box;
  width: 100%;
}

@media (min-width: 550px) {
  /* line 79, ../../app/scss/views/_statistics.scss */
  .statistics-container {
    margin-right: -14px;
    margin-left: -14px;
  }
  /* line 83, ../../app/scss/views/_statistics.scss */
  .statistics-container .statistic {
    padding: 0 14px;
  }
}
@media (min-width: 750px) {
  /* line 87, ../../app/scss/views/_statistics.scss */
  .statistics-container .statistic {
    width: 50%;
  }
  /* line 90, ../../app/scss/views/_statistics.scss */
  .statistics-container .statistic.double {
    width: 66.66667%;
  }
  /* line 91, ../../app/scss/views/_statistics.scss */
  .statistics-container .statistic.full {
    width: 100%;
  }
}
@media (min-width: 1000px) {
  /* line 95, ../../app/scss/views/_statistics.scss */
  .statistics-container .statistic {
    width: 33.33333%;
  }
}
/* line 101, ../../app/scss/views/_statistics.scss */
.statistics .statistic.table .panel {
  padding-bottom: 21px;
}
/* line 103, ../../app/scss/views/_statistics.scss */
.statistics .statistic .panel {
  overflow: hidden;
}
/* line 106, ../../app/scss/views/_statistics.scss */
.statistics .statistic .panel header {
  display: block;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom-color: #edebe9;
  background-color: #faf9f8;
}
/* line 114, ../../app/scss/views/_statistics.scss */
.statistics .statistic .panel header span {
  overflow: hidden;
  display: block;
  height: 35px;
  line-height: 35px;
  color: #7c7976;
}
/* line 123, ../../app/scss/views/_statistics.scss */
.statistics .statistic .panel section {
  padding-top: 21px;
  padding-bottom: 21px;
}
/* line 127, ../../app/scss/views/_statistics.scss */
.statistics .statistic .panel section canvas {
  display: block;
  width: 100%;
}

/* line 3, ../../app/scss/views/_quiz.scss */
.quiz.mine .container {
  max-width: 714px;
}

@media (min-width: 550px) and (max-width: 749px) {
  /* line 6, ../../app/scss/views/_quiz.scss */
  .quiz.mine .element.x2 {
    width: 33.33333%;
  }
}
/* line 12, ../../app/scss/views/_quiz.scss */
.quiz.do p {
  margin-bottom: 7px;
}
/* line 14, ../../app/scss/views/_quiz.scss */
.quiz.do .answers {
  margin-bottom: 28px;
}
/* line 17, ../../app/scss/views/_quiz.scss */
.quiz.do .answers .checkbox label,
.quiz.do .answers .radio label {
  padding-right: 35px;
  line-height: 35px;
}
/* line 22, ../../app/scss/views/_quiz.scss */
.quiz.do .answers .checkbox label input ~ span.icon,
.quiz.do .answers .radio label input ~ span.icon {
  height: 35px;
}
/* line 23, ../../app/scss/views/_quiz.scss */
.quiz.do .answers .checkbox label input ~ span.icon:before,
.quiz.do .answers .radio label input ~ span.icon:before {
  line-height: 35px;
}
/* line 27, ../../app/scss/views/_quiz.scss */
.quiz.do .button, .quiz.do button, .quiz.do input[type="submit"],
.quiz.do input[type="reset"], .quiz.do input[type="button"] {
  display: block;
  margin-bottom: 14px;
}

@media (min-width: 750px) {
  /* line 34, ../../app/scss/views/_quiz.scss */
  .quiz.do .answers {
    box-sizing: border-box;
    padding: 0 63px;
  }
}
@media (min-width: 1000px) {
  /* line 41, ../../app/scss/views/_quiz.scss */
  .quiz.do .buttons-group {
    float: left;
  }
  /* line 43, ../../app/scss/views/_quiz.scss */
  .quiz.do .button, .quiz.do button, .quiz.do input[type="submit"],
  .quiz.do input[type="reset"], .quiz.do input[type="button"] {
    display: inline-block;
    margin-bottom: 0;
  }
}
/* line 54, ../../app/scss/views/_quiz.scss */
.quiz.page .container {
  max-width: 714px;
}
/* line 56, ../../app/scss/views/_quiz.scss */
.quiz.page .divider {
  margin-bottom: 42px;
}
/* line 58, ../../app/scss/views/_quiz.scss */
.quiz.page ol#questions-container.list {
  margin-bottom: 28px;
  padding-right: 0;
  list-style: none;
  list-style-type: none;
}
/* line 64, ../../app/scss/views/_quiz.scss */
.quiz.page ol#questions-container.list li.question {
  position: relative;
  margin-bottom: 21px;
  padding-right: 66px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  list-style: none;
  list-style-type: none;
}
/* line 72, ../../app/scss/views/_quiz.scss */
.quiz.page ol#questions-container.list li.question:last-child {
  margin-bottom: 0;
}
/* line 74, ../../app/scss/views/_quiz.scss */
.quiz.page ol#questions-container.list li.question:before {
  content: counter(item) " .";
  counter-increment: item;
  display: block;
  position: absolute;
  top: 0;
  right: 24px;
  width: 24px;
  line-height: 35px;
  text-align: left;
  color: #7c7976;
}
/* line 88, ../../app/scss/views/_quiz.scss */
.quiz.page ol#questions-container.list li.question .five.columns .form-item {
  box-sizing: border-box;
  margin-bottom: 0;
  padding-left: 14px;
}
/* line 93, ../../app/scss/views/_quiz.scss */
.quiz.page ol#questions-container.list li.question .five.columns .form-item:before {
  content: ":";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  line-height: 35px;
  text-align: left;
  color: #7c7976;
}
/* line 106, ../../app/scss/views/_quiz.scss */
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options {
  display: block;
  position: absolute;
  top: -17.5px;
  right: 0;
  width: 21px;
  height: 70px;
  margin-right: -66px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 119, ../../app/scss/views/_quiz.scss */
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .material-icons, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .magazine-viewport .previous-button-hover:before, .magazine-viewport .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .previous-button-hover:before,
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .magazine-viewport .previous-button-down:before,
.magazine-viewport .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .previous-button-down:before,
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .magazine-viewport .next-button-hover:before,
.magazine-viewport .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .next-button-hover:before,
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .magazine-viewport .next-button-down:before,
.magazine-viewport .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .next-button-down:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .checkbox label input ~ span.icon:before, .checkbox label .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a input ~ span.icon:before,
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .radio label input ~ span.icon:before,
.radio label .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a input ~ span.icon:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a ul.blocks.select:before, .quiz.page ol#questions-container.list ul.blocks.select li.question .five.columns .form-item .options > a a:before, ul.blocks.select .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a a:before,
.quiz.page ol#questions-container.list ul.blocks.select li.question .five.columns .form-item .options > a a:after,
ul.blocks.select .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a a:after, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .dropdown .dropdown-menu:before, .dropdown .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .dropdown-menu:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .thumb:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .element .panel .parent:before, .element .panel .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .parent:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .element.achieved .panel:after, .element.achieved .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .panel:after, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .element.text .panel:after, .element.text .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .panel:after, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .user .panel .options > a:before, .user .panel .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .options > a:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .subject .panel .parent:before, .subject .panel .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .parent:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .subject .panel .options > a:before, .subject .panel .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .options > a:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .library .element-information .close > a:before, .library .element-information .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .close > a:before,
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .library .element-information .options > a:before,
.library .element-information .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .options > a:before {
  display: block;
  width: 21px;
  height: 35px;
}
/* line 125, ../../app/scss/views/_quiz.scss */
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .material-icons, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .magazine-viewport .previous-button-hover:before, .magazine-viewport .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .previous-button-hover:before,
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .magazine-viewport .previous-button-down:before,
.magazine-viewport .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .previous-button-down:before,
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .magazine-viewport .next-button-hover:before,
.magazine-viewport .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .next-button-hover:before,
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .magazine-viewport .next-button-down:before,
.magazine-viewport .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .next-button-down:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .checkbox label input ~ span.icon:before, .checkbox label .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a input ~ span.icon:before,
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .radio label input ~ span.icon:before,
.radio label .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a input ~ span.icon:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a ul.blocks.select:before, .quiz.page ol#questions-container.list ul.blocks.select li.question .five.columns .form-item .options > a a:before, ul.blocks.select .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a a:before,
.quiz.page ol#questions-container.list ul.blocks.select li.question .five.columns .form-item .options > a a:after,
ul.blocks.select .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a a:after, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .dropdown .dropdown-menu:before, .dropdown .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .dropdown-menu:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .thumb:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .element .panel .parent:before, .element .panel .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .parent:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .element.achieved .panel:after, .element.achieved .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .panel:after, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .element.text .panel:after, .element.text .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .panel:after, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .user .panel .options > a:before, .user .panel .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .options > a:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .subject .panel .parent:before, .subject .panel .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .parent:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .subject .panel .options > a:before, .subject .panel .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .options > a:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .library .element-information .close > a:before, .library .element-information .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .close > a:before,
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .library .element-information .options > a:before,
.library .element-information .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a .options > a:before {
  line-height: 35px;
  text-align: center;
  color: #7c7976;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 132, ../../app/scss/views/_quiz.scss */
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .material-icons, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .magazine-viewport .previous-button-hover:before, .magazine-viewport .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .previous-button-hover:before,
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .magazine-viewport .previous-button-down:before,
.magazine-viewport .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .previous-button-down:before,
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .magazine-viewport .next-button-hover:before,
.magazine-viewport .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .next-button-hover:before,
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .magazine-viewport .next-button-down:before,
.magazine-viewport .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .next-button-down:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .checkbox label input ~ span.icon:before, .checkbox label .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover input ~ span.icon:before,
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .radio label input ~ span.icon:before,
.radio label .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover input ~ span.icon:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover ul.blocks.select:before, .quiz.page ol#questions-container.list ul.blocks.select li.question .five.columns .form-item .options > a:hover a:before, ul.blocks.select .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover a:before,
.quiz.page ol#questions-container.list ul.blocks.select li.question .five.columns .form-item .options > a:hover a:after,
ul.blocks.select .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover a:after, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .dropdown .dropdown-menu:before, .dropdown .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .dropdown-menu:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .thumb:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .element .panel .parent:before, .element .panel .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .parent:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .element.achieved .panel:after, .element.achieved .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .panel:after, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .element.text .panel:after, .element.text .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .panel:after, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .user .panel .options > a:before, .user .panel .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .options > a:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .subject .panel .parent:before, .subject .panel .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .parent:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .subject .panel .options > a:before, .subject .panel .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .options > a:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .library .element-information .close > a:before, .library .element-information .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .close > a:before,
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .library .element-information .options > a:before,
.library .element-information .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:hover .options > a:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .material-icons, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .magazine-viewport .previous-button-hover:before, .magazine-viewport .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .previous-button-hover:before,
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .magazine-viewport .previous-button-down:before,
.magazine-viewport .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .previous-button-down:before,
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .magazine-viewport .next-button-hover:before,
.magazine-viewport .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .next-button-hover:before,
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .magazine-viewport .next-button-down:before,
.magazine-viewport .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .next-button-down:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .checkbox label input ~ span.icon:before, .checkbox label .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus input ~ span.icon:before,
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .radio label input ~ span.icon:before,
.radio label .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus input ~ span.icon:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus ul.blocks.select:before, .quiz.page ol#questions-container.list ul.blocks.select li.question .five.columns .form-item .options > a:focus a:before, ul.blocks.select .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus a:before,
.quiz.page ol#questions-container.list ul.blocks.select li.question .five.columns .form-item .options > a:focus a:after,
ul.blocks.select .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus a:after, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .dropdown .dropdown-menu:before, .dropdown .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .dropdown-menu:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .thumb:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .element .panel .parent:before, .element .panel .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .parent:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .element.achieved .panel:after, .element.achieved .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .panel:after, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .element.text .panel:after, .element.text .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .panel:after, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .user .panel .options > a:before, .user .panel .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .options > a:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .subject .panel .parent:before, .subject .panel .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .parent:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .subject .panel .options > a:before, .subject .panel .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .options > a:before, .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .library .element-information .close > a:before, .library .element-information .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .close > a:before,
.quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .library .element-information .options > a:before,
.library .element-information .quiz.page ol#questions-container.list li.question .five.columns .form-item .options > a:focus .options > a:before {
  color: #e29c45;
}
/* line 137, ../../app/scss/views/_quiz.scss */
.quiz.page ol#questions-container.list li.question:hover .five.columns .form-item .options {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  visibility: visible;
}
/* line 141, ../../app/scss/views/_quiz.scss */
.quiz.page ol#questions-container.list li.question:hover .five.columns .form-item .options:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 146, ../../app/scss/views/_quiz.scss */
.quiz.page ol#questions-container.list li.question .seven.columns .checkbox label,
.quiz.page ol#questions-container.list li.question .seven.columns .radio label {
  padding-right: 35px;
  line-height: 35px;
}
/* line 150, ../../app/scss/views/_quiz.scss */
.quiz.page ol#questions-container.list li.question .seven.columns .checkbox input ~ span.icon,
.quiz.page ol#questions-container.list li.question .seven.columns .radio input ~ span.icon {
  height: 35px;
}
/* line 151, ../../app/scss/views/_quiz.scss */
.quiz.page ol#questions-container.list li.question .seven.columns .checkbox input ~ span.icon:before,
.quiz.page ol#questions-container.list li.question .seven.columns .radio input ~ span.icon:before {
  line-height: 35px;
}
/* line 153, ../../app/scss/views/_quiz.scss */
.quiz.page ol#questions-container.list li.question .seven.columns .checkbox .form-item,
.quiz.page ol#questions-container.list li.question .seven.columns .radio .form-item {
  margin-bottom: 0;
}
/* line 161, ../../app/scss/views/_quiz.scss */
.quiz.page .buttons-group .button:not(.tab):not(.u-pull-right):last-child, .quiz.page .buttons-group button:not(.tab):not(.u-pull-right):last-child, .quiz.page .buttons-group input[type="submit"]:not(.tab):not(.u-pull-right):last-child,
.quiz.page .buttons-group input[type="reset"]:not(.tab):not(.u-pull-right):last-child, .quiz.page .buttons-group input[type="button"]:not(.tab):not(.u-pull-right):last-child {
  margin-left: 0;
}

@media (max-width: 399px) {
  /* line 167, ../../app/scss/views/_quiz.scss */
  .quiz.page .buttons-group input {
    width: 100%;
  }
}
@media (min-width: 400px) {
  /* line 170, ../../app/scss/views/_quiz.scss */
  .quiz.page .buttons-group {
    float: left;
  }
}
/* line 174, ../../app/scss/views/_quiz.scss */
.remodal[data-remodal-id="newQuestion"] {
  max-width: 640px;
  padding: 0;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 179, ../../app/scss/views/_quiz.scss */
.remodal[data-remodal-id="newQuestion"] .row {
  padding: 21px 28px;
  border-bottom: 1px solid #edebe9;
}
/* line 183, ../../app/scss/views/_quiz.scss */
.remodal[data-remodal-id="newQuestion"] .row.header, .remodal[data-remodal-id="newQuestion"] .row.footer {
  border-bottom: 0;
}
/* line 186, ../../app/scss/views/_quiz.scss */
.remodal[data-remodal-id="newQuestion"] .row.header {
  padding-top: 56px;
  padding-bottom: 0;
}
/* line 192, ../../app/scss/views/_quiz.scss */
.remodal[data-remodal-id="newQuestion"] h2 {
  margin-bottom: 14px;
  line-height: 35px;
}
/* line 197, ../../app/scss/views/_quiz.scss */
.remodal[data-remodal-id="newQuestion"] .options-container {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 201, ../../app/scss/views/_quiz.scss */
.remodal[data-remodal-id="newQuestion"] .checkbox,
.remodal[data-remodal-id="newQuestion"] .radio {
  margin-bottom: 21px;
}
/* line 205, ../../app/scss/views/_quiz.scss */
.remodal[data-remodal-id="newQuestion"] .checkbox:last-child,
.remodal[data-remodal-id="newQuestion"] .radio:last-child {
  margin-bottom: 0;
}
/* line 207, ../../app/scss/views/_quiz.scss */
.remodal[data-remodal-id="newQuestion"] .checkbox label,
.remodal[data-remodal-id="newQuestion"] .radio label {
  padding-right: 35px;
  line-height: 35px;
}
/* line 211, ../../app/scss/views/_quiz.scss */
.remodal[data-remodal-id="newQuestion"] .checkbox input ~ span.icon,
.remodal[data-remodal-id="newQuestion"] .radio input ~ span.icon {
  height: 35px;
}
/* line 212, ../../app/scss/views/_quiz.scss */
.remodal[data-remodal-id="newQuestion"] .checkbox input ~ span.icon:before,
.remodal[data-remodal-id="newQuestion"] .radio input ~ span.icon:before {
  line-height: 35px;
}
/* line 215, ../../app/scss/views/_quiz.scss */
.remodal[data-remodal-id="newQuestion"] #clearData,
.remodal[data-remodal-id="newQuestion"] #submitData {
  width: 100%;
}

@media (max-width: 549px) {
  /* line 221, ../../app/scss/views/_quiz.scss */
  #clearData,
  #submitData {
    display: block;
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 641px) {
  /* line 228, ../../app/scss/views/_quiz.scss */
  .remodal[data-remodal-id="newQuestion"] {
    max-width: 378px;
  }
}
/* line 19, ../../app/scss/views/_book.scss */
.magazine-viewport .previous-button-hover:before,
.magazine-viewport .previous-button-down:before,
.magazine-viewport .next-button-hover:before,
.magazine-viewport .next-button-down:before {
  margin-top: -14px;
  line-height: 28px;
}

/* line 27, ../../app/scss/views/_book.scss */
.wrapper.read-book {
  min-height: auto;
}

/* line 34, ../../app/scss/views/_book.scss */
.read-book #header {
  position: fixed;
  top: -70px;
  right: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 12;
}
/* line 42, ../../app/scss/views/_book.scss */
.read-book #header .container {
  width: 100%;
  max-width: none;
  padding: 0 28px;
}
/* line 48, ../../app/scss/views/_book.scss */
.read-book #header a.logo {
  width: 130px;
}
/* line 51, ../../app/scss/views/_book.scss */
.read-book #header a.logo img {
  position: absolute;
  top: 70px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=42);
  opacity: 0.42;
}
/* line 59, ../../app/scss/views/_book.scss */
.read-book #header #header-content > nav > ul.blocks-inline > li {
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 64, ../../app/scss/views/_book.scss */
.read-book #header #header-content > nav > ul.blocks-inline > li:nth-child(1) {
  -moz-transition: all 0.05s ease-in-out 0.25s;
  -o-transition: all 0.05s ease-in-out 0.25s;
  -webkit-transition: all 0.05s ease-in-out;
  -webkit-transition-delay: 0.25s;
  transition: all 0.05s ease-in-out 0.25s;
}
/* line 65, ../../app/scss/views/_book.scss */
.read-book #header #header-content > nav > ul.blocks-inline > li:nth-child(2) {
  -moz-transition: all 0.09s ease-in-out 0.29s;
  -o-transition: all 0.09s ease-in-out 0.29s;
  -webkit-transition: all 0.09s ease-in-out;
  -webkit-transition-delay: 0.29s;
  transition: all 0.09s ease-in-out 0.29s;
}
/* line 66, ../../app/scss/views/_book.scss */
.read-book #header #header-content > nav > ul.blocks-inline > li:nth-child(3) {
  -moz-transition: all 0.125s ease-in-out 0.325s;
  -o-transition: all 0.125s ease-in-out 0.325s;
  -webkit-transition: all 0.125s ease-in-out;
  -webkit-transition-delay: 0.325s;
  transition: all 0.125s ease-in-out 0.325s;
}

@media (min-width: 400px) {
  /* line 69, ../../app/scss/views/_book.scss */
  .read-book #header #header-menu {
    left: 28px;
  }
}
@media (max-width: 659px) {
  /* line 71, ../../app/scss/views/_book.scss */
  .read-book #header {
    top: 0;
  }
  /* line 74, ../../app/scss/views/_book.scss */
  .read-book #header a.logo img {
    top: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
/* line 83, ../../app/scss/views/_book.scss */
#timer {
  position: fixed;
  top: -7px;
  right: 0;
  width: 100%;
  height: 7px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: rgba(0, 0, 0, 0.14);
  z-index: 11;
}
/* line 94, ../../app/scss/views/_book.scss */
#timer .timeline {
  float: left;
  overflow: visible !important;
  position: relative;
  height: 7px;
  background-color: #e29c45;
}
/* line 101, ../../app/scss/views/_book.scss */
#timer .timeline:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: -1px;
  width: 2px;
  height: 7px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: #e29c45;
}
/* line 113, ../../app/scss/views/_book.scss */
#timer .timeline .hint--bottom:before,
#timer .timeline .hint--bottom:after {
  top: 3px;
  color: #f5f4f3;
}

/* line 123, ../../app/scss/views/_book.scss */
#percentage {
  position: absolute;
  right: 50%;
  bottom: 35px;
  margin-bottom: -2px;
  padding: 2px 14px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 21px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  z-index: 11;
  background-color: rgba(51, 48, 45, 0.84);
  color: #f5f4f3;
}
/* line 138, ../../app/scss/views/_book.scss */
#percentage p {
  display: block;
}

@media only screen and (max-width: 660px) {
  /* line 141, ../../app/scss/views/_book.scss */
  #percentage {
    right: auto;
    left: 28px;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@media only screen and (max-width: 460px) {
  /* line 148, ../../app/scss/views/_book.scss */
  #percentage {
    right: 50%;
    bottom: 77px;
    left: auto;
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
}
/* line 158, ../../app/scss/views/_book.scss */
#actions {
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 294px;
  height: 0;
  padding: 0 35px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 10;
}
/* line 170, ../../app/scss/views/_book.scss */
#actions .element-block {
  margin-bottom: 21px;
  padding-bottom: 21px;
  border-bottom: 1px solid #edebe9;
}
/* line 175, ../../app/scss/views/_book.scss */
#actions .element-block .element,
#actions .element-block h3, #actions .element-block span {
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 182, ../../app/scss/views/_book.scss */
#actions .element-block .element {
  -moz-transition: all 0.05s ease-in-out 0.25s;
  -o-transition: all 0.05s ease-in-out 0.25s;
  -webkit-transition: all 0.05s ease-in-out;
  -webkit-transition-delay: 0.25s;
  transition: all 0.05s ease-in-out 0.25s;
}
/* line 186, ../../app/scss/views/_book.scss */
#actions .element-block h3, #actions .element-block span {
  -moz-transition: all 0.09s ease-in-out 0.29s;
  -o-transition: all 0.09s ease-in-out 0.29s;
  -webkit-transition: all 0.09s ease-in-out;
  -webkit-transition-delay: 0.29s;
  transition: all 0.09s ease-in-out 0.29s;
}
/* line 191, ../../app/scss/views/_book.scss */
#actions .buttons-group {
  max-width: 189px;
  margin: 0 auto;
  -moz-transition: all 0.05s ease-in-out 0.25s;
  -o-transition: all 0.05s ease-in-out 0.25s;
  -webkit-transition: all 0.05s ease-in-out;
  -webkit-transition-delay: 0.25s;
  transition: all 0.05s ease-in-out 0.25s;
}
/* line 196, ../../app/scss/views/_book.scss */
#actions .buttons-group div {
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 201, ../../app/scss/views/_book.scss */
#actions .buttons-group div:nth-child(1) {
  -moz-transition: all 0.125s ease-in-out 0.325s;
  -o-transition: all 0.125s ease-in-out 0.325s;
  -webkit-transition: all 0.125s ease-in-out;
  -webkit-transition-delay: 0.325s;
  transition: all 0.125s ease-in-out 0.325s;
}
/* line 202, ../../app/scss/views/_book.scss */
#actions .buttons-group div:nth-child(2) {
  -moz-transition: all 0.155s ease-in-out 0.355s;
  -o-transition: all 0.155s ease-in-out 0.355s;
  -webkit-transition: all 0.155s ease-in-out;
  -webkit-transition-delay: 0.355s;
  transition: all 0.155s ease-in-out 0.355s;
}
/* line 203, ../../app/scss/views/_book.scss */
#actions .buttons-group div:nth-child(3) {
  -moz-transition: all 0.18s ease-in-out 0.38s;
  -o-transition: all 0.18s ease-in-out 0.38s;
  -webkit-transition: all 0.18s ease-in-out;
  -webkit-transition-delay: 0.38s;
  transition: all 0.18s ease-in-out 0.38s;
}
/* line 205, ../../app/scss/views/_book.scss */
#actions .buttons-group div .button {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-bottom: 14px;
}
/* line 214, ../../app/scss/views/_book.scss */
#actions .tools {
  box-sizing: border-box;
  display: block;
  position: absolute;
  bottom: 28px;
  right: 0;
  width: 100%;
  padding: 0 35px;
}
/* line 223, ../../app/scss/views/_book.scss */
#actions .tools li {
  width: 20%;
  height: 35px;
}
/* line 227, ../../app/scss/views/_book.scss */
#actions .tools li:nth-child(1) {
  -moz-transition: all 0.05s ease-in-out 0.05s;
  -o-transition: all 0.05s ease-in-out 0.05s;
  -webkit-transition: all 0.05s ease-in-out;
  -webkit-transition-delay: 0.05s;
  transition: all 0.05s ease-in-out 0.05s;
}
/* line 228, ../../app/scss/views/_book.scss */
#actions .tools li:nth-child(2) {
  -moz-transition: all 0.09s ease-in-out 0.09s;
  -o-transition: all 0.09s ease-in-out 0.09s;
  -webkit-transition: all 0.09s ease-in-out;
  -webkit-transition-delay: 0.09s;
  transition: all 0.09s ease-in-out 0.09s;
}
/* line 229, ../../app/scss/views/_book.scss */
#actions .tools li:nth-child(3) {
  -moz-transition: all 0.125s ease-in-out 0.125s;
  -o-transition: all 0.125s ease-in-out 0.125s;
  -webkit-transition: all 0.125s ease-in-out;
  -webkit-transition-delay: 0.125s;
  transition: all 0.125s ease-in-out 0.125s;
}
/* line 230, ../../app/scss/views/_book.scss */
#actions .tools li:nth-child(4) {
  -moz-transition: all 0.155s ease-in-out 0.155s;
  -o-transition: all 0.155s ease-in-out 0.155s;
  -webkit-transition: all 0.155s ease-in-out;
  -webkit-transition-delay: 0.155s;
  transition: all 0.155s ease-in-out 0.155s;
}
/* line 231, ../../app/scss/views/_book.scss */
#actions .tools li:nth-child(5) {
  -moz-transition: all 0.18s ease-in-out 0.18s;
  -o-transition: all 0.18s ease-in-out 0.18s;
  -webkit-transition: all 0.18s ease-in-out;
  -webkit-transition-delay: 0.18s;
  transition: all 0.18s ease-in-out 0.18s;
}
/* line 233, ../../app/scss/views/_book.scss */
#actions .tools li a {
  width: 31px;
  margin: 0 auto;
  margin-top: 2px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  line-height: 31px;
  text-align: center;
  background-color: rgba(51, 48, 45, 0.84);
  color: #f5f4f3;
}
/* line 243, ../../app/scss/views/_book.scss */
#actions .tools li a i.material-icons, #actions .tools li a .magazine-viewport i.previous-button-hover:before, .magazine-viewport #actions .tools li a i.previous-button-hover:before,
#actions .tools li a .magazine-viewport i.previous-button-down:before,
.magazine-viewport #actions .tools li a i.previous-button-down:before,
#actions .tools li a .magazine-viewport i.next-button-hover:before,
.magazine-viewport #actions .tools li a i.next-button-hover:before,
#actions .tools li a .magazine-viewport i.next-button-down:before,
.magazine-viewport #actions .tools li a i.next-button-down:before, #actions .tools li a .dropdown i.dropdown-menu:before, .dropdown #actions .tools li a i.dropdown-menu:before, #actions .tools li a i.thumb:before, #actions .tools li a .element .panel i.parent:before, .element .panel #actions .tools li a i.parent:before, #actions .tools li a .element.achieved i.panel:after, .element.achieved #actions .tools li a i.panel:after, #actions .tools li a .element.text i.panel:after, .element.text #actions .tools li a i.panel:after, #actions .tools li a .subject .panel i.parent:before, .subject .panel #actions .tools li a i.parent:before {
  display: block;
  width: 100%;
  line-height: 31px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 251, ../../app/scss/views/_book.scss */
#actions .tools li a:hover, #actions .tools li a:focus {
  width: 35px;
  margin-top: 0;
  line-height: 35px;
  background-color: #e29c45;
  color: #f5f4f3;
}
/* line 259, ../../app/scss/views/_book.scss */
#actions .tools li a:hover i.material-icons, #actions .tools li a:hover .magazine-viewport i.previous-button-hover:before, .magazine-viewport #actions .tools li a:hover i.previous-button-hover:before,
#actions .tools li a:hover .magazine-viewport i.previous-button-down:before,
.magazine-viewport #actions .tools li a:hover i.previous-button-down:before,
#actions .tools li a:hover .magazine-viewport i.next-button-hover:before,
.magazine-viewport #actions .tools li a:hover i.next-button-hover:before,
#actions .tools li a:hover .magazine-viewport i.next-button-down:before,
.magazine-viewport #actions .tools li a:hover i.next-button-down:before, #actions .tools li a:hover .dropdown i.dropdown-menu:before, .dropdown #actions .tools li a:hover i.dropdown-menu:before, #actions .tools li a:hover i.thumb:before, #actions .tools li a:hover .element .panel i.parent:before, .element .panel #actions .tools li a:hover i.parent:before, #actions .tools li a:hover .element.achieved i.panel:after, .element.achieved #actions .tools li a:hover i.panel:after, #actions .tools li a:hover .element.text i.panel:after, .element.text #actions .tools li a:hover i.panel:after, #actions .tools li a:hover .subject .panel i.parent:before, .subject .panel #actions .tools li a:hover i.parent:before, #actions .tools li a:focus i.material-icons, #actions .tools li a:focus .magazine-viewport i.previous-button-hover:before, .magazine-viewport #actions .tools li a:focus i.previous-button-hover:before,
#actions .tools li a:focus .magazine-viewport i.previous-button-down:before,
.magazine-viewport #actions .tools li a:focus i.previous-button-down:before,
#actions .tools li a:focus .magazine-viewport i.next-button-hover:before,
.magazine-viewport #actions .tools li a:focus i.next-button-hover:before,
#actions .tools li a:focus .magazine-viewport i.next-button-down:before,
.magazine-viewport #actions .tools li a:focus i.next-button-down:before, #actions .tools li a:focus .dropdown i.dropdown-menu:before, .dropdown #actions .tools li a:focus i.dropdown-menu:before, #actions .tools li a:focus i.thumb:before, #actions .tools li a:focus .element .panel i.parent:before, .element .panel #actions .tools li a:focus i.parent:before, #actions .tools li a:focus .element.achieved i.panel:after, .element.achieved #actions .tools li a:focus i.panel:after, #actions .tools li a:focus .element.text i.panel:after, .element.text #actions .tools li a:focus i.panel:after, #actions .tools li a:focus .subject .panel i.parent:before, .subject .panel #actions .tools li a:focus i.parent:before {
  line-height: 35px;
}

@media only screen and (max-width: 460px) {
  /* line 269, ../../app/scss/views/_book.scss */
  .read-book:not(.menu_open) #actions {
    max-width: 100%;
  }
}
/* line 274, ../../app/scss/views/_book.scss */
#comments {
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 294px;
  height: 0;
  padding: 0 35px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 9;
}
/* line 286, ../../app/scss/views/_book.scss */
#comments #formComment,
#comments .comments-container {
  direction: rtl;
}
/* line 291, ../../app/scss/views/_book.scss */
#comments #formComment,
#comments section.buttons-group.tabs,
#comments .comments-container {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 300, ../../app/scss/views/_book.scss */
#comments #formComment {
  margin-bottom: 21px;
  border-bottom: 1px solid #dddbd9;
}
/* line 304, ../../app/scss/views/_book.scss */
#comments #formComment textarea.field {
  height: 78px;
  padding: 7px 14px;
  border: 1px solid #dddbd9;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 21px;
}

/* line 318, ../../app/scss/views/_book.scss */
.read-book.mouse_stopped:not(.header_visible) #header a.logo img {
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 324, ../../app/scss/views/_book.scss */
.read-book.mouse_stopped.timer_playing:not(.header_visible) #timer {
  top: -7px;
}
/* line 327, ../../app/scss/views/_book.scss */
.read-book.mouse_stopped.timer_playing:not(.header_visible) #timer .timeline:before {
  height: 7px;
}
/* line 329, ../../app/scss/views/_book.scss */
.read-book.mouse_stopped.timer_playing:not(.header_visible) #timer .timeline .hint--bottom:after,
.read-book.mouse_stopped.timer_playing:not(.header_visible) #timer .timeline .hint--bottom:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 331, ../../app/scss/views/_book.scss */
.read-book.mouse_stopped.timer_playing:not(.header_visible) #timer .timeline .hint--bottom:before {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* line 332, ../../app/scss/views/_book.scss */
.read-book.mouse_stopped.timer_playing:not(.header_visible) #timer .timeline .hint--bottom:after {
  -moz-transform: translateX(-50%) translateY(0);
  -ms-transform: translateX(-50%) translateY(0);
  -webkit-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
}
/* line 335, ../../app/scss/views/_book.scss */
.read-book.mouse_stopped:not(.header_visible) #percentage {
  margin-bottom: -12px;
  -moz-transform: translateX(50%) scale(0.76);
  -ms-transform: translateX(50%) scale(0.76);
  -webkit-transform: translateX(50%) scale(0.76);
  transform: translateX(50%) scale(0.76);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 342, ../../app/scss/views/_book.scss */
.read-book.mouse_stopped:not(.header_visible) #actions .tools li {
  -moz-transform: translateY(10px) scale(0.76);
  -ms-transform: translateY(10px) scale(0.76);
  -webkit-transform: translateY(10px) scale(0.76);
  transform: translateY(10px) scale(0.76);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 659px) {
  /* line 351, ../../app/scss/views/_book.scss */
  .read-book.mouse_stopped #header {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
  }
  /* line 357, ../../app/scss/views/_book.scss */
  .read-book.mouse_stopped:not(.header_visible) #header a.logo img {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
  }
}
/* line 369, ../../app/scss/views/_book.scss */
.read-book.timer_playing:not(.header_visible) #header a.logo img {
  top: 77px;
}
/* line 373, ../../app/scss/views/_book.scss */
.read-book.timer_playing #timer {
  top: 0;
}
/* line 376, ../../app/scss/views/_book.scss */
.read-book.timer_playing #timer .timeline:before {
  height: 21px;
}
/* line 380, ../../app/scss/views/_book.scss */
.read-book.timer_playing #timer .timeline .hint--bottom:after,
.read-book.timer_playing #timer .timeline .hint--bottom:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 386, ../../app/scss/views/_book.scss */
.read-book.timer_playing #timer .timeline .hint--bottom:before {
  -moz-transform: translateY(8px);
  -ms-transform: translateY(8px);
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
/* line 390, ../../app/scss/views/_book.scss */
.read-book.timer_playing #timer .timeline .hint--bottom:after {
  -moz-transform: translateX(-50%) translateY(8px);
  -ms-transform: translateX(-50%) translateY(8px);
  -webkit-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px);
}

@media (max-width: 659px) {
  /* line 397, ../../app/scss/views/_book.scss */
  .read-book.timer_playing:not(.header_visible) #header a.logo img {
    top: 0;
  }
  /* line 399, ../../app/scss/views/_book.scss */
  .read-book.timer_playing #timer {
    top: 63px;
  }
  /* line 400, ../../app/scss/views/_book.scss */
  .read-book.timer_playing.timer_playing #timer {
    top: 70px;
  }
}
/* line 408, ../../app/scss/views/_book.scss */
.read-book.header_visible #header {
  top: 0;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}
/* line 412, ../../app/scss/views/_book.scss */
.read-book.header_visible #header a.logo img {
  top: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 417, ../../app/scss/views/_book.scss */
.read-book.header_visible #header #header-content > nav > ul.blocks-inline > li {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 424, ../../app/scss/views/_book.scss */
.read-book.header_visible #timer {
  top: 63px;
}
/* line 425, ../../app/scss/views/_book.scss */
.read-book.header_visible.timer_playing #timer {
  top: 70px;
}

/* line 431, ../../app/scss/views/_book.scss */
.read-book.menu_open #percentage {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 436, ../../app/scss/views/_book.scss */
.read-book.menu_open #actions {
  height: 100%;
  padding: 28px 35px;
  padding-top: 98px;
  background-color: #fff;
}
/* line 442, ../../app/scss/views/_book.scss */
.read-book.menu_open #actions .tools li a {
  background-color: #edebe9;
  color: #7c7976;
}
/* line 446, ../../app/scss/views/_book.scss */
.read-book.menu_open #actions .tools li a:hover, .read-book.menu_open #actions .tools li a:focus {
  background-color: rgba(51, 48, 45, 0.84);
  color: #fff;
}
/* line 454, ../../app/scss/views/_book.scss */
.read-book.menu_open #actions .element-block .element,
.read-book.menu_open #actions .element-block h3, .read-book.menu_open #actions .element-block span {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 462, ../../app/scss/views/_book.scss */
.read-book.menu_open #actions .buttons-group > div {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 469, ../../app/scss/views/_book.scss */
.read-book.menu_open #comments {
  height: 100%;
  padding: 28px 35px;
  padding-top: 98px;
  -moz-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.07);
  box-shadow: -1px 0 2px rgba(0, 0, 0, 0.07);
  background-color: #fff;
}

/* line 481, ../../app/scss/views/_book.scss */
.read-book.comments_open #actions {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 485, ../../app/scss/views/_book.scss */
.read-book.comments_open #actions .element-block .element,
.read-book.comments_open #actions .element-block h3, .read-book.comments_open #actions .element-block span,
.read-book.comments_open #actions .buttons-group > div {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 495, ../../app/scss/views/_book.scss */
.read-book.comments_open #comments {
  max-width: 420px;
}
/* line 498, ../../app/scss/views/_book.scss */
.read-book.comments_open #comments #formComment,
.read-book.comments_open #comments section.buttons-group.tabs,
.read-book.comments_open #comments .comments-container {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 506, ../../app/scss/views/_book.scss */
.read-book.comments_open #comments #formComment {
  -moz-transition: all 0.05s ease-in-out 0.25s;
  -o-transition: all 0.05s ease-in-out 0.25s;
  -webkit-transition: all 0.05s ease-in-out;
  -webkit-transition-delay: 0.25s;
  transition: all 0.05s ease-in-out 0.25s;
}
/* line 507, ../../app/scss/views/_book.scss */
.read-book.comments_open #comments section.buttons-group.tabs {
  -moz-transition: all 0.09s ease-in-out 0.29s;
  -o-transition: all 0.09s ease-in-out 0.29s;
  -webkit-transition: all 0.09s ease-in-out;
  -webkit-transition-delay: 0.29s;
  transition: all 0.09s ease-in-out 0.29s;
}
/* line 508, ../../app/scss/views/_book.scss */
.read-book.comments_open #comments .comments-container {
  -moz-transition: all 0.125s ease-in-out 0.325s;
  -o-transition: all 0.125s ease-in-out 0.325s;
  -webkit-transition: all 0.125s ease-in-out;
  -webkit-transition-delay: 0.325s;
  transition: all 0.125s ease-in-out 0.325s;
}

/* line 1, ../../app/scss/views/_media.scss */
.wrapper.watch-media {
  min-height: auto;
}

/* line 8, ../../app/scss/views/_media.scss */
.watch-media #header {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 11;
}
/* line 14, ../../app/scss/views/_media.scss */
.watch-media #header .container {
  width: 100%;
  max-width: none;
  padding: 0 28px;
}

@media (min-width: 400px) {
  /* line 20, ../../app/scss/views/_media.scss */
  .watch-media #header #header-menu {
    left: 28px;
  }
}
/* line 24, ../../app/scss/views/_media.scss */
.watch-media #actions .tools li {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media only screen and (max-width: 460px) {
  /* line 28, ../../app/scss/views/_media.scss */
  .watch-media #actions {
    max-width: 100%;
  }
  /* line 31, ../../app/scss/views/_media.scss */
  .watch-media #actions .tools li {
    width: 100%;
  }
}
@media only screen and (max-width: 460px) {
  /* line 38, ../../app/scss/views/_media.scss */
  .watch-media #comments {
    max-width: 100%;
  }
}
/* line 43, ../../app/scss/views/_media.scss */
.watch-media .media-viewport {
  padding-top: 154px;
  padding-bottom: 105px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 48, ../../app/scss/views/_media.scss */
.watch-media .media-viewport .container {
  width: 100%;
  max-width: 640px;
}
/* line 53, ../../app/scss/views/_media.scss */
.watch-media .media-viewport video, .watch-media .media-viewport audio {
  display: block;
  width: 100%;
}

@media (min-width: 400px) {
  /* line 59, ../../app/scss/views/_media.scss */
  .watch-media .media-viewport {
    padding-right: 28px;
    padding-left: 28px;
  }
}
/* line 68, ../../app/scss/views/_media.scss */
.watch-media.menu_open #actions {
  height: 100%;
  padding: 28px 35px;
  padding-top: 98px;
  background-color: #fff;
}
/* line 74, ../../app/scss/views/_media.scss */
.watch-media.menu_open #actions .tools li {
  width: 100%;
}
/* line 77, ../../app/scss/views/_media.scss */
.watch-media.menu_open #actions .tools li a {
  background-color: #edebe9;
  color: #7c7976;
}
/* line 81, ../../app/scss/views/_media.scss */
.watch-media.menu_open #actions .tools li a:hover, .watch-media.menu_open #actions .tools li a:focus {
  background-color: rgba(51, 48, 45, 0.84);
  color: #fff;
}
/* line 90, ../../app/scss/views/_media.scss */
.watch-media.menu_open #actions .element-block .element,
.watch-media.menu_open #actions .element-block h3, .watch-media.menu_open #actions .element-block span {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 98, ../../app/scss/views/_media.scss */
.watch-media.menu_open #actions .buttons-group > div {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 105, ../../app/scss/views/_media.scss */
.watch-media.menu_open #comments {
  height: 100%;
  padding: 28px 35px;
  padding-top: 98px;
  -moz-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.07);
  box-shadow: -1px 0 2px rgba(0, 0, 0, 0.07);
  background-color: #fff;
}

@media (min-width: 750px) {
  /* line 114, ../../app/scss/views/_media.scss */
  .watch-media.menu_open .media-viewport {
    padding-right: 322px;
  }
}
/* line 120, ../../app/scss/views/_media.scss */
.watch-media.comments_open #actions {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 124, ../../app/scss/views/_media.scss */
.watch-media.comments_open #actions .element-block .element,
.watch-media.comments_open #actions .element-block h3, .watch-media.comments_open #actions .element-block span,
.watch-media.comments_open #actions .buttons-group > div {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 134, ../../app/scss/views/_media.scss */
.watch-media.comments_open #comments {
  max-width: 420px;
}
/* line 137, ../../app/scss/views/_media.scss */
.watch-media.comments_open #comments #formComment,
.watch-media.comments_open #comments section.buttons-group.tabs,
.watch-media.comments_open #comments .comments-container {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 145, ../../app/scss/views/_media.scss */
.watch-media.comments_open #comments #formComment {
  -moz-transition: all 0.05s ease-in-out 0.25s;
  -o-transition: all 0.05s ease-in-out 0.25s;
  -webkit-transition: all 0.05s ease-in-out;
  -webkit-transition-delay: 0.25s;
  transition: all 0.05s ease-in-out 0.25s;
}
/* line 146, ../../app/scss/views/_media.scss */
.watch-media.comments_open #comments section.buttons-group.tabs {
  -moz-transition: all 0.09s ease-in-out 0.29s;
  -o-transition: all 0.09s ease-in-out 0.29s;
  -webkit-transition: all 0.09s ease-in-out;
  -webkit-transition-delay: 0.29s;
  transition: all 0.09s ease-in-out 0.29s;
}
/* line 147, ../../app/scss/views/_media.scss */
.watch-media.comments_open #comments .comments-container {
  -moz-transition: all 0.125s ease-in-out 0.325s;
  -o-transition: all 0.125s ease-in-out 0.325s;
  -webkit-transition: all 0.125s ease-in-out;
  -webkit-transition-delay: 0.325s;
  transition: all 0.125s ease-in-out 0.325s;
}

@media (min-width: 750px) {
  /* line 151, ../../app/scss/views/_media.scss */
  .watch-media.comments_open .media-viewport {
    padding-right: 448px;
  }
}
/* line 1, ../../app/scss/views/_confirm.scss */
.remodal.confirm {
  max-width: 640px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 5, ../../app/scss/views/_confirm.scss */
.remodal.confirm h2 {
  margin-bottom: 14px;
  line-height: 35px;
}
/* line 10, ../../app/scss/views/_confirm.scss */
.remodal.confirm input#switchToAdmin,
.remodal.confirm input#switchToSupervisor,
.remodal.confirm input#switchToStudent {
  width: 100%;
}
/* line 14, ../../app/scss/views/_confirm.scss */
.remodal.confirm input#switchToAdmin {
  background-color: #ef6c3d;
}
/* line 17, ../../app/scss/views/_confirm.scss */
.remodal.confirm input#switchToAdmin:hover, .remodal.confirm input#switchToAdmin:focus {
  background-color: #ed5e2a;
}
/* line 21, ../../app/scss/views/_confirm.scss */
.remodal.confirm input#switchToSupervisor {
  background-color: #e29c45;
}
/* line 24, ../../app/scss/views/_confirm.scss */
.remodal.confirm input#switchToSupervisor:hover, .remodal.confirm input#switchToSupervisor:focus {
  background-color: #df9333;
}
/* line 28, ../../app/scss/views/_confirm.scss */
.remodal.confirm input#switchToStudent {
  background-color: #24af92;
}
/* line 31, ../../app/scss/views/_confirm.scss */
.remodal.confirm input#switchToStudent:hover, .remodal.confirm input#switchToStudent:focus {
  background-color: #219e84;
}

@media (max-width: 549px) {
  /* line 37, ../../app/scss/views/_confirm.scss */
  input#switchToAdmin,
  input#switchToSupervisor,
  input#switchToStudent {
    display: block;
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 641px) {
  /* line 46, ../../app/scss/views/_confirm.scss */
  .remodal.confirm {
    max-width: 378px;
  }
}
/* line 115, ../../app/scss/views/_lp.scss */
#landingPage *:not(img) {
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}

/* line 117, ../../app/scss/views/_lp.scss */
.wrapper.lp {
  min-height: auto;
}
/* line 121, ../../app/scss/views/_lp.scss */
.wrapper.lp h1, .wrapper.lp .h1, .wrapper.lp #timeline .sections .content h4 {
  font-size: 28px;
}
/* line 122, ../../app/scss/views/_lp.scss */
.wrapper.lp h2, .wrapper.lp .h2, .wrapper.lp .page_form label.upload-avatar p, .page_form label.upload-avatar .wrapper.lp p,
.wrapper.lp .page_form label.upload-excel p,
.page_form label.upload-excel .wrapper.lp p,
.wrapper.lp .page_form label.upload-book p,
.page_form label.upload-book .wrapper.lp p,
.wrapper.lp .page_form label.upload-media p,
.page_form label.upload-media .wrapper.lp p,
.wrapper.lp .page_form label.upload-subject p,
.page_form label.upload-subject .wrapper.lp p, .wrapper.lp .student_profile .panel section.statistics ul.blocks-inline li div span.num, .student_profile .panel section.statistics ul.blocks-inline li div .wrapper.lp span.num, .wrapper.lp .statistics .banner .global-statistics ul.blocks-inline li div span.num, .statistics .banner .global-statistics ul.blocks-inline li div .wrapper.lp span.num {
  font-size: 26px;
}
/* line 123, ../../app/scss/views/_lp.scss */
.wrapper.lp h3, .wrapper.lp .h3 {
  font-size: 24px;
}
/* line 124, ../../app/scss/views/_lp.scss */
.wrapper.lp h4, .wrapper.lp .h4 {
  font-size: 21px;
}

/* line 127, ../../app/scss/views/_lp.scss */
.wrapper.lp > section {
  box-sizing: border-box;
  position: fixed;
  top: 50%;
  right: 0;
  width: 100%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 135, ../../app/scss/views/_lp.scss */
.wrapper.lp > section .container {
  padding: 0 20px;
}

/* line 1, ../../app/scss/views/lp/partials/_header.scss */
.wrapper.lp #header {
  z-index: 14;
  overflow: hidden;
  position: fixed;
  right: 0;
  height: 91px;
  padding: 14px 0;
  -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.14);
  background-color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 13, ../../app/scss/views/lp/partials/_header.scss */
.wrapper.lp #header .container {
  position: static;
  max-width: 780px;
  padding: 0 20px;
}
/* line 19, ../../app/scss/views/lp/partials/_header.scss */
.wrapper.lp #header a.logo {
  float: none;
  position: absolute;
  top: 0;
  right: 50%;
  width: auto;
  height: 63px;
  margin-top: 14px;
  margin-right: -36px;
  margin-left: 0;
}
/* line 30, ../../app/scss/views/lp/partials/_header.scss */
.wrapper.lp #header a.logo img {
  height: 100%;
}
/* line 34, ../../app/scss/views/lp/partials/_header.scss */
.wrapper.lp #header nav ul.blocks-inline > li a {
  line-height: 63px;
}
/* line 36, ../../app/scss/views/lp/partials/_header.scss */
.wrapper.lp #header nav ul.blocks-inline > li#libButton, .wrapper.lp #header nav ul.blocks-inline > li#login {
  padding-top: 16px;
  padding-bottom: 15px;
}
/* line 42, ../../app/scss/views/lp/partials/_header.scss */
.wrapper.lp #header nav ul.blocks-inline > li#libButton a.button {
  line-height: 26px;
  color: #33302d;
}
/* line 46, ../../app/scss/views/lp/partials/_header.scss */
.wrapper.lp #header nav ul.blocks-inline > li#libButton a.button:hover, .wrapper.lp #header nav ul.blocks-inline > li#libButton a.button:focus {
  background-color: #33302d;
  color: #fff;
}

/* line 56, ../../app/scss/views/lp/partials/_header.scss */
.wrapper.lp #header .menu_icon {
  left: 20px;
  padding: 36.5px 0;
}

@media only screen and (max-width: 659px) {
  /* line 63, ../../app/scss/views/lp/partials/_header.scss */
  .wrapper.lp #header #header-content {
    margin-top: 63px;
  }
}
/* line 68, ../../app/scss/views/lp/partials/_header.scss */
.loading .wrapper.lp.overture #header {
  height: 100%;
  padding: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}
/* line 74, ../../app/scss/views/lp/partials/_header.scss */
.loading .wrapper.lp.overture #header a.logo {
  top: 50%;
  width: 106px;
  height: 92px;
  margin-top: -52px;
  margin-right: -53px;
}
/* line 82, ../../app/scss/views/lp/partials/_header.scss */
.loading .wrapper.lp.overture #header nav {
  -moz-transform: translateY(220px);
  -ms-transform: translateY(220px);
  -webkit-transform: translateY(220px);
  transform: translateY(220px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 93, ../../app/scss/views/lp/partials/_header.scss */
.wrapper.lp.overture #header,
.wrapper.lp.contacts #header {
  top: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}

/* line 99, ../../app/scss/views/lp/partials/_header.scss */
.wrapper.lp.contacts #header .container,
.wrapper.lp.footer #header .container {
  max-width: 1000px;
}

/* line 104, ../../app/scss/views/lp/partials/_header.scss */
.wrapper.lp.overture #header,
.wrapper.lp.overture #header a.logo,
.wrapper.lp.contacts #header,
.wrapper.lp.contacts #header a.logo,
.wrapper.lp.footer #header,
.wrapper.lp.footer #header a.logo {
  -moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.4s;
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}
/* line 106, ../../app/scss/views/lp/partials/_header.scss */
.wrapper.lp.overture #header nav.nav-right,
.wrapper.lp.contacts #header nav.nav-right,
.wrapper.lp.footer #header nav.nav-right {
  -moz-transition: all 0.74s cubic-bezier(0.19, 1, 0.22, 1) 0.74s;
  -o-transition: all 0.74s cubic-bezier(0.19, 1, 0.22, 1) 0.74s;
  -webkit-transition: all 0.74s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.74s;
  transition: all 0.74s cubic-bezier(0.19, 1, 0.22, 1) 0.74s;
}
/* line 107, ../../app/scss/views/lp/partials/_header.scss */
.wrapper.lp.overture #header nav.nav-left,
.wrapper.lp.contacts #header nav.nav-left,
.wrapper.lp.footer #header nav.nav-left {
  -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.8s;
  -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.8s;
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.8s;
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.8s;
}

@media (max-width: 749px) {
  /* line 111, ../../app/scss/views/lp/partials/_header.scss */
  .wrapper.lp.contacts #header {
    top: -350%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    -moz-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
    -o-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
    -webkit-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
    transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  }

  /* line 117, ../../app/scss/views/lp/partials/_header.scss */
  .wrapper.lp.footer #header {
    top: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
  }
}
/* line 126, ../../app/scss/views/lp/partials/_header.scss */
.wrapper.lp #header {
  top: -350%;
  -moz-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -o-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -webkit-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
}

/* line 1, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator {
  z-index: 15;
  display: block;
  position: fixed;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 8, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul {
  width: 41px;
}
/* line 11, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li {
  margin-bottom: 14px;
}
/* line 14, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li:first-child {
  margin-top: 0;
}
/* line 15, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li:last-child {
  margin-bottom: 0;
}

/* line 21, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li > a {
  width: 31px;
  height: 31px;
  margin-right: 5px;
  padding: 8px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(51, 48, 45, 0.84);
}
/* line 29, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li > a svg {
  display: block;
  width: 15px;
  height: 15px;
  fill: #f5f4f3;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* line 38, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li.active > a, .wrapper.lp #navigator > ul > li > a:hover {
  background-color: #e29c45;
}
/* line 40, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li.active > a {
  width: 35px;
  height: 35px;
  margin-right: 3px;
  padding: 9px;
}
/* line 46, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li.active > a svg {
  width: 17px;
  height: 17px;
}
/* line 52, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li > a:hover, .wrapper.lp #navigator > ul > li.active > a:hover {
  width: 41px;
  height: 41px;
  margin-right: 0;
  padding: 11px;
}
/* line 58, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li > a:hover svg, .wrapper.lp #navigator > ul > li.active > a:hover svg {
  width: 19px;
  height: 19px;
}

/* line 66, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li ul {
  position: relative;
  width: 100%;
  height: 0;
  -moz-transform: translateY(-15.5px);
  -ms-transform: translateY(-15.5px);
  -webkit-transform: translateY(-15.5px);
  transform: translateY(-15.5px);
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 73, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li ul li {
  position: absolute;
  right: 17px;
  bottom: 0;
  width: 9px;
  height: 9px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 83, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li ul li a {
  width: 7px;
  height: 7px;
  margin: 1px 1px 0 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(51, 48, 45, 0.84);
}
/* line 91, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li ul li.active a, .wrapper.lp #navigator > ul > li ul li a:hover {
  width: 9px;
  height: 9px;
  margin: 0;
  background-color: #e29c45;
}

/* line 99, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li.active ul {
  height: 17px;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* line 103, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li.active ul li {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}

/* line 110, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li.active:nth-child(1) ul li:nth-child(1) {
  right: 2px;
  bottom: 4px;
}
/* line 111, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li.active:nth-child(1) ul li:nth-child(2) {
  right: 16px;
  bottom: 0;
}
/* line 112, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li.active:nth-child(1) ul li:nth-child(3) {
  right: 30px;
  bottom: 4px;
}
/* line 115, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li.active:nth-child(4) ul li:nth-child(1) {
  right: -5px;
  bottom: 9px;
}
/* line 116, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li.active:nth-child(4) ul li:nth-child(2) {
  right: 8px;
  bottom: 0;
}
/* line 117, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li.active:nth-child(4) ul li:nth-child(3) {
  right: 24px;
  bottom: 0;
}
/* line 118, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator > ul > li.active:nth-child(4) ul li:nth-child(4) {
  right: 37px;
  bottom: 9px;
}

/* line 124, ../../app/scss/views/lp/partials/_navigator.scss */
.loading .wrapper.lp.overture #navigator {
  top: 150%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 129, ../../app/scss/views/lp/partials/_navigator.scss */
.loading .wrapper.lp.overture #navigator > ul > li {
  margin-bottom: 112px;
}
/* line 132, ../../app/scss/views/lp/partials/_navigator.scss */
.loading .wrapper.lp.overture #navigator > ul > li:first-child {
  margin-top: 112px;
}
/* line 133, ../../app/scss/views/lp/partials/_navigator.scss */
.loading .wrapper.lp.overture #navigator > ul > li:last-child {
  margin-bottom: 0;
}

/* line 139, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator {
  right: -76px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}

@media (min-width: 882px) {
  /* line 146, ../../app/scss/views/lp/partials/_navigator.scss */
  .wrapper.lp #navigator {
    right: 35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
  }
}
/* line 153, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp.overture #navigator,
.wrapper.lp.contacts #navigator {
  margin-top: 45.5px;
}

/* line 155, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp.overture #navigator,
.wrapper.lp.overture #navigator > ul > li,
.wrapper.lp.contacts #navigator {
  -moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.4s;
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}

/* line 162, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp.video.video--open #navigator,
.wrapper.lp.article.article--open #navigator {
  right: -76px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}

/* line 168, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp #navigator {
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

/* line 169, ../../app/scss/views/lp/partials/_navigator.scss */
.wrapper.lp.video.video--closing #navigator,
.wrapper.lp.article.article--closing #navigator {
  -moz-transition: all 0.6s ease-in-out 0.6s;
  -o-transition: all 0.6s ease-in-out 0.6s;
  -webkit-transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 0.6s;
  transition: all 0.6s ease-in-out 0.6s;
}

/* line 1, ../../app/scss/views/lp/partials/_scroll-down.scss */
.wrapper.lp #scroll-down {
  z-index: 11;
  display: block;
  position: fixed;
  right: 50%;
  width: 26px;
  height: 44px;
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}

/* line 12, ../../app/scss/views/lp/partials/_scroll-down.scss */
.wrapper.lp #scroll-down .mouse {
  box-sizing: border-box;
  position: relative;
  width: 26px;
  height: 44px;
  border: 2px solid #a9a6a3;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.07);
}
/* line 21, ../../app/scss/views/lp/partials/_scroll-down.scss */
.wrapper.lp #scroll-down .mouse:after {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  right: 8px;
  width: 6px;
  height: 6px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #a9a6a3;
  -moz-animation: mouseEllipse 2s ease-in-out 1.2s infinite;
  -webkit-animation: mouseEllipse 2s ease-in-out 1.2s infinite;
  animation: mouseEllipse 2s ease-in-out 1.2s infinite;
}

/* line 34, ../../app/scss/views/lp/partials/_scroll-down.scss */
.wrapper.lp #scroll-down .mouse,
.wrapper.lp #scroll-down .mouse:after {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@-moz-keyframes mouseEllipse {
  from {
    top: 6px;
  }
  to {
    top: 14px;
  }
}
@-webkit-keyframes mouseEllipse {
  from {
    top: 6px;
  }
  to {
    top: 14px;
  }
}
@keyframes mouseEllipse {
  from {
    top: 6px;
  }
  to {
    top: 14px;
  }
}
/* line 42, ../../app/scss/views/lp/partials/_scroll-down.scss */
.wrapper.lp #scroll-down .text p {
  display: block;
  position: absolute;
  bottom: 0;
  right: 50%;
  width: 252px;
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  line-height: 28px;
  text-align: center;
  letter-spacing: 0;
  color: #7c7976;
}

/* line 54, ../../app/scss/views/lp/partials/_scroll-down.scss */
.wrapper.lp #scroll-down .text p {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* line 59, ../../app/scss/views/lp/partials/_scroll-down.scss */
.wrapper.lp #scroll-down:hover .mouse,
.wrapper.lp #scroll-down:focus .mouse {
  border-color: #e29c45;
  background-color: #e29c45;
}
/* line 63, ../../app/scss/views/lp/partials/_scroll-down.scss */
.wrapper.lp #scroll-down:hover .mouse:after,
.wrapper.lp #scroll-down:focus .mouse:after {
  background-color: #f5f4f3;
}
/* line 66, ../../app/scss/views/lp/partials/_scroll-down.scss */
.wrapper.lp #scroll-down:hover .text p,
.wrapper.lp #scroll-down:focus .text p {
  font-size: 13px;
  letter-spacing: 2px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 75, ../../app/scss/views/lp/partials/_scroll-down.scss */
.loading .wrapper.lp.overture #scroll-down {
  bottom: -200%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 80, ../../app/scss/views/lp/partials/_scroll-down.scss */
.loading .wrapper.lp.overture #scroll-down .mouse:after {
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}
/* line 81, ../../app/scss/views/lp/partials/_scroll-down.scss */
.loading .wrapper.lp.overture #scroll-down .text {
  -moz-transform: translateY(320px);
  -ms-transform: translateY(320px);
  -webkit-transform: translateY(320px);
  transform: translateY(320px);
}

/* line 86, ../../app/scss/views/lp/partials/_scroll-down.scss */
.wrapper.lp #scroll-down {
  bottom: 28px;
}

/* line 87, ../../app/scss/views/lp/partials/_scroll-down.scss */
.wrapper.lp.overture #scroll-down,
.wrapper.lp.overture #scroll-down .text {
  -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.8s;
  -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.8s;
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.8s;
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.8s;
}

@media (max-width: 749px) {
  /* line 91, ../../app/scss/views/lp/partials/_scroll-down.scss */
  .wrapper.lp #scroll-down {
    bottom: -72px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
  }

  /* line 97, ../../app/scss/views/lp/partials/_scroll-down.scss */
  .wrapper.lp #scroll-down {
    -moz-transition: all 0.6s ease-in-out 0.6s;
    -o-transition: all 0.6s ease-in-out 0.6s;
    -webkit-transition: all 0.6s ease-in-out;
    -webkit-transition-delay: 0.6s;
    transition: all 0.6s ease-in-out 0.6s;
  }
}
/* line 105, ../../app/scss/views/lp/partials/_scroll-down.scss */
.wrapper.lp.article #scroll-down .mouse,
.wrapper.lp.features #scroll-down .mouse,
.wrapper.lp.students #scroll-down .mouse,
.wrapper.lp.library #scroll-down .mouse {
  border-color: #f5f4f3;
  background-color: rgba(245, 244, 243, 0.07);
}
/* line 109, ../../app/scss/views/lp/partials/_scroll-down.scss */
.wrapper.lp.article #scroll-down .mouse:after,
.wrapper.lp.features #scroll-down .mouse:after,
.wrapper.lp.students #scroll-down .mouse:after,
.wrapper.lp.library #scroll-down .mouse:after {
  background-color: #f5f4f3;
}
/* line 111, ../../app/scss/views/lp/partials/_scroll-down.scss */
.wrapper.lp.article #scroll-down .text p,
.wrapper.lp.features #scroll-down .text p,
.wrapper.lp.students #scroll-down .text p,
.wrapper.lp.library #scroll-down .text p {
  color: #f5f4f3;
}
/* line 114, ../../app/scss/views/lp/partials/_scroll-down.scss */
.wrapper.lp.article #scroll-down:hover .mouse, .wrapper.lp.article #scroll-down:focus .mouse,
.wrapper.lp.features #scroll-down:hover .mouse,
.wrapper.lp.features #scroll-down:focus .mouse,
.wrapper.lp.students #scroll-down:hover .mouse,
.wrapper.lp.students #scroll-down:focus .mouse,
.wrapper.lp.library #scroll-down:hover .mouse,
.wrapper.lp.library #scroll-down:focus .mouse {
  border-color: #e29c45;
  background-color: #e29c45;
}
/* line 118, ../../app/scss/views/lp/partials/_scroll-down.scss */
.wrapper.lp.article #scroll-down:hover .mouse:after, .wrapper.lp.article #scroll-down:focus .mouse:after,
.wrapper.lp.features #scroll-down:hover .mouse:after,
.wrapper.lp.features #scroll-down:focus .mouse:after,
.wrapper.lp.students #scroll-down:hover .mouse:after,
.wrapper.lp.students #scroll-down:focus .mouse:after,
.wrapper.lp.library #scroll-down:hover .mouse:after,
.wrapper.lp.library #scroll-down:focus .mouse:after {
  background-color: #f5f4f3;
}
/* line 121, ../../app/scss/views/lp/partials/_scroll-down.scss */
.wrapper.lp.article #scroll-down:hover .text p, .wrapper.lp.article #scroll-down:focus .text p,
.wrapper.lp.features #scroll-down:hover .text p,
.wrapper.lp.features #scroll-down:focus .text p,
.wrapper.lp.students #scroll-down:hover .text p,
.wrapper.lp.students #scroll-down:focus .text p,
.wrapper.lp.library #scroll-down:hover .text p,
.wrapper.lp.library #scroll-down:focus .text p {
  font-size: 13px;
  letter-spacing: 2px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 132, ../../app/scss/views/lp/partials/_scroll-down.scss */
.wrapper.lp.video.video--open #scroll-down,
.wrapper.lp.article.article--open #scroll-down,
.wrapper.lp.contacts #scroll-down {
  bottom: -72px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}

/* line 139, ../../app/scss/views/lp/partials/_scroll-down.scss */
.wrapper.lp #scroll-down {
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

/* line 140, ../../app/scss/views/lp/partials/_scroll-down.scss */
.wrapper.lp.video.video--closing #scroll-down,
.wrapper.lp.article.article--closing #scroll-down,
.wrapper.lp.contacts #scroll-down {
  -moz-transition: all 0.6s ease-in-out 0.6s;
  -o-transition: all 0.6s ease-in-out 0.6s;
  -webkit-transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 0.6s;
  transition: all 0.6s ease-in-out 0.6s;
}

/* line 1, ../../app/scss/views/lp/partials/_backgrounds.scss */
.wrapper.lp #backgrounds {
  z-index: 1;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* line 9, ../../app/scss/views/lp/partials/_backgrounds.scss */
.wrapper.lp #backgrounds li {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 17, ../../app/scss/views/lp/partials/_backgrounds.scss */
.wrapper.lp #backgrounds li div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
/* line 26, ../../app/scss/views/lp/partials/_backgrounds.scss */
.wrapper.lp #backgrounds li.bg-art div {
  background-image: url("../img/lp/author-image.png");
}
/* line 27, ../../app/scss/views/lp/partials/_backgrounds.scss */
.wrapper.lp #backgrounds li.bg-tes div {
  background-image: url("../img/lp/uae-flag.jpg");
}
/* line 28, ../../app/scss/views/lp/partials/_backgrounds.scss */
.wrapper.lp #backgrounds li.bg-fea div {
  background-image: url("../img/lp/table.jpg");
}
/* line 29, ../../app/scss/views/lp/partials/_backgrounds.scss */
.wrapper.lp #backgrounds li.bg-stu div {
  background-image: url("../img/lp/empty-class.jpg");
}
/* line 30, ../../app/scss/views/lp/partials/_backgrounds.scss */
.wrapper.lp #backgrounds li.bg-lib div {
  background-image: url("../img/lp/library.jpg");
}
/* line 32, ../../app/scss/views/lp/partials/_backgrounds.scss */
.wrapper.lp #backgrounds li.bg-art {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
/* line 33, ../../app/scss/views/lp/partials/_backgrounds.scss */
.wrapper.lp #backgrounds li.bg-tes div,
.wrapper.lp #backgrounds li.bg-stu div {
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

/* line 40, ../../app/scss/views/lp/partials/_backgrounds.scss */
.wrapper.lp.article #backgrounds li.bg-art,
.wrapper.lp.testimonials #backgrounds li.bg-tes,
.wrapper.lp.features #backgrounds li.bg-fea,
.wrapper.lp.students #backgrounds li.bg-stu,
.wrapper.lp.library #backgrounds li.bg-lib {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 47, ../../app/scss/views/lp/partials/_backgrounds.scss */
.wrapper.lp.article #backgrounds li.bg-art div,
.wrapper.lp.testimonials #backgrounds li.bg-tes div,
.wrapper.lp.features #backgrounds li.bg-fea div,
.wrapper.lp.students #backgrounds li.bg-stu div,
.wrapper.lp.library #backgrounds li.bg-lib div {
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  -webkit-filter: blur(12px);
  filter: blur(12px);
}

/* line 52, ../../app/scss/views/lp/partials/_backgrounds.scss */
.wrapper.lp.testimonials #backgrounds li.bg-tes div,
.wrapper.lp.students #backgrounds li.bg-stu div {
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

/* line 55, ../../app/scss/views/lp/partials/_backgrounds.scss */
.wrapper.lp.article #backgrounds li.bg-art,
.wrapper.lp.testimonials #backgrounds li.bg-tes,
.wrapper.lp.features #backgrounds li.bg-fea,
.wrapper.lp.students #backgrounds li.bg-stu,
.wrapper.lp.library #backgrounds li.bg-lib {
  -moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.4s;
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}
/* line 62, ../../app/scss/views/lp/partials/_backgrounds.scss */
.wrapper.lp.article #backgrounds li.bg-art div,
.wrapper.lp.testimonials #backgrounds li.bg-tes div,
.wrapper.lp.features #backgrounds li.bg-fea div,
.wrapper.lp.students #backgrounds li.bg-stu div,
.wrapper.lp.library #backgrounds li.bg-lib div {
  -moz-transition: all 35s ease-out 0.8s;
  -o-transition: all 35s ease-out 0.8s;
  -webkit-transition: all 35s ease-out;
  -webkit-transition-delay: 0.8s;
  transition: all 35s ease-out 0.8s;
}

/* line 66, ../../app/scss/views/lp/partials/_backgrounds.scss */
.wrapper.lp.article.article--open #backgrounds li.bg-art {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 67, ../../app/scss/views/lp/partials/_backgrounds.scss */
.wrapper.lp.article.article--closing #backgrounds li.bg-art {
  -moz-transition: all 0.6s ease-in-out 0.6s;
  -o-transition: all 0.6s ease-in-out 0.6s;
  -webkit-transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 0.6s;
  transition: all 0.6s ease-in-out 0.6s;
}

/* line 71, ../../app/scss/views/lp/partials/_backgrounds.scss */
.wrapper.lp #backgrounds li {
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

/* line 72, ../../app/scss/views/lp/partials/_backgrounds.scss */
.wrapper.lp #backgrounds li div {
  -moz-transition: all 0.05s ease-out 1.6s;
  -o-transition: all 0.05s ease-out 1.6s;
  -webkit-transition: all 0.05s ease-out;
  -webkit-transition-delay: 1.6s;
  transition: all 0.05s ease-out 1.6s;
}

/* line 1, ../../app/scss/views/lp/_overture.scss */
.wrapper.lp #overture {
  z-index: 3;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 6, ../../app/scss/views/lp/_overture.scss */
.wrapper.lp #overture .container {
  width: 100%;
  max-width: 614px;
}
/* line 11, ../../app/scss/views/lp/_overture.scss */
.wrapper.lp #overture .booksOnAShelf {
  position: relative;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 14px;
}
/* line 17, ../../app/scss/views/lp/_overture.scss */
.wrapper.lp #overture .booksOnAShelf img {
  display: block;
  width: 100%;
}
/* line 21, ../../app/scss/views/lp/_overture.scss */
.wrapper.lp #overture .booksOnAShelf img:nth-child(1), .wrapper.lp #overture .booksOnAShelf img:nth-child(3) {
  position: absolute;
  top: 0;
  right: 0;
}
/* line 28, ../../app/scss/views/lp/_overture.scss */
.wrapper.lp #overture .booksOnAShelf img.small, .wrapper.lp #overture .booksOnAShelf img.label {
  width: auto;
  margin: 0 auto;
}
/* line 33, ../../app/scss/views/lp/_overture.scss */
.wrapper.lp #overture .booksOnAShelf img.small:nth-child(3), .wrapper.lp #overture .booksOnAShelf img.label:nth-child(3) {
  right: 50%;
  margin-right: -85.5px;
}
/* line 38, ../../app/scss/views/lp/_overture.scss */
.wrapper.lp #overture .booksOnAShelf img.large {
  display: none;
}
/* line 42, ../../app/scss/views/lp/_overture.scss */
.wrapper.lp #overture h1 {
  width: 100%;
  margin: 0 auto;
  font-size: 18px;
  text-align: center;
}

@media (min-width: 400px) {
  /* line 51, ../../app/scss/views/lp/_overture.scss */
  .wrapper.lp #overture .booksOnAShelf {
    margin-bottom: 21px;
  }
  /* line 55, ../../app/scss/views/lp/_overture.scss */
  .wrapper.lp #overture .booksOnAShelf img.large {
    display: block;
  }
  /* line 56, ../../app/scss/views/lp/_overture.scss */
  .wrapper.lp #overture .booksOnAShelf img.small, .wrapper.lp #overture .booksOnAShelf img.label {
    display: none;
  }

  /* line 60, ../../app/scss/views/lp/_overture.scss */
  .wrapper.lp #overture h1 {
    font-size: 21px;
  }
}
@media (min-width: 550px) {
  /* line 63, ../../app/scss/views/lp/_overture.scss */
  .wrapper.lp #overture .booksOnAShelf {
    margin-bottom: 42px;
  }

  /* line 65, ../../app/scss/views/lp/_overture.scss */
  .wrapper.lp #overture h1 {
    font-size: 28px;
  }
}
/* line 70, ../../app/scss/views/lp/_overture.scss */
.loading .wrapper.lp.overture #overture {
  top: 450%;
}
/* line 73, ../../app/scss/views/lp/_overture.scss */
.loading .wrapper.lp.overture #overture .booksOnAShelf img:nth-child(1),
.loading .wrapper.lp.overture #overture .booksOnAShelf img:nth-child(3) {
  -moz-transform: translateY(420px);
  -ms-transform: translateY(420px);
  -webkit-transform: translateY(420px);
  transform: translateY(420px);
}
/* line 76, ../../app/scss/views/lp/_overture.scss */
.loading .wrapper.lp.overture #overture h1 {
  line-height: 462px;
  -moz-transform: translateY(840px);
  -ms-transform: translateY(840px);
  -webkit-transform: translateY(840px);
  transform: translateY(840px);
}

/* line 85, ../../app/scss/views/lp/_overture.scss */
.wrapper.lp.overture #overture {
  top: 50%;
  margin-top: 45.5px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 91, ../../app/scss/views/lp/_overture.scss */
.wrapper.lp.overture #overture .booksOnAShelf img:nth-child(1),
.wrapper.lp.overture #overture .booksOnAShelf img:nth-child(3) {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* line 94, ../../app/scss/views/lp/_overture.scss */
.wrapper.lp.overture #overture h1 {
  line-height: 28px;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* line 99, ../../app/scss/views/lp/_overture.scss */
.wrapper.lp.overture #overture,
.wrapper.lp.overture #overture .booksOnAShelf,
.wrapper.lp.overture #overture .booksOnAShelf img:nth-child(1),
.wrapper.lp.overture #overture .booksOnAShelf img:nth-child(3) {
  -moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.4s;
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}

/* line 103, ../../app/scss/views/lp/_overture.scss */
.wrapper.lp.overture #overture h1 {
  -moz-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
  -o-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
  -webkit-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.5s;
  transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
}

@media (min-width: 400px) {
  /* line 106, ../../app/scss/views/lp/_overture.scss */
  .wrapper.lp.overture #overture h1 {
    line-height: 35px;
  }
}
@media (min-width: 550px) {
  /* line 109, ../../app/scss/views/lp/_overture.scss */
  .wrapper.lp.overture #overture h1 {
    line-height: 42px;
  }
}
/* line 114, ../../app/scss/views/lp/_overture.scss */
.wrapper.lp #overture {
  top: -350%;
}
/* line 117, ../../app/scss/views/lp/_overture.scss */
.wrapper.lp #overture .booksOnAShelf img:nth-child(1),
.wrapper.lp #overture .booksOnAShelf img:nth-child(3) {
  -moz-transform: translateY(420px);
  -ms-transform: translateY(420px);
  -webkit-transform: translateY(420px);
  transform: translateY(420px);
}
/* line 120, ../../app/scss/views/lp/_overture.scss */
.wrapper.lp #overture h1 {
  line-height: 462px;
  -moz-transform: translateY(840px);
  -ms-transform: translateY(840px);
  -webkit-transform: translateY(840px);
  transform: translateY(840px);
}

/* line 125, ../../app/scss/views/lp/_overture.scss */
.wrapper.lp #overture,
.wrapper.lp #overture .booksOnAShelf,
.wrapper.lp #overture .booksOnAShelf img:nth-child(1),
.wrapper.lp #overture .booksOnAShelf img:nth-child(3) {
  -moz-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -o-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -webkit-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
}

/* line 129, ../../app/scss/views/lp/_overture.scss */
.wrapper.lp #overture h1 {
  -moz-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -o-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -webkit-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
}

/* line 1, ../../app/scss/views/lp/_video.scss */
.wrapper.lp #video {
  z-index: 4;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 6, ../../app/scss/views/lp/_video.scss */
.wrapper.lp #video .container {
  width: 100%;
}
/* line 9, ../../app/scss/views/lp/_video.scss */
.wrapper.lp #video .container .box {
  box-sizing: border-box;
  border: 12px solid #e29c45;
}
/* line 13, ../../app/scss/views/lp/_video.scss */
.wrapper.lp #video .container .box .box-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #f5f4f3;
  -moz-box-shadow: 0 0 12px rgba(51, 48, 45, 0.35);
  -webkit-box-shadow: 0 0 12px rgba(51, 48, 45, 0.35);
  box-shadow: 0 0 12px rgba(51, 48, 45, 0.35);
}
/* line 24, ../../app/scss/views/lp/_video.scss */
.wrapper.lp #video img.cover {
  position: absolute;
  top: 0;
  right: 50%;
  height: 100%;
  -webkit-filter: blur(2px);
  filter: blur(2px);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
/* line 33, ../../app/scss/views/lp/_video.scss */
.wrapper.lp #video .overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 48, 45, 0.14);
  -moz-box-shadow: inset 0 0 42px 14px rgba(51, 48, 45, 0.14);
  -webkit-box-shadow: inset 0 0 42px 14px rgba(51, 48, 45, 0.14);
  box-shadow: inset 0 0 42px 14px rgba(51, 48, 45, 0.14);
}

/* line 45, ../../app/scss/views/lp/_video.scss */
.wrapper.lp #video a#open-video-action {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* line 53, ../../app/scss/views/lp/_video.scss */
.wrapper.lp #video a#open-video-action .inside {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 91px 0 91px;
}
/* line 59, ../../app/scss/views/lp/_video.scss */
.wrapper.lp #video a#open-video-action .inside svg {
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 auto;
  margin-bottom: 14px;
  -webkit-filter: drop-shadow(3px 3px 7px rgba(51, 48, 45, 0.63));
  filter: drop-shadow(3px 3px 7px rgba(51, 48, 45, 0.63));
}
/* line 68, ../../app/scss/views/lp/_video.scss */
.wrapper.lp #video a#open-video-action .inside p {
  display: block;
  font-size: 21px;
  text-align: center;
  line-height: 28px;
  color: #f5f4f3;
  text-shadow: 3px 3px 7px rgba(51, 48, 45, 0.63);
}
/* line 78, ../../app/scss/views/lp/_video.scss */
.wrapper.lp #video a#open-video-action:hover .inside, .wrapper.lp #video a#open-video-action:focus .inside {
  padding: 84px 0 98px;
  background-color: rgba(51, 48, 45, 0.14);
  -moz-box-shadow: inset 0 0 42px 14px rgba(51, 48, 45, 0.07);
  -webkit-box-shadow: inset 0 0 42px 14px rgba(51, 48, 45, 0.07);
  box-shadow: inset 0 0 42px 14px rgba(51, 48, 45, 0.07);
}

/* line 85, ../../app/scss/views/lp/_video.scss */
.wrapper.lp #video a#open-video-action .inside,
.wrapper.lp #video a#open-video-action .inside svg,
.wrapper.lp #video a#open-video-action .inside p {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 400px) {
  /* line 91, ../../app/scss/views/lp/_video.scss */
  .wrapper.lp #video a#open-video-action .inside {
    padding: 74px 0 73px;
  }
  /* line 94, ../../app/scss/views/lp/_video.scss */
  .wrapper.lp #video a#open-video-action .inside svg {
    width: 56px;
    height: 56px;
    margin-bottom: 21px;
  }
  /* line 100, ../../app/scss/views/lp/_video.scss */
  .wrapper.lp #video a#open-video-action .inside p {
    font-size: 26px;
    line-height: 28px;
  }
  /* line 106, ../../app/scss/views/lp/_video.scss */
  .wrapper.lp #video a#open-video-action:hover .inside, .wrapper.lp #video a#open-video-action:focus .inside {
    padding: 67px 0 80px;
  }
}
/* line 114, ../../app/scss/views/lp/_video.scss */
.wrapper.lp #video video {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 125, ../../app/scss/views/lp/_video.scss */
.wrapper.lp #video a#close-video-action {
  display: block;
  position: absolute;
  top: 35px;
  right: 35px;
  width: 28px;
  height: 28px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 135, ../../app/scss/views/lp/_video.scss */
.wrapper.lp #video a#close-video-action svg {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-filter: drop-shadow(3px 3px 7px rgba(51, 48, 45, 0.63));
  filter: drop-shadow(3px 3px 7px rgba(51, 48, 45, 0.63));
}

/* line 147, ../../app/scss/views/lp/_video.scss */
.wrapper.lp.video #video {
  top: 50%;
  height: 290px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 153, ../../app/scss/views/lp/_video.scss */
.wrapper.lp.video #video .container {
  max-width: 614px;
  height: 290px;
}
/* line 157, ../../app/scss/views/lp/_video.scss */
.wrapper.lp.video #video .container .box {
  height: 290px;
}

/* line 160, ../../app/scss/views/lp/_video.scss */
.wrapper.lp.video #video,
.wrapper.lp.video #video .container,
.wrapper.lp.video #video .box {
  -moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.4s;
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}

/* line 165, ../../app/scss/views/lp/_video.scss */
.wrapper.lp.video.video--open #video {
  height: 100%;
}
/* line 168, ../../app/scss/views/lp/_video.scss */
.wrapper.lp.video.video--open #video .container {
  max-width: 100%;
  height: 100%;
  padding: 0;
}
/* line 173, ../../app/scss/views/lp/_video.scss */
.wrapper.lp.video.video--open #video .container .box {
  height: 100%;
}
/* line 174, ../../app/scss/views/lp/_video.scss */
.wrapper.lp.video.video--open #video .container .box .box-container {
  background-color: #000;
}
/* line 177, ../../app/scss/views/lp/_video.scss */
.wrapper.lp.video.video--open #video img.cover,
.wrapper.lp.video.video--open #video .overlay,
.wrapper.lp.video.video--open #video a#open-video-action {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 184, ../../app/scss/views/lp/_video.scss */
.wrapper.lp.video.video--open #video a#open-video-action svg {
  -moz-transform: translateY(-888px);
  -ms-transform: translateY(-888px);
  -webkit-transform: translateY(-888px);
  transform: translateY(-888px);
}
/* line 185, ../../app/scss/views/lp/_video.scss */
.wrapper.lp.video.video--open #video a#open-video-action p {
  -moz-transform: translateY(-296px);
  -ms-transform: translateY(-296px);
  -webkit-transform: translateY(-296px);
  transform: translateY(-296px);
}
/* line 187, ../../app/scss/views/lp/_video.scss */
.wrapper.lp.video.video--open #video video {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 192, ../../app/scss/views/lp/_video.scss */
.wrapper.lp.video.video--open #video a#close-video-action {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=28);
  opacity: 0.28;
  visibility: visible;
}
/* line 196, ../../app/scss/views/lp/_video.scss */
.wrapper.lp.video.video--open #video a#close-video-action:hover, .wrapper.lp.video.video--open #video a#close-video-action:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=42);
  opacity: 0.42;
}

/* line 202, ../../app/scss/views/lp/_video.scss */
.wrapper.lp.video.video--opening #video,
.wrapper.lp.video.video--opening #video .container,
.wrapper.lp.video.video--opening #video .box,
.wrapper.lp.video.video--opening #video .box .box-container,
.wrapper.lp.video.video--opening #video img.cover,
.wrapper.lp.video.video--opening #video .overlay,
.wrapper.lp.video.video--opening #video a#open-video-action svg,
.wrapper.lp.video.video--opening #video a#open-video-action p,
.wrapper.lp.video.video--opening #video a#open-video-action,
.wrapper.lp.video.video--opening #video video,
.wrapper.lp.video.video--opening #video a#close-video-action,
.wrapper.lp.video.video--closing #video,
.wrapper.lp.video.video--closing #video .container,
.wrapper.lp.video.video--closing #video .box,
.wrapper.lp.video.video--closing #video .box .box-container,
.wrapper.lp.video.video--closing #video img.cover,
.wrapper.lp.video.video--closing #video .overlay,
.wrapper.lp.video.video--closing #video a#open-video-action svg,
.wrapper.lp.video.video--closing #video a#open-video-action p,
.wrapper.lp.video.video--closing #video a#open-video-action,
.wrapper.lp.video.video--closing #video video,
.wrapper.lp.video.video--closing #video a#close-video-action {
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

/* line 215, ../../app/scss/views/lp/_video.scss */
.wrapper.lp.video.video--closing #video .box .box-container,
.wrapper.lp.video.video--closing #video img.cover,
.wrapper.lp.video.video--closing #video .overlay,
.wrapper.lp.video.video--closing #video a#open-video-action svg,
.wrapper.lp.video.video--closing #video a#open-video-action p,
.wrapper.lp.video.video--closing #video a#open-video-action,
.wrapper.lp.video.video--closing #video video,
.wrapper.lp.video.video--closing #video a#close-video-action {
  -moz-transition: all 0.6s ease-in-out 0.6s;
  -o-transition: all 0.6s ease-in-out 0.6s;
  -webkit-transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 0.6s;
  transition: all 0.6s ease-in-out 0.6s;
}

@media (max-width: 549px) {
  /* line 225, ../../app/scss/views/lp/_video.scss */
  .wrapper.lp.video.video--open #video .container .box {
    border: 0 solid transparent;
  }
}
/* line 230, ../../app/scss/views/lp/_video.scss */
.wrapper.lp #video {
  top: -350%;
  height: 100%;
}
/* line 234, ../../app/scss/views/lp/_video.scss */
.wrapper.lp #video .container {
  max-width: 100%;
  height: 100%;
}
/* line 238, ../../app/scss/views/lp/_video.scss */
.wrapper.lp #video .container .box {
  height: 100%;
}

/* line 241, ../../app/scss/views/lp/_video.scss */
.wrapper.lp.overture #video {
  top: 450%;
}

/* line 242, ../../app/scss/views/lp/_video.scss */
.wrapper.lp #video,
.wrapper.lp #video .container,
.wrapper.lp #video .box,
.wrapper.lp #video .box .box-container,
.wrapper.lp #video img.cover,
.wrapper.lp #video .overlay {
  -moz-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -o-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -webkit-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
}


/*---------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------*/
/* line 1, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article {
  z-index: 5;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 6, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article .container {
  width: 100%;
}
/* line 9, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article .container .box {
  box-sizing: border-box;
  border: 12px solid #e29c45;
}
/* line 13, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article .container .box .box-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.42);
  -moz-box-shadow: 0 0 12px rgba(51, 48, 45, 0.35);
  -webkit-box-shadow: 0 0 12px rgba(51, 48, 45, 0.35);
  box-shadow: 0 0 12px rgba(51, 48, 45, 0.35);
}
/* line 24, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article .cover {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 70% 50%;
  background-image: url(../img/lp/author-image.png);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 37, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article .article-wrapper {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* line 45, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article .article-wrapper .inside {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 21px;
  padding-top: 42px;
  padding-bottom: 0;
}

/* line 56, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article .cover,
.wrapper.lp #article .article-wrapper .inside {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 550px) {
  /* line 60, ../../app/scss/views/lp/_article.scss */
  .wrapper.lp #article .cover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }

  /* line 62, ../../app/scss/views/lp/_article.scss */
  .wrapper.lp #article .article-wrapper .inside {
    padding: 42px;
    padding-right: 42%;
  }
}
@media (min-width: 670px) {
  /* line 69, ../../app/scss/views/lp/_article.scss */
  .wrapper.lp #article .cover {
    background-position: 50% 50%;
  }
}
/* line 73, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article article {
  margin-bottom: 21px;
}
/* line 76, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article article header {
  margin-bottom: 7px;
}
/* line 79, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article article header h3 {
  margin-bottom: 7px;
  font-size: 21px;
}
/* line 84, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article article header p.details {
  color: #7c7976;
}
/* line 89, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article article header p.details span {
  display: block;
  float: right;
  white-space: nowrap;
}
/* line 94, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article article header p.details span.date {
  overflow: hidden;
  width: 0;
}
/* line 102, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article article main {
  overflow: hidden;
  height: 84px;
}
/* line 106, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article article main p {
  margin-bottom: 7px;
  line-height: 28px;
}
/* line 110, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article article main p:last-child {
  margin-bottom: 0;
}
/* line 112, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article article main p a {
  color: #e29c45;
}
/* line 115, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article article main p a:hover, .wrapper.lp #article article main p a:focus {
  color: #524b41;
}

/* line 121, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article article header h3,
.wrapper.lp #article article header p.details,
.wrapper.lp #article article main p {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 670px) {
  /* line 128, ../../app/scss/views/lp/_article.scss */
  .wrapper.lp #article article header h3 {
    font-size: 24px;
    line-height: 35px;
  }
  /* line 133, ../../app/scss/views/lp/_article.scss */
  .wrapper.lp #article article header p.details {
    font-size: 15px;
  }
  /* line 136, ../../app/scss/views/lp/_article.scss */
  .wrapper.lp #article article main p {
    font-size: 16px;
  }
}
@media (min-width: 750px) {
  /* line 140, ../../app/scss/views/lp/_article.scss */
  .wrapper.lp #article article header h3 {
    padding-left: 69px;
  }
}
/* line 144, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article .sharer {
  height: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 149, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article .sharer p {
  margin-bottom: 14px;
  text-align: center;
  color: #7c7976;
}
/* line 156, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article .sharer ul {
  display: block;
  width: 170px;
  margin: 0 auto;
}
/* line 161, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article .sharer ul li {
  width: 32px;
  height: 32px;
  margin-left: 14px;
}
/* line 166, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article .sharer ul li:last-child {
  margin-left: 0;
}
/* line 168, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article .sharer ul li a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 6px;
  border: 2px solid #e29c45;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #e29c45;
}
/* line 178, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article .sharer ul li a svg {
  display: block;
  width: 16px;
  height: 16px;
  fill: #f5f4f3;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 186, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article .sharer ul li a:hover, .wrapper.lp #article .sharer ul li a:focus {
  background-color: #f5f4f3;
}
/* line 190, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article .sharer ul li a:hover svg, .wrapper.lp #article .sharer ul li a:focus svg {
  fill: #e29c45;
}

/* line 198, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article ul.actions-buttons {
  position: relative;
}
/* line 201, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article ul.actions-buttons li#open-article-action {
  position: absolute;
}
/* line 202, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article ul.actions-buttons li#close-article-action {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}

/* line 209, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article a#close-article-action-x {
  display: block;
  position: absolute;
  top: 35px;
  right: 35px;
  width: 28px;
  height: 28px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 219, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article a#close-article-action-x svg {
  display: block;
  width: 100%;
  height: 100%;
}

/* line 229, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article #article {
  top: 50%;
  height: 396px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 235, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article #article .container {
  max-width: 780px;
  height: 396px;
}
/* line 239, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article #article .container .box {
  height: 396px;
}

/* line 244, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.testimonials #article {
  top: 50%;
  height: 360px;
}
/* line 248, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.testimonials #article .container {
  max-width: 922px;
  height: 360px;
}
/* line 252, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.testimonials #article .container .box {
  height: 360px;
}

/* line 257, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.features #article {
  top: 50%;
  height: 434px;
}
/* line 261, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.features #article .container {
  max-width: 974px;
  height: 434px;
}
/* line 265, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.features #article .container .box {
  height: 434px;
  border: 0 solid transparent;
}

/* line 272, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article #article,
.wrapper.lp.article #article .container,
.wrapper.lp.article #article .box,
.wrapper.lp.testimonials #article,
.wrapper.lp.testimonials #article .container,
.wrapper.lp.testimonials #article .box,
.wrapper.lp.features #article,
.wrapper.lp.features #article .container,
.wrapper.lp.features #article .box {
  -moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.4s;
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}

/* line 283, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article.article--open #article {
  height: 100%;
}
/* line 286, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article.article--open #article .container {
  max-width: 100%;
  height: 100%;
  padding: 0;
}
/* line 291, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article.article--open #article .container .box {
  height: 100%;
}
/* line 294, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article.article--open #article .cover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  -webkit-filter: blur(63px);
  filter: blur(63px);
}
/* line 300, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article.article--open #article .article-wrapper {
  overflow-y: scroll;
}
/* line 303, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article.article--open #article .article-wrapper .inside {
  max-width: 712px;
  padding: 147px 20px;
}
/* line 309, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article.article--open #article article {
  margin-bottom: 63px;
}
/* line 312, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article.article--open #article article header {
  margin-bottom: 28px;
}
/* line 315, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article.article--open #article article header h3 {
  padding-left: 0;
  font-size: 24px;
  line-height: 35px;
}
/* line 321, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article.article--open #article article header p.details span.date {
  width: 162px;
}
/* line 324, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article.article--open #article article main {
  height: auto;
}
/* line 327, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article.article--open #article article main p {
  font-size: 16px;
  line-height: 35px;
}
/* line 334, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article.article--open #article .sharer {
  height: 74px;
  margin-bottom: 56px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 342, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article.article--open #article ul.actions-buttons li#open-article-action {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 346, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article.article--open #article ul.actions-buttons li#close-article-action {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 352, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article.article--open #article a#close-article-action-x {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=28);
  opacity: 0.28;
  visibility: visible;
}
/* line 356, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article.article--open #article a#close-article-action-x:hover, .wrapper.lp.article.article--open #article a#close-article-action-x:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=42);
  opacity: 0.42;
}

/* line 362, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article.article--opening #article,
.wrapper.lp.article.article--opening #article .container,
.wrapper.lp.article.article--opening #article .box,
.wrapper.lp.article.article--opening #article .cover,
.wrapper.lp.article.article--opening #article .article-wrapper .inside,
.wrapper.lp.article.article--opening #article article,
.wrapper.lp.article.article--opening #article article header,
.wrapper.lp.article.article--opening #article article header h3,
.wrapper.lp.article.article--opening #article article header p.details span.date,
.wrapper.lp.article.article--opening #article article main,
.wrapper.lp.article.article--opening #article article main p,
.wrapper.lp.article.article--opening #article .sharer,
.wrapper.lp.article.article--opening #article ul.actions-buttons li#open-article-action,
.wrapper.lp.article.article--opening #article ul.actions-buttons li#close-article-action,
.wrapper.lp.article.article--opening #article a#close-article-action-x,
.wrapper.lp.article.article--closing #article,
.wrapper.lp.article.article--closing #article .container,
.wrapper.lp.article.article--closing #article .box,
.wrapper.lp.article.article--closing #article .cover,
.wrapper.lp.article.article--closing #article .article-wrapper .inside,
.wrapper.lp.article.article--closing #article article,
.wrapper.lp.article.article--closing #article article header,
.wrapper.lp.article.article--closing #article article header h3,
.wrapper.lp.article.article--closing #article article header p.details span.date,
.wrapper.lp.article.article--closing #article article main,
.wrapper.lp.article.article--closing #article article main p,
.wrapper.lp.article.article--closing #article .sharer,
.wrapper.lp.article.article--closing #article ul.actions-buttons li#open-article-action,
.wrapper.lp.article.article--closing #article ul.actions-buttons li#close-article-action,
.wrapper.lp.article.article--closing #article a#close-article-action-x {
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

/* line 379, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article.article--closing #article .cover,
.wrapper.lp.article.article--closing #article .box .article-wrapper .inside,
.wrapper.lp.article.article--closing #article article,
.wrapper.lp.article.article--closing #article article header,
.wrapper.lp.article.article--closing #article article header h3,
.wrapper.lp.article.article--closing #article article header p.details span.date,
.wrapper.lp.article.article--closing #article article main p,
.wrapper.lp.article.article--closing #article ul.actions-buttons li#open-article-action,
.wrapper.lp.article.article--closing #article a#close-article-action-x {
  -moz-transition: all 0.6s ease-in-out 0.6s;
  -o-transition: all 0.6s ease-in-out 0.6s;
  -webkit-transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 0.6s;
  transition: all 0.6s ease-in-out 0.6s;
}

/* line 390, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.article.article--opening #article .sharer,
.wrapper.lp.article.article--opening #article ul.actions-buttons li#close-article-action {
  -moz-transition: all 0.6s ease-in-out 0.6s;
  -o-transition: all 0.6s ease-in-out 0.6s;
  -webkit-transition: all 0.6s ease-in-out;
  -webkit-transition-delay: 0.6s;
  transition: all 0.6s ease-in-out 0.6s;
}

@media (max-width: 549px) {
  /* line 395, ../../app/scss/views/lp/_article.scss */
  .wrapper.lp.article.article--open #article .container .box {
    border: 0 solid transparent;
  }
}
@media (min-width: 670px) {
  /* line 398, ../../app/scss/views/lp/_article.scss */
  .wrapper.lp.article.article--open #article article header {
    margin-bottom: 42px;
  }
  /* line 401, ../../app/scss/views/lp/_article.scss */
  .wrapper.lp.article.article--open #article article header h3 {
    font-size: 28px;
    line-height: 42px;
  }
  /* line 406, ../../app/scss/views/lp/_article.scss */
  .wrapper.lp.article.article--open #article article header p.details span.date {
    width: 173px;
  }

  /* line 408, ../../app/scss/views/lp/_article.scss */
  .wrapper.lp.article.article--open #article article main p {
    font-size: 18px;
    line-height: 35px;
  }
}
/* line 417, ../../app/scss/views/lp/_article.scss */
.wrapper.lp.overture #article,
.wrapper.lp.video #article {
  top: 450%;
}

/* line 420, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article {
  top: -350%;
  height: 100%;
}
/* line 424, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article .container {
  max-width: 100%;
  height: 100%;
}
/* line 428, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article .container .box {
  height: 100%;
}

/* line 431, ../../app/scss/views/lp/_article.scss */
.wrapper.lp #article,
.wrapper.lp #article .container,
.wrapper.lp #article .box {
  -moz-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -o-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -webkit-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
}

/* line 1, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials {
  z-index: 6;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 6, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials .container {
  width: 100%;
}
/* line 9, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials .container .box {
  box-sizing: border-box;
  border: 12px solid #e29c45;
}
/* line 13, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials .container .box .box-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.84);
  -moz-box-shadow: 0 0 12px rgba(51, 48, 45, 0.35);
  -webkit-box-shadow: 0 0 12px rgba(51, 48, 45, 0.35);
  box-shadow: 0 0 12px rgba(51, 48, 45, 0.35);
}

/* line 26, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials .flexslider {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  direction: ltr;
}
/* line 38, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials .flexslider .flex-viewport {
  width: 100%;
  height: 100%;
}
/* line 42, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials .flexslider .flex-viewport ul.slides {
  display: block;
  height: 100%;
}
/* line 48, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials .flexslider .slides li {
  display: block;
  position: relative;
  height: 100%;
}
/* line 53, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials .flexslider .slides li img.cover {
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 62, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials .flexslider .slides li blockquote {
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 56px 21px 0;
  text-align: center;
}
/* line 74, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials .flexslider .slides li blockquote p {
  margin-bottom: 7px;
  font-size: 21px;
  line-height: 35px;
  color: #524b41;
}
/* line 81, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials .flexslider .slides li blockquote small {
  display: block;
}
/* line 84, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials .flexslider .slides li blockquote small.name {
  margin-bottom: 4px;
  color: #666059;
}
/* line 88, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials .flexslider .slides li blockquote small.position {
  font-size: 13px;
}
/* line 93, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials .flexslider .flex-control-nav {
  display: block;
  right: 50%;
  bottom: 35px;
  width: 82px;
  height: 14px;
  margin-right: -41px;
}
/* line 102, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials .flexslider .flex-control-nav li {
  float: right;
  display: block;
  margin: 0;
  margin-left: 8px;
}
/* line 108, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials .flexslider .flex-control-nav li:last-child {
  margin-left: 0;
}
/* line 110, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials .flexslider .flex-control-nav li a {
  display: block;
  width: 8px;
  height: 8px;
  margin: 3px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #a9a6a3;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 119, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials .flexslider .flex-control-nav li a:hover, .wrapper.lp #testimonials .flexslider .flex-control-nav li a:focus, .wrapper.lp #testimonials .flexslider .flex-control-nav li a.flex-active {
  width: 14px;
  height: 14px;
  margin: 0;
  background-color: #e29c45;
}

/* line 131, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials .flexslider .slides li img.cover,
.wrapper.lp #testimonials .flexslider .slides li blockquote,
.wrapper.lp #testimonials .flexslider .slides li blockquote p,
.wrapper.lp #testimonials .flexslider .slides li blockquote small,
.wrapper.lp #testimonials .flexslider .flex-control-nav {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 400px) {
  /* line 139, ../../app/scss/views/lp/_testimonials.scss */
  .wrapper.lp #testimonials .flexslider .slides li blockquote {
    padding: 63px 21px 0;
  }
  /* line 142, ../../app/scss/views/lp/_testimonials.scss */
  .wrapper.lp #testimonials .flexslider .slides li blockquote p {
    margin-bottom: 14px;
    font-size: 24px;
    line-height: 42px;
  }
  /* line 148, ../../app/scss/views/lp/_testimonials.scss */
  .wrapper.lp #testimonials .flexslider .slides li blockquote small.name {
    font-size: 15px;
  }
}
@media (min-width: 750px) {
  /* line 155, ../../app/scss/views/lp/_testimonials.scss */
  .wrapper.lp #testimonials .flexslider .slides li img.cover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  /* line 157, ../../app/scss/views/lp/_testimonials.scss */
  .wrapper.lp #testimonials .flexslider .slides li blockquote {
    width: 60%;
    padding: 63px 42px 84px 0;
    text-align: right;
  }
  /* line 162, ../../app/scss/views/lp/_testimonials.scss */
  .wrapper.lp #testimonials .flexslider .slides li blockquote p {
    font-size: 26px;
  }
  /* line 165, ../../app/scss/views/lp/_testimonials.scss */
  .wrapper.lp #testimonials .flexslider .slides li blockquote small.name {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 28px;
  }
  /* line 170, ../../app/scss/views/lp/_testimonials.scss */
  .wrapper.lp #testimonials .flexslider .slides li blockquote small.position {
    font-size: 14px;
  }
  /* line 175, ../../app/scss/views/lp/_testimonials.scss */
  .wrapper.lp #testimonials .flexslider .flex-control-nav {
    right: 42px;
    margin-right: 0;
  }
}
/* line 185, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp.testimonials #testimonials {
  top: 50%;
  height: 360px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 191, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp.testimonials #testimonials .container {
  max-width: 922px;
  height: 360px;
}
/* line 195, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp.testimonials #testimonials .container .box {
  height: 360px;
}

/* line 200, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp.article #testimonials {
  top: 50%;
  height: 396px;
}
/* line 204, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp.article #testimonials .container {
  max-width: 780px;
  height: 396px;
}
/* line 208, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp.article #testimonials .container .box {
  height: 396px;
}

/* line 213, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp.features #testimonials {
  top: 50%;
  height: 434px;
}
/* line 217, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp.features #testimonials .container {
  max-width: 974px;
  height: 434px;
}
/* line 221, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp.features #testimonials .container .box {
  height: 434px;
  border: 0 solid transparent;
}

/* line 228, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp.testimonials #testimonials,
.wrapper.lp.testimonials #testimonials .container,
.wrapper.lp.testimonials #testimonials .box,
.wrapper.lp.article #testimonials,
.wrapper.lp.article #testimonials .container,
.wrapper.lp.article #testimonials .box,
.wrapper.lp.features #testimonials,
.wrapper.lp.features #testimonials .container,
.wrapper.lp.features #testimonials .box {
  -moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.4s;
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}

/* line 241, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp.overture #testimonials,
.wrapper.lp.video #testimonials {
  top: 450%;
}

/* line 244, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials {
  top: -350%;
  height: 100%;
}
/* line 248, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials .container {
  max-width: 100%;
  height: 100%;
}
/* line 252, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials .container .box {
  height: 100%;
}

/* line 255, ../../app/scss/views/lp/_testimonials.scss */
.wrapper.lp #testimonials,
.wrapper.lp #testimonials .container,
.wrapper.lp #testimonials .box {
  -moz-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -o-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -webkit-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
}

/* line 1, ../../app/scss/views/lp/_features.scss */
.wrapper.lp #features {
  z-index: 7;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 6, ../../app/scss/views/lp/_features.scss */
.wrapper.lp #features .container {
  width: 100%;
  padding: 0 7px;
}
/* line 10, ../../app/scss/views/lp/_features.scss */
.wrapper.lp #features .container ul {
  box-sizing: border-box;
  border: 12px solid transparent;
  width: 100%;
}

/* line 19, ../../app/scss/views/lp/_features.scss */
.wrapper.lp #features ul li {
  width: 50%;
  height: 33.33333%;
  padding: 7px;
}
/* line 24, ../../app/scss/views/lp/_features.scss */
.wrapper.lp #features ul li > div {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 14px;
  text-align: center;
  -moz-box-shadow: 0 0 12px rgba(51, 48, 45, 0.35);
  -webkit-box-shadow: 0 0 12px rgba(51, 48, 45, 0.35);
  box-shadow: 0 0 12px rgba(51, 48, 45, 0.35);
  background-color: rgba(255, 255, 255, 0.63);
}
/* line 35, ../../app/scss/views/lp/_features.scss */
.wrapper.lp #features ul li svg {
  display: block;
  height: 35px;
  margin: 0 auto;
  margin-bottom: 7px;
}
/* line 42, ../../app/scss/views/lp/_features.scss */
.wrapper.lp #features ul li:nth-child(1) svg {
  width: 24px;
}
/* line 43, ../../app/scss/views/lp/_features.scss */
.wrapper.lp #features ul li:nth-child(2) svg {
  width: 42px;
}
/* line 44, ../../app/scss/views/lp/_features.scss */
.wrapper.lp #features ul li:nth-child(3) svg {
  width: 32px;
}
/* line 45, ../../app/scss/views/lp/_features.scss */
.wrapper.lp #features ul li:nth-child(4) svg {
  width: 35px;
}
/* line 46, ../../app/scss/views/lp/_features.scss */
.wrapper.lp #features ul li:nth-child(5) svg {
  width: 35px;
}
/* line 47, ../../app/scss/views/lp/_features.scss */
.wrapper.lp #features ul li:nth-child(6) svg {
  width: 35px;
}
/* line 49, ../../app/scss/views/lp/_features.scss */
.wrapper.lp #features ul li h4 {
  font-size: 16px;
  line-height: 28px;
  white-space: nowrap;
  color: #524b41;
}
/* line 56, ../../app/scss/views/lp/_features.scss */
.wrapper.lp #features ul li p {
  overflow: hidden;
  height: 42px;
  font-size: 14px;
  line-height: 21px;
}

/* line 63, ../../app/scss/views/lp/_features.scss */
.wrapper.lp #features ul li svg,
.wrapper.lp #features ul li h4,
.wrapper.lp #features ul li p {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 750px) {
  /* line 68, ../../app/scss/views/lp/_features.scss */
  .wrapper.lp #features ul li {
    width: 33.33333%;
    height: 50%;
  }
  /* line 72, ../../app/scss/views/lp/_features.scss */
  .wrapper.lp #features ul li > div {
    padding: 35px;
  }
  /* line 74, ../../app/scss/views/lp/_features.scss */
  .wrapper.lp #features ul li svg {
    height: 49px;
    margin-bottom: 14px;
  }
  /* line 79, ../../app/scss/views/lp/_features.scss */
  .wrapper.lp #features ul li:nth-child(1) svg {
    width: 34px;
  }
  /* line 80, ../../app/scss/views/lp/_features.scss */
  .wrapper.lp #features ul li:nth-child(2) svg {
    width: 60px;
  }
  /* line 81, ../../app/scss/views/lp/_features.scss */
  .wrapper.lp #features ul li:nth-child(3) svg {
    width: 46px;
  }
  /* line 82, ../../app/scss/views/lp/_features.scss */
  .wrapper.lp #features ul li:nth-child(4) svg {
    width: 49px;
  }
  /* line 83, ../../app/scss/views/lp/_features.scss */
  .wrapper.lp #features ul li:nth-child(5) svg {
    width: 49px;
  }
  /* line 84, ../../app/scss/views/lp/_features.scss */
  .wrapper.lp #features ul li:nth-child(6) svg {
    width: 49px;
  }
  /* line 86, ../../app/scss/views/lp/_features.scss */
  .wrapper.lp #features ul li h4 {
    font-size: 21px;
    line-height: 35px;
  }
  /* line 91, ../../app/scss/views/lp/_features.scss */
  .wrapper.lp #features ul li p {
    font-size: 15px;
  }
}
@media (min-width: 1000px) {
  /* line 95, ../../app/scss/views/lp/_features.scss */
  .wrapper.lp #features ul li {
    padding: 14px;
  }
  /* line 98, ../../app/scss/views/lp/_features.scss */
  .wrapper.lp #features ul li p {
    height: auto;
  }
}
/* line 105, ../../app/scss/views/lp/_features.scss */
.wrapper.lp.features #features {
  top: 50%;
  height: 462px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 111, ../../app/scss/views/lp/_features.scss */
.wrapper.lp.features #features .container {
  max-width: 1002px;
  height: 462px;
}
/* line 115, ../../app/scss/views/lp/_features.scss */
.wrapper.lp.features #features .container ul {
  height: 462px;
  border: 0 solid transparent;
}

/* line 123, ../../app/scss/views/lp/_features.scss */
.wrapper.lp.article #features {
  top: 50%;
  height: 396px;
}
/* line 127, ../../app/scss/views/lp/_features.scss */
.wrapper.lp.article #features .container {
  max-width: 780px;
  height: 396px;
}
/* line 131, ../../app/scss/views/lp/_features.scss */
.wrapper.lp.article #features .container ul {
  height: 396px;
}

/* line 136, ../../app/scss/views/lp/_features.scss */
.wrapper.lp.testimonials #features {
  top: 50%;
  height: 360px;
}
/* line 140, ../../app/scss/views/lp/_features.scss */
.wrapper.lp.testimonials #features .container {
  max-width: 922px;
  height: 360px;
}
/* line 144, ../../app/scss/views/lp/_features.scss */
.wrapper.lp.testimonials #features .container ul {
  height: 360px;
}

/* line 148, ../../app/scss/views/lp/_features.scss */
.wrapper.lp.features #features,
.wrapper.lp.features #features .container,
.wrapper.lp.features #features ul,
.wrapper.lp.features #features ul li,
.wrapper.lp.features #features ul li > div,
.wrapper.lp.article #features,
.wrapper.lp.article #features .container,
.wrapper.lp.article #features ul,
.wrapper.lp.article #features ul li,
.wrapper.lp.article #features ul li > div,
.wrapper.lp.testimonials #features,
.wrapper.lp.testimonials #features .container,
.wrapper.lp.testimonials #features ul,
.wrapper.lp.testimonials #features ul li,
.wrapper.lp.testimonials #features ul li > div {
  -moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.4s;
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}

/* line 170, ../../app/scss/views/lp/_features.scss */
.wrapper.lp.overture #features ul li,
.wrapper.lp.video #features ul li,
.wrapper.lp.article #features ul li,
.wrapper.lp.testimonials #features ul li {
  padding: 0;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* line 171, ../../app/scss/views/lp/_features.scss */
.wrapper.lp.overture #features ul li > div,
.wrapper.lp.video #features ul li > div,
.wrapper.lp.article #features ul li > div,
.wrapper.lp.testimonials #features ul li > div {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 175, ../../app/scss/views/lp/_features.scss */
.wrapper.lp.overture #features,
.wrapper.lp.video #features {
  top: 450%;
}

/* line 195, ../../app/scss/views/lp/_features.scss */
.wrapper.lp #features {
  top: -350%;
  height: 100%;
}
/* line 199, ../../app/scss/views/lp/_features.scss */
.wrapper.lp #features .container {
  max-width: 100%;
  height: 100%;
}
/* line 203, ../../app/scss/views/lp/_features.scss */
.wrapper.lp #features .container ul {
  height: 100%;
}

/* line 206, ../../app/scss/views/lp/_features.scss */
.wrapper.lp #features,
.wrapper.lp #features .container,
.wrapper.lp #features ul,
.wrapper.lp #features ul li {
  -moz-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -o-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -webkit-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
}

/* line 1, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp #timeline {
  z-index: 2;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 6, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp #timeline .container {
  width: 100%;
}
/* line 8, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp #timeline .sections {
  position: relative;
  width: 100%;
}
/* line 12, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp #timeline .sections:before {
  content: '';
  display: block;
  position: absolute;
  top: 123px;
  right: 57%;
  width: 0;
  height: 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #dad8d7;
}
/* line 24, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp #timeline .sections > li {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* line 33, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp #timeline .sections .content {
  position: absolute;
  text-align: center;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 43, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp #timeline .sections .circle {
  position: absolute;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #dad8d7;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 51, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp #timeline .sections .icons {
  position: absolute;
  top: 0;
  width: 100%;
}
/* line 56, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp #timeline .sections .icons li.layer {
  width: 100%;
  height: 100%;
}
/* line 60, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp #timeline .sections .icons li.layer > div {
  position: absolute;
}
/* line 63, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp #timeline .sections .icons li.layer > div svg {
  display: block;
  width: 100%;
  height: 100%;
}

/* line 75, ../../app/scss/views/lp/_timeline.scss */
.loading .wrapper.lp #timeline {
  top: 300%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 80, ../../app/scss/views/lp/_timeline.scss */
.loading .wrapper.lp #timeline .container {
  max-width: 1228px;
}
/* line 82, ../../app/scss/views/lp/_timeline.scss */
.loading .wrapper.lp #timeline .sections,
.loading .wrapper.lp #timeline .sections .icons {
  height: 624px;
}

/* line 89, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline,
.wrapper.lp.video #timeline,
.wrapper.lp.article #timeline,
.wrapper.lp.testimonials #timeline,
.wrapper.lp.features #timeline {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 97, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections > li:nth-child(1) .icons,
.wrapper.lp.overture #timeline .sections > li:nth-child(2) .icons,
.wrapper.lp.video #timeline .sections > li:nth-child(1) .icons,
.wrapper.lp.video #timeline .sections > li:nth-child(2) .icons,
.wrapper.lp.article #timeline .sections > li:nth-child(1) .icons,
.wrapper.lp.article #timeline .sections > li:nth-child(2) .icons,
.wrapper.lp.testimonials #timeline .sections > li:nth-child(1) .icons,
.wrapper.lp.testimonials #timeline .sections > li:nth-child(2) .icons,
.wrapper.lp.features #timeline .sections > li:nth-child(1) .icons,
.wrapper.lp.features #timeline .sections > li:nth-child(2) .icons {
  display: none;
}

/* line 102, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.article #timeline,
.wrapper.lp.testimonials #timeline,
.wrapper.lp.features #timeline {
  top: 25%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}

/* line 111, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline {
  margin-top: 45.5px;
}
/* line 114, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .container {
  max-width: 614px;
}
/* line 116, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections,
.wrapper.lp.overture #timeline .sections .icons {
  height: 312px;
}
/* line 121, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level01 div {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=14);
  opacity: 0.14;
  height: 22px;
}
/* line 124, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level01 div.book {
  width: 15px;
}
/* line 125, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level01 div.tune {
  width: 20px;
}
/* line 126, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level01 div.gear {
  width: 22px;
}
/* line 127, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level01 div.video {
  width: 27px;
}
/* line 129, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level02 div {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
  height: 28px;
}
/* line 132, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level02 div.book {
  width: 19px;
}
/* line 133, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level02 div.tune {
  width: 26px;
}
/* line 134, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level02 div.gear {
  width: 28px;
}
/* line 135, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level02 div.video {
  width: 34px;
}
/* line 137, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level03 div {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  height: 48px;
}
/* line 140, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level03 div.book {
  width: 32px;
}
/* line 141, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level03 div.tune {
  width: 44px;
}
/* line 142, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level03 div.gear {
  width: 48px;
}
/* line 143, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level03 div.video {
  width: 58px;
}
/* line 148, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level01 div:nth-child(1) {
  right: -66px;
  bottom: -46px;
}
/* line 149, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level01 div:nth-child(2) {
  top: -114px;
  left: 8px;
}
/* line 150, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level01 div:nth-child(3) {
  top: 86px;
  left: -146px;
}
/* line 151, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level01 div:nth-child(4) {
  top: 80px;
  right: -130px;
}
/* line 152, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level01 div:nth-child(5) {
  top: -96px;
  right: 160px;
}
/* line 153, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level01 div:nth-child(6) {
  bottom: 84px;
  left: -116px;
}
/* line 154, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level01 div:nth-child(7) {
  right: -118px;
  bottom: 90px;
}
/* line 155, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level01 div:nth-child(8) {
  top: -96px;
  left: 150px;
}
/* line 156, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level01 div:nth-child(9) {
  bottom: 108px;
  left: -226px;
}
/* line 157, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level01 div:nth-child(10) {
  right: -230px;
  bottom: 136px;
}
/* line 158, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level01 div:nth-child(11) {
  top: -120px;
  right: 6px;
}
/* line 159, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level01 div:nth-child(12) {
  right: 34px;
  bottom: -104px;
}
/* line 162, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level02 div:nth-child(1) {
  top: -114px;
  right: -180px;
}
/* line 163, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level02 div:nth-child(2) {
  right: 150px;
  bottom: -82px;
}
/* line 164, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level02 div:nth-child(3) {
  bottom: -32px;
  left: -206px;
}
/* line 165, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level02 div:nth-child(4) {
  right: -218px;
  bottom: -32px;
}
/* line 166, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level02 div:nth-child(5) {
  bottom: -88px;
  left: -28px;
}
/* line 167, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level02 div:nth-child(6) {
  top: -10px;
  right: -266px;
}
/* line 168, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level02 div:nth-child(7) {
  top: -120px;
  left: -166px;
}
/* line 169, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level02 div:nth-child(8) {
  top: -28px;
  left: -266px;
}
/* line 172, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level03 div:nth-child(1) {
  top: 42px;
  right: -566px;
}
/* line 173, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level03 div:nth-child(2) {
  top: -172px;
  left: -600px;
}
/* line 174, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level03 div:nth-child(3) {
  top: -208px;
  right: -520px;
}
/* line 175, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level03 div:nth-child(4) {
  right: -348px;
  bottom: -242px;
}
/* line 176, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level03 div:nth-child(5) {
  top: 74px;
  left: -534px;
}
/* line 177, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level03 div:nth-child(6) {
  right: -568px;
  bottom: -42px;
}
/* line 178, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level03 div:nth-child(7) {
  top: -312px;
  right: 12px;
}
/* line 179, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level03 div:nth-child(8) {
  bottom: -212px;
  left: -494px;
}
/* line 180, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level03 div:nth-child(9) {
  top: -314px;
  left: 30px;
}
/* line 181, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.overture #timeline .sections .icons li.layer.level03 div:nth-child(10) {
  bottom: -44px;
  left: -626px;
}

/* line 192, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .container,
.wrapper.lp.article #timeline .container,
.wrapper.lp.testimonials #timeline .container,
.wrapper.lp.features #timeline .container {
  max-width: 614px;
}
/* line 194, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections,
.wrapper.lp.video #timeline .sections .icons,
.wrapper.lp.article #timeline .sections,
.wrapper.lp.article #timeline .sections .icons,
.wrapper.lp.testimonials #timeline .sections,
.wrapper.lp.testimonials #timeline .sections .icons,
.wrapper.lp.features #timeline .sections,
.wrapper.lp.features #timeline .sections .icons {
  height: 290px;
}
/* line 199, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level01 div,
.wrapper.lp.article #timeline .sections .icons li.layer.level01 div,
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level01 div,
.wrapper.lp.features #timeline .sections .icons li.layer.level01 div {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=8);
  opacity: 0.08;
  height: 16px;
}
/* line 202, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level01 div.book,
.wrapper.lp.article #timeline .sections .icons li.layer.level01 div.book,
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level01 div.book,
.wrapper.lp.features #timeline .sections .icons li.layer.level01 div.book {
  width: 11px;
}
/* line 203, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level01 div.tune,
.wrapper.lp.article #timeline .sections .icons li.layer.level01 div.tune,
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level01 div.tune,
.wrapper.lp.features #timeline .sections .icons li.layer.level01 div.tune {
  width: 15px;
}
/* line 204, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level01 div.gear,
.wrapper.lp.article #timeline .sections .icons li.layer.level01 div.gear,
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level01 div.gear,
.wrapper.lp.features #timeline .sections .icons li.layer.level01 div.gear {
  width: 16px;
}
/* line 205, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level01 div.video,
.wrapper.lp.article #timeline .sections .icons li.layer.level01 div.video,
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level01 div.video,
.wrapper.lp.features #timeline .sections .icons li.layer.level01 div.video {
  width: 19px;
}
/* line 207, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level02 div,
.wrapper.lp.article #timeline .sections .icons li.layer.level02 div,
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level02 div,
.wrapper.lp.features #timeline .sections .icons li.layer.level02 div {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=14);
  opacity: 0.14;
  height: 22px;
}
/* line 210, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level02 div.book,
.wrapper.lp.article #timeline .sections .icons li.layer.level02 div.book,
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level02 div.book,
.wrapper.lp.features #timeline .sections .icons li.layer.level02 div.book {
  width: 15px;
}
/* line 211, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level02 div.tune,
.wrapper.lp.article #timeline .sections .icons li.layer.level02 div.tune,
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level02 div.tune,
.wrapper.lp.features #timeline .sections .icons li.layer.level02 div.tune {
  width: 20px;
}
/* line 212, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level02 div.gear,
.wrapper.lp.article #timeline .sections .icons li.layer.level02 div.gear,
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level02 div.gear,
.wrapper.lp.features #timeline .sections .icons li.layer.level02 div.gear {
  width: 22px;
}
/* line 213, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level02 div.video,
.wrapper.lp.article #timeline .sections .icons li.layer.level02 div.video,
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level02 div.video,
.wrapper.lp.features #timeline .sections .icons li.layer.level02 div.video {
  width: 27px;
}
/* line 215, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level03 div,
.wrapper.lp.article #timeline .sections .icons li.layer.level03 div,
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level03 div,
.wrapper.lp.features #timeline .sections .icons li.layer.level03 div {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
  height: 28px;
}
/* line 218, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level03 div.book,
.wrapper.lp.article #timeline .sections .icons li.layer.level03 div.book,
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level03 div.book,
.wrapper.lp.features #timeline .sections .icons li.layer.level03 div.book {
  width: 19px;
}
/* line 219, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level03 div.tune,
.wrapper.lp.article #timeline .sections .icons li.layer.level03 div.tune,
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level03 div.tune,
.wrapper.lp.features #timeline .sections .icons li.layer.level03 div.tune {
  width: 26px;
}
/* line 220, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level03 div.gear,
.wrapper.lp.article #timeline .sections .icons li.layer.level03 div.gear,
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level03 div.gear,
.wrapper.lp.features #timeline .sections .icons li.layer.level03 div.gear {
  width: 28px;
}
/* line 221, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level03 div.video,
.wrapper.lp.article #timeline .sections .icons li.layer.level03 div.video,
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level03 div.video,
.wrapper.lp.features #timeline .sections .icons li.layer.level03 div.video {
  width: 34px;
}
/* line 226, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level01 div:nth-child(1),
.wrapper.lp.article #timeline .sections .icons li.layer.level01 div:nth-child(1),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level01 div:nth-child(1),
.wrapper.lp.features #timeline .sections .icons li.layer.level01 div:nth-child(1) {
  right: -36px;
  bottom: -56px;
}
/* line 227, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level01 div:nth-child(2),
.wrapper.lp.article #timeline .sections .icons li.layer.level01 div:nth-child(2),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level01 div:nth-child(2),
.wrapper.lp.features #timeline .sections .icons li.layer.level01 div:nth-child(2) {
  top: -84px;
  left: 32px;
}
/* line 228, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level01 div:nth-child(3),
.wrapper.lp.article #timeline .sections .icons li.layer.level01 div:nth-child(3),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level01 div:nth-child(3),
.wrapper.lp.features #timeline .sections .icons li.layer.level01 div:nth-child(3) {
  top: 100px;
  left: -110px;
}
/* line 229, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level01 div:nth-child(4),
.wrapper.lp.article #timeline .sections .icons li.layer.level01 div:nth-child(4),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level01 div:nth-child(4),
.wrapper.lp.features #timeline .sections .icons li.layer.level01 div:nth-child(4) {
  top: 96px;
  right: -96px;
}
/* line 230, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level01 div:nth-child(5),
.wrapper.lp.article #timeline .sections .icons li.layer.level01 div:nth-child(5),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level01 div:nth-child(5),
.wrapper.lp.features #timeline .sections .icons li.layer.level01 div:nth-child(5) {
  top: -68px;
  right: 172px;
}
/* line 231, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level01 div:nth-child(6),
.wrapper.lp.article #timeline .sections .icons li.layer.level01 div:nth-child(6),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level01 div:nth-child(6),
.wrapper.lp.features #timeline .sections .icons li.layer.level01 div:nth-child(6) {
  bottom: 64px;
  left: -82px;
}
/* line 232, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level01 div:nth-child(7),
.wrapper.lp.article #timeline .sections .icons li.layer.level01 div:nth-child(7),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level01 div:nth-child(7),
.wrapper.lp.features #timeline .sections .icons li.layer.level01 div:nth-child(7) {
  right: -84px;
  bottom: 68px;
}
/* line 233, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level01 div:nth-child(8),
.wrapper.lp.article #timeline .sections .icons li.layer.level01 div:nth-child(8),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level01 div:nth-child(8),
.wrapper.lp.features #timeline .sections .icons li.layer.level01 div:nth-child(8) {
  top: -68px;
  left: 162px;
}
/* line 234, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level01 div:nth-child(9),
.wrapper.lp.article #timeline .sections .icons li.layer.level01 div:nth-child(9),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level01 div:nth-child(9),
.wrapper.lp.features #timeline .sections .icons li.layer.level01 div:nth-child(9) {
  bottom: 86px;
  left: -184px;
}
/* line 235, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level01 div:nth-child(10),
.wrapper.lp.article #timeline .sections .icons li.layer.level01 div:nth-child(10),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level01 div:nth-child(10),
.wrapper.lp.features #timeline .sections .icons li.layer.level01 div:nth-child(10) {
  right: -186px;
  bottom: 112px;
}
/* line 236, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level01 div:nth-child(11),
.wrapper.lp.article #timeline .sections .icons li.layer.level01 div:nth-child(11),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level01 div:nth-child(11),
.wrapper.lp.features #timeline .sections .icons li.layer.level01 div:nth-child(11) {
  top: -90px;
  right: 30px;
}
/* line 237, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level01 div:nth-child(12),
.wrapper.lp.article #timeline .sections .icons li.layer.level01 div:nth-child(12),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level01 div:nth-child(12),
.wrapper.lp.features #timeline .sections .icons li.layer.level01 div:nth-child(12) {
  right: 58px;
  bottom: -110px;
}
/* line 240, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level02 div:nth-child(1),
.wrapper.lp.article #timeline .sections .icons li.layer.level02 div:nth-child(1),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level02 div:nth-child(1),
.wrapper.lp.features #timeline .sections .icons li.layer.level02 div:nth-child(1) {
  top: -64px;
  right: -106px;
}
/* line 241, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.article #timeline .sections .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.features #timeline .sections .icons li.layer.level02 div:nth-child(2) {
  right: 172px;
  bottom: -72px;
}
/* line 242, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.article #timeline .sections .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.features #timeline .sections .icons li.layer.level02 div:nth-child(3) {
  bottom: -28px;
  left: -128px;
}
/* line 243, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.article #timeline .sections .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.features #timeline .sections .icons li.layer.level02 div:nth-child(4) {
  right: -136px;
  bottom: -30px;
}
/* line 244, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level02 div:nth-child(5),
.wrapper.lp.article #timeline .sections .icons li.layer.level02 div:nth-child(5),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level02 div:nth-child(5),
.wrapper.lp.features #timeline .sections .icons li.layer.level02 div:nth-child(5) {
  bottom: -76px;
  left: 24px;
}
/* line 245, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level02 div:nth-child(6),
.wrapper.lp.article #timeline .sections .icons li.layer.level02 div:nth-child(6),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level02 div:nth-child(6),
.wrapper.lp.features #timeline .sections .icons li.layer.level02 div:nth-child(6) {
  top: 24px;
  right: -176px;
}
/* line 246, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level02 div:nth-child(7),
.wrapper.lp.article #timeline .sections .icons li.layer.level02 div:nth-child(7),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level02 div:nth-child(7),
.wrapper.lp.features #timeline .sections .icons li.layer.level02 div:nth-child(7) {
  top: -72px;
  left: -92px;
}
/* line 247, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.article #timeline .sections .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.features #timeline .sections .icons li.layer.level02 div:nth-child(8) {
  top: 9px;
  left: -178px;
}
/* line 250, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level03 div:nth-child(1),
.wrapper.lp.article #timeline .sections .icons li.layer.level03 div:nth-child(1),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level03 div:nth-child(1),
.wrapper.lp.features #timeline .sections .icons li.layer.level03 div:nth-child(1) {
  top: 82px;
  right: -272px;
}
/* line 251, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.article #timeline .sections .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.features #timeline .sections .icons li.layer.level03 div:nth-child(2) {
  top: -60px;
  left: -306px;
}
/* line 252, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.article #timeline .sections .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.features #timeline .sections .icons li.layer.level03 div:nth-child(3) {
  top: -84px;
  right: -240px;
}
/* line 253, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level03 div:nth-child(4),
.wrapper.lp.article #timeline .sections .icons li.layer.level03 div:nth-child(4),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level03 div:nth-child(4),
.wrapper.lp.features #timeline .sections .icons li.layer.level03 div:nth-child(4) {
  right: -126px;
  bottom: -132px;
}
/* line 254, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level03 div:nth-child(5),
.wrapper.lp.article #timeline .sections .icons li.layer.level03 div:nth-child(5),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level03 div:nth-child(5),
.wrapper.lp.features #timeline .sections .icons li.layer.level03 div:nth-child(5) {
  top: 102px;
  left: -262px;
}
/* line 255, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level03 div:nth-child(6),
.wrapper.lp.article #timeline .sections .icons li.layer.level03 div:nth-child(6),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level03 div:nth-child(6),
.wrapper.lp.features #timeline .sections .icons li.layer.level03 div:nth-child(6) {
  right: -272px;
  bottom: 1px;
}
/* line 256, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.article #timeline .sections .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.features #timeline .sections .icons li.layer.level03 div:nth-child(7) {
  top: -152px;
  right: 110px;
}
/* line 257, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level03 div:nth-child(8),
.wrapper.lp.article #timeline .sections .icons li.layer.level03 div:nth-child(8),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level03 div:nth-child(8),
.wrapper.lp.features #timeline .sections .icons li.layer.level03 div:nth-child(8) {
  bottom: -112px;
  left: -238px;
}
/* line 258, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level03 div:nth-child(9),
.wrapper.lp.article #timeline .sections .icons li.layer.level03 div:nth-child(9),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level03 div:nth-child(9),
.wrapper.lp.features #timeline .sections .icons li.layer.level03 div:nth-child(9) {
  top: -154px;
  left: 112px;
}
/* line 259, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.video #timeline .sections .icons li.layer.level03 div:nth-child(10),
.wrapper.lp.article #timeline .sections .icons li.layer.level03 div:nth-child(10),
.wrapper.lp.testimonials #timeline .sections .icons li.layer.level03 div:nth-child(10),
.wrapper.lp.features #timeline .sections .icons li.layer.level03 div:nth-child(10) {
  bottom: -1px;
  left: -324px;
}

/* line 266, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline,
.wrapper.lp.timeline02 #timeline,
.wrapper.lp.timeline03 #timeline,
.wrapper.lp.timeline04 #timeline {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 273, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .content,
.wrapper.lp.timeline02 #timeline .sections .content,
.wrapper.lp.timeline03 #timeline .sections .content,
.wrapper.lp.timeline04 #timeline .sections .content {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* line 276, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .content h4,
.wrapper.lp.timeline02 #timeline .sections .content h4,
.wrapper.lp.timeline03 #timeline .sections .content h4,
.wrapper.lp.timeline04 #timeline .sections .content h4 {
  margin-bottom: 0;
  line-height: 35px;
}
/* line 281, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .content p,
.wrapper.lp.timeline02 #timeline .sections .content p,
.wrapper.lp.timeline03 #timeline .sections .content p,
.wrapper.lp.timeline04 #timeline .sections .content p {
  font-size: 15px;
  line-height: 21px;
}
/* line 287, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .circle,
.wrapper.lp.timeline02 #timeline .sections .circle,
.wrapper.lp.timeline03 #timeline .sections .circle,
.wrapper.lp.timeline04 #timeline .sections .circle {
  width: 176px;
  height: 176px;
  margin-right: -88px;
}
/* line 293, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons,
.wrapper.lp.timeline02 #timeline .sections .icons,
.wrapper.lp.timeline03 #timeline .sections .icons,
.wrapper.lp.timeline04 #timeline .sections .icons {
  right: 50%;
}

/* line 300, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .container,
.wrapper.lp.timeline02 #timeline .container,
.wrapper.lp.timeline03 #timeline .container {
  max-width: 100%;
}
/* line 301, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections,
.wrapper.lp.timeline02 #timeline .sections,
.wrapper.lp.timeline03 #timeline .sections {
  height: 413px;
}
/* line 303, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .content,
.wrapper.lp.timeline01 #timeline .sections .circle,
.wrapper.lp.timeline02 #timeline .sections .content,
.wrapper.lp.timeline02 #timeline .sections .circle,
.wrapper.lp.timeline03 #timeline .sections .content,
.wrapper.lp.timeline03 #timeline .sections .circle {
  -webkit-filter: blur(14px);
  filter: blur(14px);
}
/* line 306, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons,
.wrapper.lp.timeline02 #timeline .sections .icons,
.wrapper.lp.timeline03 #timeline .sections .icons {
  width: 252px;
  height: 252px;
  margin-right: -126px;
}
/* line 311, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections > li:nth-child(1) .icons,
.wrapper.lp.timeline01 #timeline .sections > li:nth-child(2) .icons,
.wrapper.lp.timeline02 #timeline .sections > li:nth-child(1) .icons,
.wrapper.lp.timeline02 #timeline .sections > li:nth-child(2) .icons,
.wrapper.lp.timeline03 #timeline .sections > li:nth-child(1) .icons,
.wrapper.lp.timeline03 #timeline .sections > li:nth-child(2) .icons {
  display: none;
}
/* line 316, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level01 div,
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level01 div,
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div {
  height: 16px;
}
/* line 318, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level01 div.book,
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level01 div.book,
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div.book {
  width: 11px;
}
/* line 319, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level01 div.tune,
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level01 div.tune,
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div.tune {
  width: 15px;
}
/* line 320, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level01 div.gear,
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level01 div.gear,
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div.gear {
  width: 16px;
}
/* line 321, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level01 div.video,
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level01 div.video,
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div.video {
  width: 19px;
}
/* line 323, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level02 div,
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level02 div,
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level02 div {
  height: 22px;
}
/* line 325, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level02 div.book,
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level02 div.book,
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level02 div.book {
  width: 15px;
}
/* line 326, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level02 div.tune,
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level02 div.tune,
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level02 div.tune {
  width: 20px;
}
/* line 327, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level02 div.gear,
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level02 div.gear,
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level02 div.gear {
  width: 22px;
}
/* line 328, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level02 div.video,
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level02 div.video,
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level02 div.video {
  width: 27px;
}
/* line 330, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level03 div,
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level03 div,
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div {
  height: 28px;
}
/* line 332, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level03 div.book,
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level03 div.book,
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div.book {
  width: 19px;
}
/* line 333, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level03 div.tune,
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level03 div.tune,
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div.tune {
  width: 26px;
}
/* line 334, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level03 div.gear,
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level03 div.gear,
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div.gear {
  width: 28px;
}
/* line 335, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level03 div.video,
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level03 div.video,
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div.video {
  width: 34px;
}

/* line 344, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections > li:nth-child(1) .content,
.wrapper.lp.timeline01 #timeline .sections > li:nth-child(1) .circle {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
  -webkit-filter: blur(0);
  filter: blur(0);
}
/* line 352, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections > li:nth-child(1) .content h4 {
  margin-bottom: 7px;
  line-height: 42px;
}
/* line 356, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections > li:nth-child(1) .content p {
  line-height: 28px;
}
/* line 359, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections > li:nth-child(1) .circle {
  width: 252px;
  height: 252px;
  margin-right: -126px;
}
/* line 365, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections > li:nth-child(1) .content,
.wrapper.lp.timeline01 #timeline .sections > li:nth-child(1) .circle {
  right: 50%;
}
/* line 368, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections > li:nth-child(1) .content {
  top: 280px;
}
/* line 369, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections > li:nth-child(1) .circle {
  top: 0;
}
/* line 372, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections > li:nth-child(2) {
  top: -50%;
  right: -150%;
}
/* line 379, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer div {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=42);
  opacity: 0.42;
}
/* line 380, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level02 div:nth-child(2), .wrapper.lp.timeline01 #timeline .sections .icons li.layer.level02 div:nth-child(3), .wrapper.lp.timeline01 #timeline .sections .icons li.layer.level02 div:nth-child(4), .wrapper.lp.timeline01 #timeline .sections .icons li.layer.level02 div:nth-child(8), .wrapper.lp.timeline01 #timeline .sections .icons li.layer.level03 div:nth-child(2), .wrapper.lp.timeline01 #timeline .sections .icons li.layer.level03 div:nth-child(3), .wrapper.lp.timeline01 #timeline .sections .icons li.layer.level03 div:nth-child(7) {
  -webkit-filter: saturate(1);
  filter: saturate(1);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 390, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level01 div:nth-child(1) {
  right: -36px;
  bottom: -56px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 391, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level01 div:nth-child(2) {
  top: 54px;
  left: 66px;
}
/* line 392, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level01 div:nth-child(3) {
  top: 130px;
  left: 98px;
}
/* line 393, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level01 div:nth-child(4) {
  top: 96px;
  right: -96px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 394, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level01 div:nth-child(5) {
  top: 80px;
  right: 144px;
}
/* line 395, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level01 div:nth-child(6) {
  bottom: 136px;
  left: 134px;
}
/* line 396, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level01 div:nth-child(7) {
  right: 100px;
  bottom: 42px;
}
/* line 397, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level01 div:nth-child(8) {
  top: -68px;
  left: 162px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 398, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level01 div:nth-child(9) {
  bottom: 96px;
  left: 50px;
}
/* line 399, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level01 div:nth-child(10) {
  right: -186px;
  bottom: 112px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 400, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level01 div:nth-child(11) {
  top: 36px;
  right: 116px;
}
/* line 401, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level01 div:nth-child(12) {
  right: 90px;
  bottom: 90px;
}
/* line 404, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level02 div:nth-child(1) {
  top: 52px;
  right: 74px;
}
/* line 405, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level02 div:nth-child(2) {
  right: 40px;
  bottom: 18px;
}
/* line 406, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level02 div:nth-child(3) {
  bottom: 56px;
  left: 86px;
}
/* line 407, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level02 div:nth-child(4) {
  right: 40px;
  bottom: 72px;
}
/* line 408, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level02 div:nth-child(5) {
  bottom: -76px;
  left: 24px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 409, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level02 div:nth-child(6) {
  top: 96px;
  right: 46px;
}
/* line 410, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level02 div:nth-child(7) {
  top: 48px;
  left: 8px;
}
/* line 411, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level02 div:nth-child(8) {
  top: 90px;
  left: 38px;
}
/* line 414, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level03 div:nth-child(1) {
  top: 120px;
  right: -8px;
}
/* line 415, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level03 div:nth-child(2) {
  top: 122px;
  left: -6px;
}
/* line 416, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level03 div:nth-child(3) {
  top: 40px;
  right: 16px;
}
/* line 417, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level03 div:nth-child(4) {
  right: -126px;
  bottom: -132px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 418, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level03 div:nth-child(5) {
  top: 196px;
  left: 20px;
}
/* line 419, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level03 div:nth-child(6) {
  right: -272px;
  bottom: 1px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 420, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level03 div:nth-child(7) {
  top: -10px;
  right: 78px;
}
/* line 421, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level03 div:nth-child(8) {
  bottom: -8px;
  left: 96px;
}
/* line 422, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level03 div:nth-child(9) {
  top: -6px;
  left: 60px;
}
/* line 423, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline01 #timeline .sections .icons li.layer.level03 div:nth-child(10) {
  bottom: -1px;
  left: -324px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 431, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections > li:nth-child(1) {
  top: -50%;
  right: 150%;
}
/* line 437, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections > li:nth-child(2) .content,
.wrapper.lp.timeline02 #timeline .sections > li:nth-child(2) .circle {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
  -webkit-filter: blur(0);
  filter: blur(0);
}
/* line 445, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections > li:nth-child(2) .content h4 {
  margin-bottom: 7px;
  line-height: 42px;
}
/* line 449, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections > li:nth-child(2) .content p {
  line-height: 28px;
}
/* line 452, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections > li:nth-child(2) .circle {
  width: 252px;
  height: 252px;
  margin-right: -126px;
}
/* line 458, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections > li:nth-child(2) .content,
.wrapper.lp.timeline02 #timeline .sections > li:nth-child(2) .circle {
  right: 50%;
}
/* line 461, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections > li:nth-child(2) .content {
  top: 280px;
}
/* line 462, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections > li:nth-child(2) .circle {
  top: 0;
}
/* line 467, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer div {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=42);
  opacity: 0.42;
}
/* line 468, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level02 div:nth-child(2), .wrapper.lp.timeline02 #timeline .sections .icons li.layer.level02 div:nth-child(3), .wrapper.lp.timeline02 #timeline .sections .icons li.layer.level02 div:nth-child(4), .wrapper.lp.timeline02 #timeline .sections .icons li.layer.level02 div:nth-child(8), .wrapper.lp.timeline02 #timeline .sections .icons li.layer.level03 div:nth-child(2), .wrapper.lp.timeline02 #timeline .sections .icons li.layer.level03 div:nth-child(3), .wrapper.lp.timeline02 #timeline .sections .icons li.layer.level03 div:nth-child(7) {
  -webkit-filter: saturate(1);
  filter: saturate(1);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 478, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level01 div:nth-child(1) {
  right: -36px;
  bottom: -56px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 479, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level01 div:nth-child(2) {
  top: 138px;
  left: 110px;
}
/* line 480, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level01 div:nth-child(3) {
  top: 82px;
  left: 242px;
}
/* line 481, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level01 div:nth-child(4) {
  top: 96px;
  right: -96px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 482, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level01 div:nth-child(5) {
  top: 188px;
  right: 74px;
}
/* line 483, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level01 div:nth-child(6) {
  bottom: 142px;
  left: 220px;
}
/* line 484, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level01 div:nth-child(7) {
  right: 112px;
  bottom: 114px;
}
/* line 485, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level01 div:nth-child(8) {
  top: -68px;
  left: 162px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 486, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level01 div:nth-child(9) {
  bottom: 182px;
  left: 26px;
}
/* line 487, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level01 div:nth-child(10) {
  right: -186px;
  bottom: 112px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 488, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level01 div:nth-child(11) {
  top: 36px;
  right: 180px;
}
/* line 489, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level01 div:nth-child(12) {
  right: 96px;
  bottom: 136px;
}
/* line 492, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level02 div:nth-child(1) {
  top: 164px;
  right: 236px;
}
/* line 493, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level02 div:nth-child(2) {
  right: 46px;
  bottom: 8px;
}
/* line 494, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level02 div:nth-child(3) {
  bottom: 206px;
  left: 30px;
}
/* line 495, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level02 div:nth-child(4) {
  right: 190px;
  bottom: 172px;
}
/* line 496, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level02 div:nth-child(5) {
  bottom: -76px;
  left: 24px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 497, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level02 div:nth-child(6) {
  top: 82px;
  right: 34px;
}
/* line 498, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level02 div:nth-child(7) {
  top: 6px;
  left: 50px;
}
/* line 499, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level02 div:nth-child(8) {
  top: 190px;
  left: 186px;
}
/* line 502, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level03 div:nth-child(1) {
  top: 138px;
  right: 204px;
}
/* line 503, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level03 div:nth-child(2) {
  top: 126px;
  left: 146px;
}
/* line 504, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level03 div:nth-child(3) {
  top: 90px;
  right: 126px;
}
/* line 505, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level03 div:nth-child(4) {
  right: -126px;
  bottom: -132px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 506, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level03 div:nth-child(5) {
  top: 174px;
  left: 16px;
}
/* line 507, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level03 div:nth-child(6) {
  right: -272px;
  bottom: 1px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 508, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level03 div:nth-child(7) {
  top: 216px;
  right: 68px;
}
/* line 509, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level03 div:nth-child(8) {
  bottom: 96px;
  left: -6px;
}
/* line 510, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level03 div:nth-child(9) {
  top: 50px;
  left: 216px;
}
/* line 511, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline02 #timeline .sections .icons li.layer.level03 div:nth-child(10) {
  bottom: 174px;
  left: 2px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 519, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections > li:nth-child(1) {
  top: -100%;
  right: 300%;
}
/* line 524, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections > li:nth-child(2) {
  top: -50%;
  right: 150%;
}
/* line 530, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections > li:nth-child(3) .content,
.wrapper.lp.timeline03 #timeline .sections > li:nth-child(3) .circle {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
  -webkit-filter: blur(0);
  filter: blur(0);
}
/* line 538, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections > li:nth-child(3) .content h4 {
  margin-bottom: 7px;
  line-height: 42px;
}
/* line 542, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections > li:nth-child(3) .content p {
  line-height: 28px;
}
/* line 545, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections > li:nth-child(3) .circle {
  width: 252px;
  height: 252px;
  margin-right: -126px;
}
/* line 551, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections > li:nth-child(3) .content,
.wrapper.lp.timeline03 #timeline .sections > li:nth-child(3) .circle {
  right: 50%;
}
/* line 554, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections > li:nth-child(3) .content {
  top: 280px;
}
/* line 555, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections > li:nth-child(3) .circle {
  top: 0;
}
/* line 560, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level02 div, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=42);
  opacity: 0.42;
  height: 22px;
}
/* line 565, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div.book, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level02 div.book, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div.book {
  width: 15px;
}
/* line 566, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div.tune, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level02 div.tune, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div.tune {
  width: 20px;
}
/* line 567, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div.gear, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level02 div.gear, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div.gear {
  width: 22px;
}
/* line 568, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div.video, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level02 div.video, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div.video {
  width: 27px;
}
/* line 570, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(2), .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(5), .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(7), .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(9) {
  -webkit-filter: saturate(1);
  filter: saturate(1);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  height: 35px;
}
/* line 577, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(2).book, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(5).book, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(7).book, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(9).book {
  width: 24px;
}
/* line 578, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(2).tune, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(5).tune, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(7).tune, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(9).tune {
  width: 33px;
}
/* line 579, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(2).gear, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(5).gear, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(7).gear, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(9).gear {
  width: 35px;
}
/* line 580, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(2).video, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(5).video, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(7).video, .wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(9).video {
  width: 43px;
}
/* line 585, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div:nth-child(1) {
  right: -36px;
  bottom: -56px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 586, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div:nth-child(2) {
  top: 126px;
  left: -8px;
}
/* line 587, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div:nth-child(3) {
  top: 236px;
  left: 144px;
}
/* line 588, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div:nth-child(4) {
  top: 96px;
  right: -96px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 589, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div:nth-child(5) {
  top: 95px;
  right: -6px;
}
/* line 590, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div:nth-child(6) {
  bottom: 6px;
  left: 176px;
}
/* line 591, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div:nth-child(7) {
  right: -8px;
  bottom: 86px;
}
/* line 592, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div:nth-child(8) {
  top: -68px;
  left: 162px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 593, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div:nth-child(9) {
  bottom: 8px;
  left: 56px;
}
/* line 594, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div:nth-child(10) {
  right: -186px;
  bottom: 112px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 595, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div:nth-child(11) {
  top: -8px;
  right: 72px;
}
/* line 596, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level01 div:nth-child(12) {
  right: 232px;
  bottom: 150px;
}
/* line 599, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level02 div:nth-child(1) {
  top: 192px;
  right: 20px;
}
/* line 600, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level02 div:nth-child(2) {
  right: 12px;
  bottom: 178px;
}
/* line 601, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level02 div:nth-child(3) {
  bottom: 186px;
  left: 14px;
}
/* line 602, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level02 div:nth-child(4) {
  right: 210px;
  bottom: 30px;
}
/* line 603, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level02 div:nth-child(5) {
  bottom: -76px;
  left: 24px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 604, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level02 div:nth-child(6) {
  top: 16px;
  right: 36px;
}
/* line 605, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level02 div:nth-child(7) {
  top: -2px;
  left: 70px;
}
/* line 606, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level02 div:nth-child(8) {
  top: 234px;
  left: 92px;
}
/* line 609, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(1) {
  top: -12px;
  right: 126px;
}
/* line 610, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(2) {
  top: 72px;
  left: 144px;
}
/* line 611, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(3) {
  top: 18px;
  right: 196px;
}
/* line 612, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(4) {
  right: -126px;
  bottom: -132px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 613, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(5) {
  top: 148px;
  left: 86px;
}
/* line 614, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(6) {
  right: -272px;
  bottom: 1px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 615, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(7) {
  top: 134px;
  right: 74px;
}
/* line 616, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(8) {
  bottom: 64px;
  left: 0;
}
/* line 617, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(9) {
  top: 82px;
  left: 74px;
}
/* line 618, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline03 #timeline .sections .icons li.layer.level03 div:nth-child(10) {
  bottom: 174px;
  left: 2px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 629, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .container,
.wrapper.lp.students #timeline .container,
.wrapper.lp.library #timeline .container,
.wrapper.lp.calendar #timeline .container,
.wrapper.lp.contacts #timeline .container {
  max-width: 922px;
}
/* line 630, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections,
.wrapper.lp.students #timeline .sections,
.wrapper.lp.library #timeline .sections,
.wrapper.lp.calendar #timeline .sections,
.wrapper.lp.contacts #timeline .sections {
  height: 295px;
}
/* line 633, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections:before,
.wrapper.lp.students #timeline .sections:before,
.wrapper.lp.library #timeline .sections:before,
.wrapper.lp.calendar #timeline .sections:before,
.wrapper.lp.contacts #timeline .sections:before {
  top: 85px;
  right: 14%;
  width: 72%;
}
/* line 640, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li,
.wrapper.lp.students #timeline .sections > li,
.wrapper.lp.library #timeline .sections > li,
.wrapper.lp.calendar #timeline .sections > li,
.wrapper.lp.contacts #timeline .sections > li {
  width: 28%;
}
/* line 643, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1),
.wrapper.lp.students #timeline .sections > li:nth-child(1),
.wrapper.lp.library #timeline .sections > li:nth-child(1),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) {
  right: 72%;
}
/* line 644, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2),
.wrapper.lp.students #timeline .sections > li:nth-child(2),
.wrapper.lp.library #timeline .sections > li:nth-child(2),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) {
  right: 36%;
}
/* line 645, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3),
.wrapper.lp.students #timeline .sections > li:nth-child(3),
.wrapper.lp.library #timeline .sections > li:nth-child(3),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) {
  right: 0;
}
/* line 648, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections .content,
.wrapper.lp.timeline04 #timeline .sections .circle,
.wrapper.lp.students #timeline .sections .content,
.wrapper.lp.students #timeline .sections .circle,
.wrapper.lp.library #timeline .sections .content,
.wrapper.lp.library #timeline .sections .circle,
.wrapper.lp.calendar #timeline .sections .content,
.wrapper.lp.calendar #timeline .sections .circle,
.wrapper.lp.contacts #timeline .sections .content,
.wrapper.lp.contacts #timeline .sections .circle {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 654, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections .content,
.wrapper.lp.students #timeline .sections .content,
.wrapper.lp.library #timeline .sections .content,
.wrapper.lp.calendar #timeline .sections .content,
.wrapper.lp.contacts #timeline .sections .content {
  width: 100%;
  margin-right: -50%;
}
/* line 658, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections .content h4,
.wrapper.lp.students #timeline .sections .content h4,
.wrapper.lp.library #timeline .sections .content h4,
.wrapper.lp.calendar #timeline .sections .content h4,
.wrapper.lp.contacts #timeline .sections .content h4 {
  font-size: 21px;
}
/* line 662, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .content,
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .circle,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .content,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .circle,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .content,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .circle,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .content,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .circle,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .content,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .circle {
  right: 50%;
}
/* line 665, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .content,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .content,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .content,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .content,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .content {
  top: 197px;
}
/* line 666, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .circle,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .circle,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .circle,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .circle,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .circle {
  top: 0;
}
/* line 669, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections .icons,
.wrapper.lp.students #timeline .sections .icons,
.wrapper.lp.library #timeline .sections .icons,
.wrapper.lp.calendar #timeline .sections .icons,
.wrapper.lp.contacts #timeline .sections .icons {
  width: 176px;
  height: 176px;
  margin-right: -88px;
}
/* line 678, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer div,
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer div,
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer div,
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer div,
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer div,
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer div,
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer div,
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer div,
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer div,
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer div {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=42);
  opacity: 0.42;
}
/* line 679, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(2), .wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(3), .wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(4), .wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(8), .wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(2), .wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(3), .wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(7) {
  -webkit-filter: saturate(1);
  filter: saturate(1);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 687, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level01 div,
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level01 div,
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level01 div,
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level01 div,
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level01 div,
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level01 div,
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level01 div,
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level01 div,
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level01 div,
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level01 div {
  height: 11px;
}
/* line 689, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level01 div.book,
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level01 div.book,
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level01 div.book,
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level01 div.book,
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level01 div.book,
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level01 div.book,
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level01 div.book,
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level01 div.book,
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level01 div.book,
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level01 div.book {
  width: 8px;
}
/* line 690, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level01 div.tune,
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level01 div.tune,
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level01 div.tune,
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level01 div.tune,
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level01 div.tune,
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level01 div.tune,
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level01 div.tune,
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level01 div.tune,
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level01 div.tune,
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level01 div.tune {
  width: 10px;
}
/* line 691, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level01 div.gear,
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level01 div.gear,
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level01 div.gear,
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level01 div.gear,
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level01 div.gear,
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level01 div.gear,
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level01 div.gear,
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level01 div.gear,
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level01 div.gear,
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level01 div.gear {
  width: 11px;
}
/* line 692, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level01 div.video,
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level01 div.video,
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level01 div.video,
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level01 div.video,
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level01 div.video,
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level01 div.video,
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level01 div.video,
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level01 div.video,
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level01 div.video,
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level01 div.video {
  width: 13px;
}
/* line 694, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level02 div,
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level02 div,
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level02 div,
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level02 div,
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level02 div,
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level02 div,
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level02 div,
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level02 div,
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level02 div,
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level02 div {
  height: 15px;
}
/* line 696, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level02 div.book,
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level02 div.book,
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level02 div.book,
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level02 div.book,
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level02 div.book,
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level02 div.book,
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level02 div.book,
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level02 div.book,
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level02 div.book,
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level02 div.book {
  width: 10px;
}
/* line 697, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level02 div.tune,
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level02 div.tune,
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level02 div.tune,
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level02 div.tune,
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level02 div.tune,
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level02 div.tune,
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level02 div.tune,
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level02 div.tune,
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level02 div.tune,
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level02 div.tune {
  width: 14px;
}
/* line 698, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level02 div.gear,
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level02 div.gear,
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level02 div.gear,
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level02 div.gear,
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level02 div.gear,
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level02 div.gear,
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level02 div.gear,
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level02 div.gear,
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level02 div.gear,
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level02 div.gear {
  width: 15px;
}
/* line 699, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level02 div.video,
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level02 div.video,
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level02 div.video,
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level02 div.video,
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level02 div.video,
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level02 div.video,
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level02 div.video,
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level02 div.video,
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level02 div.video,
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level02 div.video {
  width: 19px;
}
/* line 701, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level03 div,
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level03 div,
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level03 div,
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level03 div,
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level03 div,
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level03 div,
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level03 div,
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level03 div,
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level03 div,
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level03 div {
  height: 20px;
}
/* line 703, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level03 div.book,
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level03 div.book,
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level03 div.book,
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level03 div.book,
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level03 div.book,
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level03 div.book,
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level03 div.book,
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level03 div.book,
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level03 div.book,
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level03 div.book {
  width: 13px;
}
/* line 704, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level03 div.tune,
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level03 div.tune,
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level03 div.tune,
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level03 div.tune,
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level03 div.tune,
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level03 div.tune,
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level03 div.tune,
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level03 div.tune,
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level03 div.tune,
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level03 div.tune {
  width: 18px;
}
/* line 705, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level03 div.gear,
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level03 div.gear,
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level03 div.gear,
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level03 div.gear,
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level03 div.gear,
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level03 div.gear,
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level03 div.gear,
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level03 div.gear,
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level03 div.gear,
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level03 div.gear {
  width: 20px;
}
/* line 706, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level03 div.video,
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level03 div.video,
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level03 div.video,
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level03 div.video,
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level03 div.video,
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level03 div.video,
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level03 div.video,
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level03 div.video,
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level03 div.video,
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level03 div.video {
  width: 24px;
}
/* line 710, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level01 div, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level02 div, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level01 div,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level02 div,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level01 div,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level02 div,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level01 div,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level02 div,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level01 div,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level02 div,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=42);
  opacity: 0.42;
  height: 15px;
}
/* line 715, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level01 div.book, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level02 div.book, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div.book,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level01 div.book,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level02 div.book,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div.book,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level01 div.book,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level02 div.book,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div.book,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level01 div.book,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level02 div.book,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div.book,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level01 div.book,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level02 div.book,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div.book {
  width: 10px;
}
/* line 716, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level01 div.tune, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level02 div.tune, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div.tune,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level01 div.tune,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level02 div.tune,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div.tune,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level01 div.tune,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level02 div.tune,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div.tune,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level01 div.tune,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level02 div.tune,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div.tune,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level01 div.tune,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level02 div.tune,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div.tune {
  width: 14px;
}
/* line 717, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level01 div.gear, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level02 div.gear, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div.gear,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level01 div.gear,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level02 div.gear,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div.gear,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level01 div.gear,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level02 div.gear,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div.gear,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level01 div.gear,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level02 div.gear,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div.gear,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level01 div.gear,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level02 div.gear,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div.gear {
  width: 15px;
}
/* line 718, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level01 div.video, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level02 div.video, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div.video,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level01 div.video,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level02 div.video,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div.video,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level01 div.video,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level02 div.video,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div.video,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level01 div.video,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level02 div.video,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div.video,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level01 div.video,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level02 div.video,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div.video {
  width: 19px;
}
/* line 720, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2), .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5), .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7), .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9) {
  -webkit-filter: saturate(1);
  filter: saturate(1);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  height: 24px;
}
/* line 727, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2).book, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5).book, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7).book, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9).book,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2).book,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5).book,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7).book,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9).book,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2).book,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5).book,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7).book,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9).book,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2).book,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5).book,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7).book,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9).book,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2).book,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5).book,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7).book,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9).book {
  width: 17px;
}
/* line 728, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2).tune, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5).tune, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7).tune, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9).tune,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2).tune,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5).tune,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7).tune,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9).tune,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2).tune,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5).tune,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7).tune,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9).tune,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2).tune,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5).tune,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7).tune,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9).tune,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2).tune,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5).tune,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7).tune,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9).tune {
  width: 23px;
}
/* line 729, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2).gear, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5).gear, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7).gear, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9).gear,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2).gear,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5).gear,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7).gear,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9).gear,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2).gear,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5).gear,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7).gear,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9).gear,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2).gear,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5).gear,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7).gear,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9).gear,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2).gear,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5).gear,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7).gear,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9).gear {
  width: 24px;
}
/* line 730, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2).video, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5).video, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7).video, .wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9).video,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2).video,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5).video,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7).video,
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9).video,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2).video,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5).video,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7).video,
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9).video,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2).video,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5).video,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7).video,
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9).video,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2).video,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5).video,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7).video,
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9).video {
  width: 30px;
}
/* line 737, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(1),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(1),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(1),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(1),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(1) {
  right: -36px;
  bottom: -56px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 738, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(2),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(2),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(2),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(2),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(2) {
  top: 38px;
  left: 48px;
}
/* line 739, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(3),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(3),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(3),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(3),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(3) {
  top: 90px;
  left: 68px;
}
/* line 740, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(4),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(4),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(4),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(4),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(4) {
  top: 96px;
  right: -96px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 741, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(5),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(5),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(5),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(5),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(5) {
  top: 56px;
  right: 100px;
}
/* line 742, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(6),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(6),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(6),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(6),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(6) {
  bottom: 96px;
  left: 92px;
}
/* line 743, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(7),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(7),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(7),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(7),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(7) {
  right: 70px;
  bottom: 30px;
}
/* line 744, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(8),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(8),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(8),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(8),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(8) {
  top: -68px;
  left: 162px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 745, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(9),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(9),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(9),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(9),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(9) {
  bottom: 66px;
  left: 36px;
}
/* line 746, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(10),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(10),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(10),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(10),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(10) {
  right: -186px;
  bottom: 112px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 747, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(11),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(11),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(11),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(11),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(11) {
  top: 24px;
  right: 80px;
}
/* line 748, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(12),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(12),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(12),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(12),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level01 div:nth-child(12) {
  right: 64px;
  bottom: 64px;
}
/* line 751, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(1),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(1),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(1),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(1),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(1) {
  top: 36px;
  right: 52px;
}
/* line 752, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(2) {
  right: 28px;
  bottom: 12px;
}
/* line 753, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(3) {
  bottom: 40px;
  left: 58px;
}
/* line 754, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(4) {
  right: 28px;
  bottom: 50px;
}
/* line 755, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(5),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(5),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(5),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(5),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(5) {
  bottom: -76px;
  left: 24px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 756, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(6),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(6),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(6),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(6),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(6) {
  top: 68px;
  right: 32px;
}
/* line 757, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(7),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(7),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(7),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(7),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(7) {
  top: 34px;
  left: 6px;
}
/* line 758, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level02 div:nth-child(8) {
  top: 62px;
  left: 28px;
}
/* line 761, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(1),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(1),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(1),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(1),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(1) {
  top: 84px;
  right: -6px;
}
/* line 762, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(2) {
  top: 86px;
  left: -4px;
}
/* line 763, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(3) {
  top: 30px;
  right: 10px;
}
/* line 764, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(4),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(4),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(4),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(4),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(4) {
  right: -126px;
  bottom: -132px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 765, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(5),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(5),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(5),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(5),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(5) {
  top: 136px;
  left: 14px;
}
/* line 766, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(6),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(6),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(6),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(6),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(6) {
  right: -272px;
  bottom: 1px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 767, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(7) {
  top: -6px;
  right: 54px;
}
/* line 768, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(8),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(8),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(8),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(8),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(8) {
  bottom: -6px;
  left: 66px;
}
/* line 769, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(9),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(9),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(9),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(9),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(9) {
  top: -4px;
  left: 42px;
}
/* line 770, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(10),
.wrapper.lp.students #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(10),
.wrapper.lp.library #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(10),
.wrapper.lp.calendar #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(10),
.wrapper.lp.contacts #timeline .sections > li:nth-child(1) .icons li.layer.level03 div:nth-child(10) {
  bottom: -1px;
  left: -324px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 775, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(1),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(1),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(1),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(1),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(1) {
  right: -36px;
  bottom: -56px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 776, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(2),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(2),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(2),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(2),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(2) {
  top: 96px;
  left: 76px;
}
/* line 777, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(3),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(3),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(3),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(3),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(3) {
  top: 58px;
  left: 170px;
}
/* line 778, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(4),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(4),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(4),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(4),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(4) {
  top: 96px;
  right: -96px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 779, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(5),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(5),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(5),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(5),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(5) {
  top: 130px;
  right: 50px;
}
/* line 780, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(6),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(6),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(6),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(6),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(6) {
  bottom: 100px;
  left: 154px;
}
/* line 781, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(7),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(7),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(7),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(7),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(7) {
  right: 80px;
  bottom: 80px;
}
/* line 782, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(8),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(8),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(8),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(8),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(8) {
  top: -68px;
  left: 162px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 783, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(9),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(9),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(9),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(9),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(9) {
  bottom: 126px;
  left: 18px;
}
/* line 784, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(10),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(10),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(10),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(10),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(10) {
  right: -186px;
  bottom: 112px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 785, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(11),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(11),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(11),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(11),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(11) {
  top: 26px;
  right: 126px;
}
/* line 786, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(12),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(12),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(12),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(12),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level01 div:nth-child(12) {
  right: 66px;
  bottom: 96px;
}
/* line 789, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(1),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(1),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(1),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(1),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(1) {
  top: 114px;
  right: 166px;
}
/* line 790, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(2) {
  right: 32px;
  bottom: 6px;
}
/* line 791, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(3) {
  bottom: 144px;
  left: 20px;
}
/* line 792, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(4) {
  right: 134px;
  bottom: 120px;
}
/* line 793, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(5),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(5),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(5),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(5),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(5) {
  bottom: -76px;
  left: 24px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 794, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(6),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(6),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(6),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(6),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(6) {
  top: 56px;
  right: 24px;
}
/* line 795, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(7),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(7),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(7),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(7),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(7) {
  top: 6px;
  left: 36px;
}
/* line 796, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level02 div:nth-child(8) {
  top: 134px;
  left: 130px;
}
/* line 799, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(1),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(1),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(1),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(1),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(1) {
  top: 96px;
  right: 142px;
}
/* line 800, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(2) {
  top: 88px;
  left: 100px;
}
/* line 801, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(3) {
  top: 64px;
  right: 88px;
}
/* line 802, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(4),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(4),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(4),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(4),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(4) {
  right: -126px;
  bottom: -132px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 803, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(5),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(5),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(5),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(5),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(5) {
  top: 122px;
  left: 12px;
}
/* line 804, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(6),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(6),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(6),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(6),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(6) {
  right: -272px;
  bottom: 1px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 805, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(7) {
  top: 150px;
  right: 46px;
}
/* line 806, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(8),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(8),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(8),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(8),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(8) {
  bottom: 68px;
  left: -4px;
}
/* line 807, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(9),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(9),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(9),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(9),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(9) {
  top: 36px;
  left: 150px;
}
/* line 808, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(10),
.wrapper.lp.students #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(10),
.wrapper.lp.library #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(10),
.wrapper.lp.calendar #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(10),
.wrapper.lp.contacts #timeline .sections > li:nth-child(2) .icons li.layer.level03 div:nth-child(10) {
  bottom: -1px;
  left: -324px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 813, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(1),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(1),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(1),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(1),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(1) {
  right: -36px;
  bottom: -56px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 814, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(2),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(2),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(2),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(2),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(2) {
  top: 88px;
  left: -6px;
}
/* line 815, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(3),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(3),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(3),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(3),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(3) {
  top: 166px;
  left: 100px;
}
/* line 816, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(4),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(4),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(4),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(4),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(4) {
  top: 96px;
  right: -96px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 817, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(5),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(5),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(5),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(5),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(5) {
  top: 66px;
  right: -4px;
}
/* line 818, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(6),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(6),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(6),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(6),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(6) {
  bottom: 6px;
  left: 124px;
}
/* line 819, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(7),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(7),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(7),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(7),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(7) {
  right: -6px;
  bottom: 60px;
}
/* line 820, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(8),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(8),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(8),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(8),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(8) {
  top: -68px;
  left: 162px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 821, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(9),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(9),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(9),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(9),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(9) {
  bottom: 4px;
  left: 38px;
}
/* line 822, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(10),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(10),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(10),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(10),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(10) {
  right: -186px;
  bottom: 112px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 823, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(11),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(11),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(11),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(11),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(11) {
  top: -6px;
  right: 50px;
}
/* line 824, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(12),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(12),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(12),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(12),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level01 div:nth-child(12) {
  right: 162px;
  bottom: 106px;
}
/* line 827, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(1),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(1),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(1),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(1),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(1) {
  top: 134px;
  right: 14px;
}
/* line 828, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(2),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(2) {
  right: 8px;
  bottom: 126px;
}
/* line 829, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(3),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(3) {
  bottom: 130px;
  left: 10px;
}
/* line 830, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(4),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(4) {
  right: 146px;
  bottom: 20px;
}
/* line 831, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(5),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(5),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(5),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(5),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(5) {
  bottom: -76px;
  left: 24px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 832, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(6),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(6),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(6),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(6),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(6) {
  top: 12px;
  right: 26px;
}
/* line 833, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(7),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(7),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(7),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(7),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(7) {
  top: 0;
  left: 48px;
}
/* line 834, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(8),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level02 div:nth-child(8) {
  top: 164px;
  left: 64px;
}
/* line 837, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(1),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(1),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(1),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(1),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(1) {
  top: -8px;
  right: 90px;
}
/* line 838, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(2) {
  top: 50px;
  left: 100px;
}
/* line 839, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(3),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(3) {
  top: 12px;
  right: 136px;
}
/* line 840, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(4),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(4),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(4),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(4),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(4) {
  right: -126px;
  bottom: -132px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 841, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(5) {
  top: 104px;
  left: 62px;
}
/* line 842, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(6),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(6),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(6),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(6),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(6) {
  right: -272px;
  bottom: 1px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 843, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(7) {
  top: 92px;
  right: 52px;
}
/* line 844, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(8),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(8),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(8),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(8),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(8) {
  bottom: 44px;
  left: 0;
}
/* line 845, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(9) {
  top: 56px;
  left: 52px;
}
/* line 846, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.timeline04 #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(10),
.wrapper.lp.students #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(10),
.wrapper.lp.library #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(10),
.wrapper.lp.calendar #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(10),
.wrapper.lp.contacts #timeline .sections > li:nth-child(3) .icons li.layer.level03 div:nth-child(10) {
  bottom: -1px;
  left: -324px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 854, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.students #timeline,
.wrapper.lp.library #timeline,
.wrapper.lp.calendar #timeline,
.wrapper.lp.contacts #timeline {
  top: -350%;
}
/* line 860, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.students #timeline .sections .icons,
.wrapper.lp.library #timeline .sections .icons,
.wrapper.lp.calendar #timeline .sections .icons,
.wrapper.lp.contacts #timeline .sections .icons {
  display: none;
  right: 50%;
}

/* line 869, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp.students #timeline, .wrapper.lp.students #timeline .container, .wrapper.lp.students #timeline .sections, .wrapper.lp.students #timeline .sections > li, .wrapper.lp.students #timeline .sections .circle, .wrapper.lp.students #timeline .sections .content, .wrapper.lp.students #timeline .sections .content h4, .wrapper.lp.students #timeline .sections .content p, .wrapper.lp.students #timeline .sections .icons, .wrapper.lp.students #timeline .sections .icons li.layer div, .wrapper.lp.students #timeline .sections .icons li.layer div svg,
.wrapper.lp.library #timeline,
.wrapper.lp.library #timeline .container,
.wrapper.lp.library #timeline .sections,
.wrapper.lp.library #timeline .sections > li,
.wrapper.lp.library #timeline .sections .circle,
.wrapper.lp.library #timeline .sections .content,
.wrapper.lp.library #timeline .sections .content h4,
.wrapper.lp.library #timeline .sections .content p,
.wrapper.lp.library #timeline .sections .icons,
.wrapper.lp.library #timeline .sections .icons li.layer div,
.wrapper.lp.library #timeline .sections .icons li.layer div svg,
.wrapper.lp.calendar #timeline,
.wrapper.lp.calendar #timeline .container,
.wrapper.lp.calendar #timeline .sections,
.wrapper.lp.calendar #timeline .sections > li,
.wrapper.lp.calendar #timeline .sections .circle,
.wrapper.lp.calendar #timeline .sections .content,
.wrapper.lp.calendar #timeline .sections .content h4,
.wrapper.lp.calendar #timeline .sections .content p,
.wrapper.lp.calendar #timeline .sections .icons,
.wrapper.lp.calendar #timeline .sections .icons li.layer div,
.wrapper.lp.calendar #timeline .sections .icons li.layer div svg,
.wrapper.lp.contacts #timeline,
.wrapper.lp.contacts #timeline .container,
.wrapper.lp.contacts #timeline .sections,
.wrapper.lp.contacts #timeline .sections > li,
.wrapper.lp.contacts #timeline .sections .circle,
.wrapper.lp.contacts #timeline .sections .content,
.wrapper.lp.contacts #timeline .sections .content h4,
.wrapper.lp.contacts #timeline .sections .content p,
.wrapper.lp.contacts #timeline .sections .icons,
.wrapper.lp.contacts #timeline .sections .icons li.layer div,
.wrapper.lp.contacts #timeline .sections .icons li.layer div svg {
  -moz-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -o-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -webkit-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
}

/* line 883, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp #timeline .sections .content {
  top: 197px;
  right: 50%;
  width: 270px;
  margin-right: -135px;
  -moz-transform: translateY(630px);
  -ms-transform: translateY(630px);
  -webkit-transform: translateY(630px);
  transform: translateY(630px);
}
/* line 890, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp #timeline .sections .content h4 {
  margin-bottom: 56px;
  line-height: 42px;
}
/* line 895, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp #timeline .sections .content p {
  line-height: 224px;
}
/* line 898, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp #timeline .sections .circle {
  top: 0;
  right: 50%;
  width: 176px;
  height: 176px;
  margin-right: -88px;
}
/* line 906, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp #timeline .sections > li:nth-child(3) .content,
.wrapper.lp #timeline .sections > li:nth-child(3) .circle {
  top: -50%;
  right: -150%;
}
/* line 912, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp #timeline .sections .icons {
  right: 0;
  height: 100%;
}
/* line 916, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp #timeline .sections .icons li.layer > div {
  -webkit-filter: saturate(0);
  filter: saturate(0);
}

/* line 919, ../../app/scss/views/lp/_timeline.scss */
.wrapper.lp #timeline,
.wrapper.lp #timeline .container,
.wrapper.lp #timeline .sections,
.wrapper.lp #timeline .sections:before,
.wrapper.lp #timeline .sections > li,
.wrapper.lp #timeline .sections .circle,
.wrapper.lp #timeline .sections .content,
.wrapper.lp #timeline .sections .content h4,
.wrapper.lp #timeline .sections .content p,
.wrapper.lp #timeline .sections .icons,
.wrapper.lp #timeline .sections .icons li.layer div,
.wrapper.lp #timeline .sections .icons li.layer div svg {
  -moz-transition: all 1.6s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 1.6s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 1.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1.6s cubic-bezier(0.19, 1, 0.22, 1);
}

@media (min-width: 550px) {
  /* line 933, ../../app/scss/views/lp/_timeline.scss */
  .wrapper.lp #timeline .sections .content {
    width: 336px;
    margin-right: -168px;
  }
}
/* line 1, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students {
  z-index: 8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 6, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .container {
  width: 100%;
}
/* line 9, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .container .box {
  box-sizing: border-box;
  padding: 35px 21px;
  background-color: rgba(255, 255, 255, 0.84);
  -moz-box-shadow: 0 0 12px rgba(51, 48, 45, 0.35);
  -webkit-box-shadow: 0 0 12px rgba(51, 48, 45, 0.35);
  box-shadow: 0 0 12px rgba(51, 48, 45, 0.35);
}

@media (min-width: 750px) {
  /* line 18, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .container .box {
    padding: 63px 56px;
  }
}
/* line 23, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .inside,
.wrapper.lp #students .info,
.wrapper.lp #students .main {
  position: relative;
}
/* line 27, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .inside {
  height: 100%;
}
/* line 29, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .info,
.wrapper.lp #students .main {
  position: absolute;
  right: 0;
  width: 100%;
}
/* line 36, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .info {
  top: 126px;
}
/* line 38, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main {
  top: 0;
  height: 63px;
}

/* line 43, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .inside,
.wrapper.lp #students .info,
.wrapper.lp #students .main {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 750px) {
  /* line 49, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .info,
  .wrapper.lp #students .main {
    height: 100%;
  }
  /* line 52, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .info {
    top: 0;
    width: 30.6666666667%;
  }
  /* line 57, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main {
    right: 34.66667%;
    width: 65.3333333333%;
  }
}
/* line 66, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .info h2 {
  margin-bottom: 7px;
  font-size: 21px;
  line-height: 35px;
}
/* line 72, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .info p {
  margin-bottom: 21px;
  font-size: 14px;
}

/* line 78, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .info h2,
.wrapper.lp #students .info p {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 750px) {
  /* line 83, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .info h2 {
    margin-bottom: 14px;
    font-size: 26px;
    line-height: 42px;
  }
  /* line 89, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .info p {
    font-size: 16px;
  }
}
/* line 96, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students-line {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* line 103, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students-line:after {
  content: '';
  display: block;
  position: absolute;
  top: -3px;
  left: -6px;
  width: 12px;
  height: 12px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 115, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students {
  position: relative;
  height: 100%;
}
/* line 119, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students:after {
  content: '';
  display: block;
  position: absolute;
  top: -3px;
  right: -6px;
  width: 12px;
  height: 12px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

/* line 131, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students-line,
.wrapper.lp #students .main .students-line:after,
.wrapper.lp #students .main .students,
.wrapper.lp #students .main .students:after {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 750px) {
  /* line 138, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students-line {
    bottom: 70px;
    height: 6px;
    background-color: #cecbc6;
  }
  /* line 143, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students-line:after {
    background-color: #cecbc6;
  }
  /* line 146, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students {
    background-color: #e29c45;
  }
  /* line 149, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students:after {
    background-color: #e29c45;
  }
}
/* line 156, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li {
  display: block;
  position: absolute;
  top: 0;
  width: 2px;
  height: 100%;
  margin-right: -1px;
}
/* line 164, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li .details {
  box-sizing: border-box;
  position: absolute;
  right: 1px;
  bottom: 0;
  width: 1px;
  height: 50%;
}
/* line 172, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li .details .thumb,
.wrapper.lp #students .main .students > li .details span {
  right: 50%;
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
/* line 178, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li .details .thumb {
  position: absolute;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.21);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.21);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.21);
}
/* line 183, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li .details span {
  display: block;
  position: absolute;
  white-space: nowrap;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 192, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li .level {
  box-sizing: border-box;
  position: absolute;
  top: -12px;
  right: -14px;
  width: 30px;
  height: 30px;
  border: 3px solid #e29c45;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 10px;
  text-align: center;
  line-height: 24px;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.21);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.21);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.21);
  background-color: #f5f4f3;
  color: #e29c45;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 211, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li .stats {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 28px;
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 220, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li .stats span,
.wrapper.lp #students .main .students > li .stats small {
  display: inline;
  font-size: 13px;
  line-height: 21px;
  white-space: nowrap;
}

/* line 229, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li,
.wrapper.lp #students .main .students > li .details,
.wrapper.lp #students .main .students > li .details .thumb,
.wrapper.lp #students .main .students > li .details span,
.wrapper.lp #students .main .students > li .level,
.wrapper.lp #students .main .students > li .stats,
.wrapper.lp #students .main .students > li .stats span,
.wrapper.lp #students .main .students > li .stats small {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 750px) {
  /* line 239, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li {
    height: 6px;
  }
  /* line 242, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li .details {
    right: 0;
    bottom: 6px;
    width: 16px;
    border-top: 2px solid rgba(0, 0, 0, 0.04);
    border-right: 2px solid rgba(0, 0, 0, 0.04);
  }
  /* line 249, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li .details .thumb,
  .wrapper.lp #students .main .students > li .details span {
    right: 100%;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  /* line 255, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li .details span {
    color: #7c7976;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
  }
  /* line 262, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li .level {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
  }
  /* line 267, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li .stats {
    top: 34px;
    right: -14px;
    margin-top: 0;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
  }
  /* line 275, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li .stats span,
  .wrapper.lp #students .main .students > li .stats small {
    display: block;
  }
  /* line 278, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li .stats span {
    font-size: 18px;
    color: #e29c45;
  }
  /* line 283, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li .stats small {
    font-size: 14px;
  }
}
/* line 291, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(1) {
  z-index: 5;
  right: 50%;
}
/* line 296, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(1) .details .thumb {
  top: -29px;
  width: 58px;
  height: 58px;
}
/* line 301, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(1) .details .thumb:before {
  bottom: -12px;
  width: 58px;
  font-size: 58px;
  line-height: 58px;
}
/* line 309, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(1) .details span {
  top: 36px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 316, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(1) .reflection {
  display: block;
  position: absolute;
  top: -16px;
  right: -18px;
  width: 38px;
  height: 38px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 326, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(1) .reflection li {
  position: absolute;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 330, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(1) .reflection li:nth-child(1) {
  -moz-animation: reflection01 2s linear infinite;
  -webkit-animation: reflection01 2s linear infinite;
  animation: reflection01 2s linear infinite;
}
/* line 331, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(1) .reflection li:nth-child(2) {
  -moz-animation: reflection02 2s linear infinite;
  -webkit-animation: reflection02 2s linear infinite;
  animation: reflection02 2s linear infinite;
}
/* line 332, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(1) .reflection li:nth-child(3) {
  -moz-animation: reflection03 2s linear infinite;
  -webkit-animation: reflection03 2s linear infinite;
  animation: reflection03 2s linear infinite;
}
/* line 336, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(1) .level {
  width: 38px;
  height: 38px;
  top: -16px;
  right: -18px;
  font-size: 15px;
  line-height: 32px;
  background-color: #e29c45;
  color: #f5f4f3;
}
/* line 347, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(1) .stats {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 354, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(2) {
  z-index: 4;
  right: 35%;
}
/* line 359, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(2) .details .thumb {
  top: -23px;
  width: 46px;
  height: 46px;
}
/* line 364, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(2) .details .thumb:before {
  bottom: -9px;
  width: 46px;
  font-size: 46px;
  line-height: 46px;
}
/* line 372, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(2) .details span {
  top: 30px;
}
/* line 377, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(3) {
  z-index: 3;
  right: 65%;
}
/* line 382, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(3) .details .thumb {
  top: -20px;
  width: 40px;
  height: 40px;
}
/* line 387, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(3) .details .thumb:before {
  bottom: -8px;
  width: 40px;
  font-size: 40px;
  line-height: 40px;
}
/* line 395, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(3) .details span {
  top: 27px;
}
/* line 400, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(4) {
  z-index: 2;
  right: 24%;
}
/* line 405, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(4) .details .thumb {
  top: -17px;
  width: 34px;
  height: 34px;
}
/* line 410, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(4) .details .thumb:before {
  bottom: -6px;
  width: 34px;
  font-size: 34px;
  line-height: 34px;
}
/* line 418, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(4) .details span {
  top: 24px;
}
/* line 423, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(5) {
  z-index: 1;
  right: 76%;
}
/* line 428, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(5) .details .thumb {
  top: -14px;
  width: 28px;
  height: 28px;
}
/* line 433, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(5) .details .thumb:before {
  bottom: -5px;
  width: 28px;
  font-size: 28px;
  line-height: 28px;
}
/* line 441, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students > li:nth-child(5) .details span {
  top: 21px;
}

@media (min-width: 400px) {
  /* line 448, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li:nth-child(1) {
    right: 50%;
  }
  /* line 449, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li:nth-child(2) {
    right: 40%;
  }
  /* line 450, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li:nth-child(3) {
    right: 60%;
  }
  /* line 451, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li:nth-child(4) {
    right: 32%;
  }
  /* line 452, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li:nth-child(5) {
    right: 68%;
  }
}
@media (min-width: 750px) {
  /* line 460, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li:nth-child(1) {
    right: 100%;
  }
  /* line 463, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li:nth-child(1) .details {
    height: 200px;
  }
  /* line 465, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li:nth-child(1) .reflection {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
  }
  /* line 470, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li:nth-child(1) .stats {
    right: -18px;
  }
  /* line 474, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li:nth-child(2) {
    right: 77%;
  }
  /* line 477, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li:nth-child(2) .details {
    height: 143px;
  }
  /* line 481, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li:nth-child(3) {
    right: 54%;
  }
  /* line 484, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li:nth-child(3) .details {
    height: 105px;
  }
  /* line 488, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li:nth-child(4) {
    right: 31%;
  }
  /* line 491, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li:nth-child(4) .details {
    height: 81px;
  }
  /* line 495, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li:nth-child(5) {
    right: 8%;
  }
  /* line 498, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students > li:nth-child(5) .details {
    height: 64px;
  }
}
@-moz-keyframes reflection01 {
  0% {
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    background-color: rgba(226, 156, 69, 0.28);
  }
  64%, 100% {
    top: -56px;
    right: -56px;
    width: 150px;
    height: 150px;
    background-color: rgba(226, 156, 69, 0);
  }
}
@-webkit-keyframes reflection01 {
  0% {
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    background-color: rgba(226, 156, 69, 0.28);
  }
  64%, 100% {
    top: -56px;
    right: -56px;
    width: 150px;
    height: 150px;
    background-color: rgba(226, 156, 69, 0);
  }
}
@keyframes reflection01 {
  0% {
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    background-color: rgba(226, 156, 69, 0.28);
  }
  64%, 100% {
    top: -56px;
    right: -56px;
    width: 150px;
    height: 150px;
    background-color: rgba(226, 156, 69, 0);
  }
}
@-moz-keyframes reflection02 {
  0%, 18% {
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    background-color: rgba(226, 156, 69, 0.28);
  }
  82%, 100% {
    top: -56px;
    right: -56px;
    width: 150px;
    height: 150px;
    background-color: rgba(226, 156, 69, 0);
  }
}
@-webkit-keyframes reflection02 {
  0%, 18% {
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    background-color: rgba(226, 156, 69, 0.28);
  }
  82%, 100% {
    top: -56px;
    right: -56px;
    width: 150px;
    height: 150px;
    background-color: rgba(226, 156, 69, 0);
  }
}
@keyframes reflection02 {
  0%, 18% {
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    background-color: rgba(226, 156, 69, 0.28);
  }
  82%, 100% {
    top: -56px;
    right: -56px;
    width: 150px;
    height: 150px;
    background-color: rgba(226, 156, 69, 0);
  }
}
@-moz-keyframes reflection03 {
  0%, 36% {
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    background-color: rgba(226, 156, 69, 0.28);
  }
  100% {
    top: -56px;
    right: -56px;
    width: 150px;
    height: 150px;
    background-color: rgba(226, 156, 69, 0);
  }
}
@-webkit-keyframes reflection03 {
  0%, 36% {
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    background-color: rgba(226, 156, 69, 0.28);
  }
  100% {
    top: -56px;
    right: -56px;
    width: 150px;
    height: 150px;
    background-color: rgba(226, 156, 69, 0);
  }
}
@keyframes reflection03 {
  0%, 36% {
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    background-color: rgba(226, 156, 69, 0.28);
  }
  100% {
    top: -56px;
    right: -56px;
    width: 150px;
    height: 150px;
    background-color: rgba(226, 156, 69, 0);
  }
}
/* line 555, ../../app/scss/views/lp/_students.scss */
.wrapper.lp.students #students {
  top: 50%;
  height: 430px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 561, ../../app/scss/views/lp/_students.scss */
.wrapper.lp.students #students .container {
  max-width: 1000px;
  height: 430px;
}
/* line 565, ../../app/scss/views/lp/_students.scss */
.wrapper.lp.students #students .container .box {
  height: 430px;
}

/* line 568, ../../app/scss/views/lp/_students.scss */
.wrapper.lp.students #students,
.wrapper.lp.students #students .container,
.wrapper.lp.students #students .box {
  -moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.4s;
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}

/* line 571, ../../app/scss/views/lp/_students.scss */
.wrapper.lp.students #students .main .students {
  -moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
  -o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
  -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.6s;
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
}

@media (min-width: 750px) {
  /* line 574, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp.students #students .main .students {
    width: 80%;
  }
}
/* line 579, ../../app/scss/views/lp/_students.scss */
.wrapper.lp.library #students,
.wrapper.lp.calendar #students,
.wrapper.lp.contacts #students {
  top: 50%;
  right: 400%;
}

/* line 583, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students {
  top: 450%;
  height: 100%;
}
/* line 587, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .container {
  max-width: 100%;
  height: 100%;
}
/* line 591, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .container .box {
  height: 100%;
}
/* line 594, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students .main .students {
  width: 100%;
}

/* line 596, ../../app/scss/views/lp/_students.scss */
.wrapper.lp #students,
.wrapper.lp #students .container,
.wrapper.lp #students .box,
.wrapper.lp #students .main .students {
  -moz-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -o-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -webkit-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
}

@media (min-width: 750px) {
  /* line 602, ../../app/scss/views/lp/_students.scss */
  .wrapper.lp #students .main .students {
    width: 40%;
  }
}
/* line 1, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library {
  z-index: 9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 6, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library .container {
  width: 100%;
}
/* line 9, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library .container .box {
  box-sizing: border-box;
  padding: 35px 21px;
  background-color: rgba(255, 255, 255, 0.84);
  -moz-box-shadow: 0 0 12px rgba(51, 48, 45, 0.35);
  -webkit-box-shadow: 0 0 12px rgba(51, 48, 45, 0.35);
  box-shadow: 0 0 12px rgba(51, 48, 45, 0.35);
}

@media (min-width: 750px) {
  /* line 18, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .container .box {
    padding: 63px 56px;
  }
}
/* line 23, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library .inside,
.wrapper.lp #library .info,
.wrapper.lp #library .main {
  position: relative;
}
/* line 27, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library .inside {
  height: 100%;
}
/* line 29, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library .info,
.wrapper.lp #library .main {
  position: absolute;
  right: 0;
  width: 100%;
}
/* line 36, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library .info {
  top: 126px;
}
/* line 38, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library .main {
  top: 0;
  height: 105px;
}

/* line 43, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library .inside,
.wrapper.lp #library .info,
.wrapper.lp #library .main {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 750px) {
  /* line 49, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .info,
  .wrapper.lp #library .main {
    height: 100%;
  }
  /* line 52, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .info {
    top: 0;
    right: 69.33333%;
    width: 30.6666666667%;
  }
  /* line 58, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .main {
    width: 65.3333333333%;
  }
}
/* line 64, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library .info h2 {
  margin-bottom: 7px;
  font-size: 21px;
  line-height: 35px;
}
/* line 69, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library .info h2 span {
  display: none;
}
/* line 70, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library .info h2 .three {
  display: inline;
}
/* line 73, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library .info p {
  margin-bottom: 21px;
  font-size: 14px;
}

/* line 79, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library .info h2,
.wrapper.lp #library .info p {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 750px) {
  /* line 84, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .info h2 {
    margin-bottom: 14px;
    font-size: 26px;
    line-height: 42px;
  }
  /* line 90, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .info p {
    font-size: 16px;
  }
}
/* line 96, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library .elements-container {
  overflow: visible;
  height: 100%;
}
/* line 101, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library .element.x2 {
  width: 33.33333%;
  padding: 0 14px;
}
/* line 105, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library .element.x2:hover, .wrapper.lp #library .element.x2:focus {
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
/* line 108, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library .element.x2:nth-child(5), .wrapper.lp #library .element.x2:nth-child(6), .wrapper.lp #library .element.x2:nth-child(7), .wrapper.lp #library .element.x2:nth-child(8), .wrapper.lp #library .element.x2:nth-child(9), .wrapper.lp #library .element.x2:nth-child(10), .wrapper.lp #library .element.x2:nth-child(11) {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}

/* line 120, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library .element.x2 {
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

@media (max-width: 749px) {
  /* line 124, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .elements-container {
    margin-right: -7px;
    margin-left: -7px;
  }
  /* line 125, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .element.x2 {
    padding: 7px;
  }
}
@media (min-width: 334px) {
  /* line 129, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .info h2 .three {
    display: none;
  }

  /* line 130, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .info h2 .four {
    display: inline;
  }

  /* line 132, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .element.x2 {
    width: 25%;
  }
  /* line 135, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .element.x2:nth-child(5) {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 428px) {
  /* line 139, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .info h2 .four {
    display: none;
  }

  /* line 140, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .info h2 .five {
    display: inline;
  }

  /* line 142, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .element.x2 {
    width: 20%;
  }
  /* line 145, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .element.x2:nth-child(6) {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 510px) {
  /* line 149, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .info h2 .five {
    display: none;
  }

  /* line 150, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .info h2 .six {
    display: inline;
  }

  /* line 152, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .element.x2 {
    width: 16.66667%;
  }
  /* line 155, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .element.x2:nth-child(7) {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 612px) {
  /* line 159, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .info h2 .six {
    display: none;
  }

  /* line 160, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .info h2 .seven {
    display: inline;
  }

  /* line 162, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .element.x2 {
    width: 14.28571%;
  }
  /* line 165, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .element.x2:nth-child(8) {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 750px) {
  /* line 169, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .info h2 .seven {
    display: none;
  }

  /* line 170, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .info h2 .eight {
    display: inline;
  }

  /* line 172, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .element.x2 {
    width: 25%;
  }
  /* line 175, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .element.x2:nth-child(9) {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 870px) {
  /* line 180, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .info h2 .eight {
    display: none;
  }

  /* line 181, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .info h2 .ten {
    display: inline;
  }

  /* line 183, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .element.x2 {
    width: 20%;
  }
  /* line 186, ../../app/scss/views/lp/_library.scss */
  .wrapper.lp #library .element.x2:nth-child(10), .wrapper.lp #library .element.x2:nth-child(11) {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
  }
}
/* line 194, ../../app/scss/views/lp/_library.scss */
.wrapper.lp.library #library {
  right: 0;
  height: 421px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 200, ../../app/scss/views/lp/_library.scss */
.wrapper.lp.library #library .container {
  max-width: 1000px;
  height: 421px;
}
/* line 204, ../../app/scss/views/lp/_library.scss */
.wrapper.lp.library #library .container .box {
  height: 421px;
}

/* line 207, ../../app/scss/views/lp/_library.scss */
.wrapper.lp.library #library,
.wrapper.lp.library #library .container,
.wrapper.lp.library #library .box {
  -moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.4s;
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}

/* line 214, ../../app/scss/views/lp/_library.scss */
.wrapper.lp.calendar #library,
.wrapper.lp.contacts #library {
  right: 400%;
}

/* line 217, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library {
  right: -400%;
  height: 100%;
}
/* line 221, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library .container {
  max-width: 100%;
  height: 100%;
}
/* line 225, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library .container .box {
  height: 100%;
}

/* line 228, ../../app/scss/views/lp/_library.scss */
.wrapper.lp #library,
.wrapper.lp #library .container,
.wrapper.lp #library .box {
  -moz-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -o-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -webkit-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
}

/* line 1, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar {
  z-index: 10;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 6, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .container {
  width: 100%;
}
/* line 9, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .container .events {
  position: relative;
}

/* line 13, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li {
  overflow: hidden;
  position: absolute;
  background-color: #fff;
  -moz-box-shadow: 0 0 12px rgba(51, 48, 45, 0.35);
  -webkit-box-shadow: 0 0 12px rgba(51, 48, 45, 0.35);
  box-shadow: 0 0 12px rgba(51, 48, 45, 0.35);
}
/* line 19, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li > a {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 25, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li .cover {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
}
/* line 35, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li > a:hover .cover, .wrapper.lp #calendar .events > li > a:focus .cover {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -webkit-filter: blur(3px) saturate(0.63);
  filter: blur(3px) saturate(0.63);
}
/* line 41, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li .overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 48, 45, 0.63);
}
/* line 50, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li .content {
  box-sizing: border-box;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
}
/* line 57, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li .content span.date {
  display: block;
}
/* line 60, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li .content span.date span.d {
  color: #fff;
}
/* line 61, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li .content span.date span.m {
  color: #ccc;
}
/* line 67, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li .content h3 {
  color: #f5f4f3;
}
/* line 69, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li .content small.location {
  display: none;
  color: #ccc;
}
/* line 76, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li > a:hover .content, .wrapper.lp #calendar .events > li > a:focus .content {
  bottom: 7px;
}

/* line 79, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li .cover,
.wrapper.lp #calendar .events > li .content,
.wrapper.lp #calendar .events > li .content h3 {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (min-width: 650px) {
  /* line 84, ../../app/scss/views/lp/_calendar.scss */
  .wrapper.lp #calendar .events > li .content small.location {
    display: block;
  }
}
/* line 90, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li:nth-child(1) {
  top: 0;
  right: 0;
  width: 100%;
  height: 48%;
}
/* line 96, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li:nth-child(1) .content {
  padding: 0 21px 14px;
}
/* line 99, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li:nth-child(1) .content span.date {
  line-height: 42px;
}
/* line 102, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li:nth-child(1) .content span.date span.d {
  font-size: 35px;
}
/* line 105, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li:nth-child(1) .content h3 {
  font-size: 21px;
  line-height: 28px;
}
/* line 110, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li:nth-child(1) .content small.location {
  font-size: 18px;
}
/* line 115, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li:nth-child(2), .wrapper.lp #calendar .events > li:nth-child(3) {
  width: 100%;
  height: 22%;
}
/* line 120, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li:nth-child(2) .content, .wrapper.lp #calendar .events > li:nth-child(3) .content {
  padding: 0 21px 7px;
}
/* line 123, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li:nth-child(2) .content span.date, .wrapper.lp #calendar .events > li:nth-child(3) .content span.date {
  line-height: 28px;
}
/* line 126, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li:nth-child(2) .content span.date span.d, .wrapper.lp #calendar .events > li:nth-child(3) .content span.date span.d {
  font-size: 26px;
}
/* line 129, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li:nth-child(2) .content h3, .wrapper.lp #calendar .events > li:nth-child(3) .content h3 {
  font-size: 16px;
  line-height: 21px;
}
/* line 137, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li:nth-child(2) {
  top: 52%;
  left: 0;
}
/* line 143, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li:nth-child(3) {
  left: 0;
  bottom: 0;
}

@media (min-width: 650px) {
  /* line 153, ../../app/scss/views/lp/_calendar.scss */
  .wrapper.lp #calendar .events > li:nth-child(1) {
    width: 58%;
    height: 100%;
  }
  /* line 157, ../../app/scss/views/lp/_calendar.scss */
  .wrapper.lp #calendar .events > li:nth-child(1) .content {
    padding: 0 56px 42px;
  }
  /* line 160, ../../app/scss/views/lp/_calendar.scss */
  .wrapper.lp #calendar .events > li:nth-child(1) .content h3 {
    font-size: 24px;
    line-height: 35px;
  }
  /* line 168, ../../app/scss/views/lp/_calendar.scss */
  .wrapper.lp #calendar .events > li:nth-child(2), .wrapper.lp #calendar .events > li:nth-child(3) {
    width: 38%;
    height: 45.5%;
  }
  /* line 173, ../../app/scss/views/lp/_calendar.scss */
  .wrapper.lp #calendar .events > li:nth-child(2) .content, .wrapper.lp #calendar .events > li:nth-child(3) .content {
    padding: 0 42px 21px;
  }
  /* line 176, ../../app/scss/views/lp/_calendar.scss */
  .wrapper.lp #calendar .events > li:nth-child(2) .content h3, .wrapper.lp #calendar .events > li:nth-child(3) .content h3 {
    font-size: 18px;
    line-height: 28px;
  }
  /* line 184, ../../app/scss/views/lp/_calendar.scss */
  .wrapper.lp #calendar .events > li:nth-child(2) {
    top: 0;
  }
}
/* line 191, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp.calendar #calendar {
  right: 0;
  height: 315px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 197, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp.calendar #calendar .container {
  max-width: 780px;
  height: 315px;
}
/* line 201, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp.calendar #calendar .container .events {
  height: 315px;
}
/* line 204, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp.calendar #calendar .events > li:nth-child(2),
.wrapper.lp.calendar #calendar .events > li:nth-child(3),
.wrapper.lp.calendar #calendar .events > li:nth-child(1) {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

/* line 208, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp.calendar #calendar,
.wrapper.lp.calendar #calendar .container,
.wrapper.lp.calendar #calendar .events {
  -moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.4s;
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}

/* line 212, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp.calendar #calendar .events > li:nth-child(1) {
  -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.8s;
  -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.8s;
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.8s;
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.8s;
}
/* line 213, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp.calendar #calendar .events > li:nth-child(2) {
  -moz-transition: all 0.84s cubic-bezier(0.19, 1, 0.22, 1) 0.84s;
  -o-transition: all 0.84s cubic-bezier(0.19, 1, 0.22, 1) 0.84s;
  -webkit-transition: all 0.84s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.84s;
  transition: all 0.84s cubic-bezier(0.19, 1, 0.22, 1) 0.84s;
}
/* line 214, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp.calendar #calendar .events > li:nth-child(3) {
  -moz-transition: all 0.88s cubic-bezier(0.19, 1, 0.22, 1) 0.88s;
  -o-transition: all 0.88s cubic-bezier(0.19, 1, 0.22, 1) 0.88s;
  -webkit-transition: all 0.88s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.88s;
  transition: all 0.88s cubic-bezier(0.19, 1, 0.22, 1) 0.88s;
}

@media (min-width: 650px) {
  /* line 219, ../../app/scss/views/lp/_calendar.scss */
  .wrapper.lp.calendar #calendar .events > li:nth-child(2) {
    -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.8s;
    -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.8s;
    -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-delay: 0.8s;
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.8s;
  }
  /* line 220, ../../app/scss/views/lp/_calendar.scss */
  .wrapper.lp.calendar #calendar .events > li:nth-child(3) {
    -moz-transition: all 0.84s cubic-bezier(0.19, 1, 0.22, 1) 0.84s;
    -o-transition: all 0.84s cubic-bezier(0.19, 1, 0.22, 1) 0.84s;
    -webkit-transition: all 0.84s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-delay: 0.84s;
    transition: all 0.84s cubic-bezier(0.19, 1, 0.22, 1) 0.84s;
  }
  /* line 221, ../../app/scss/views/lp/_calendar.scss */
  .wrapper.lp.calendar #calendar .events > li:nth-child(1) {
    -moz-transition: all 0.88s cubic-bezier(0.19, 1, 0.22, 1) 0.88s;
    -o-transition: all 0.88s cubic-bezier(0.19, 1, 0.22, 1) 0.88s;
    -webkit-transition: all 0.88s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-delay: 0.88s;
    transition: all 0.88s cubic-bezier(0.19, 1, 0.22, 1) 0.88s;
  }
}
/* line 227, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp.contacts #calendar {
  top: -350%;
  right: 0;
}
/* line 231, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp.contacts #calendar .events > li:nth-child(2),
.wrapper.lp.contacts #calendar .events > li:nth-child(3),
.wrapper.lp.contacts #calendar .events > li:nth-child(1) {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

/* line 236, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar {
  right: -400%;
  height: 100%;
}
/* line 240, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .container {
  max-width: 100%;
  height: 100%;
}
/* line 244, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .container .events {
  height: 100%;
}
/* line 248, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li:nth-child(1) {
  -moz-transform: translateX(220px);
  -ms-transform: translateX(220px);
  -webkit-transform: translateX(220px);
  transform: translateX(220px);
}
/* line 249, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li:nth-child(2) {
  -moz-transform: translateX(440px);
  -ms-transform: translateX(440px);
  -webkit-transform: translateX(440px);
  transform: translateX(440px);
}
/* line 250, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar .events > li:nth-child(3) {
  -moz-transform: translateX(660px);
  -ms-transform: translateX(660px);
  -webkit-transform: translateX(660px);
  transform: translateX(660px);
}

/* line 253, ../../app/scss/views/lp/_calendar.scss */
.wrapper.lp #calendar,
.wrapper.lp #calendar .container,
.wrapper.lp #calendar .events,
.wrapper.lp #calendar .events > li {
  -moz-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -o-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -webkit-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
}

@media (min-width: 650px) {
  /* line 260, ../../app/scss/views/lp/_calendar.scss */
  .wrapper.lp #calendar .events > li:nth-child(2) {
    -moz-transform: translateX(220px);
    -ms-transform: translateX(220px);
    -webkit-transform: translateX(220px);
    transform: translateX(220px);
  }
  /* line 261, ../../app/scss/views/lp/_calendar.scss */
  .wrapper.lp #calendar .events > li:nth-child(3) {
    -moz-transform: translateX(440px);
    -ms-transform: translateX(440px);
    -webkit-transform: translateX(440px);
    transform: translateX(440px);
  }
  /* line 262, ../../app/scss/views/lp/_calendar.scss */
  .wrapper.lp #calendar .events > li:nth-child(1) {
    -moz-transform: translateX(660px);
    -ms-transform: translateX(660px);
    -webkit-transform: translateX(660px);
    transform: translateX(660px);
  }
}
/* line 1, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts {
  z-index: 13;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 6, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts .container {
  width: 100%;
}

/* line 11, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts h2 {
  font-size: 21px;
  line-height: 28px;
  margin-bottom: 7px;
}
/* line 17, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts ul > li {
  box-sizing: border-box;
  position: relative;
  margin-bottom: 4px;
  padding-right: 35px;
}
/* line 23, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts ul > li:last-child {
  margin-bottom: 0;
}
/* line 25, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts ul > li svg {
  display: block;
  position: absolute;
  top: 1px;
  right: 5px;
  width: 18px;
  height: 18px;
}
/* line 34, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts ul > li:first-child svg {
  top: 0;
  right: 3px;
  width: 22px;
  height: 22px;
}
/* line 41, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts ul > li p {
  font-size: 13px;
  line-height: 21px;
}
/* line 45, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts ul > li p a {
  display: inline;
  color: #666059;
}
/* line 49, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts ul > li p a:hover, .wrapper.lp #contacts ul > li p a:focus {
  color: #e29c45;
}
/* line 55, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts .partners {
  height: 70px;
  margin-top: 14px;
  margin-bottom: 21px;
}
/* line 60, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts .partners > * {
  display: block;
  float: right;
}
/* line 65, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts .partners span {
  width: 100%;
  margin-bottom: 7px;
  line-height: 21px;
}
/* line 71, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts .partners img {
  height: 42px;
}
/* line 73, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts .partners .border {
  width: 1px;
  height: 42px;
  margin-right: 28px;
  margin-left: 28px;
  background-color: rgba(51, 48, 45, 0.28);
}

/* line 82, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts h2,
.wrapper.lp #contacts ul > li svg,
.wrapper.lp #contacts ul > li p,
.wrapper.lp #contacts .partners,
.wrapper.lp #contacts .partners span,
.wrapper.lp #contacts .partners img,
.wrapper.lp #contacts .partners .border {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 400px) {
  /* line 91, ../../app/scss/views/lp/_contacts.scss */
  .wrapper.lp #contacts .partners {
    height: 42px;
  }
  /* line 94, ../../app/scss/views/lp/_contacts.scss */
  .wrapper.lp #contacts .partners span {
    width: auto;
    margin: 0;
    margin-top: 21px;
    margin-left: 28px;
  }
}
@media (min-width: 550px) {
  /* line 103, ../../app/scss/views/lp/_contacts.scss */
  .wrapper.lp #contacts .partners {
    height: 70px;
  }
  /* line 106, ../../app/scss/views/lp/_contacts.scss */
  .wrapper.lp #contacts .partners span {
    width: 100%;
    margin: 0;
    margin-bottom: 7px;
  }
}
@media (min-width: 750px) {
  /* line 115, ../../app/scss/views/lp/_contacts.scss */
  .wrapper.lp #contacts h2 {
    font-size: 26px;
    line-height: 35px;
  }
  /* line 121, ../../app/scss/views/lp/_contacts.scss */
  .wrapper.lp #contacts ul > li svg {
    top: 5px;
  }
  /* line 122, ../../app/scss/views/lp/_contacts.scss */
  .wrapper.lp #contacts ul > li:first-child svg {
    top: 3px;
  }
  /* line 124, ../../app/scss/views/lp/_contacts.scss */
  .wrapper.lp #contacts ul > li p {
    font-size: 14px;
    line-height: 28px;
  }
  /* line 130, ../../app/scss/views/lp/_contacts.scss */
  .wrapper.lp #contacts .partners {
    height: 56px;
    margin: 0;
    margin-top: 56px;
  }
  /* line 135, ../../app/scss/views/lp/_contacts.scss */
  .wrapper.lp #contacts .partners span {
    width: auto;
    margin: 0;
    margin-top: 28px;
    margin-left: 35px;
    line-height: 28px;
  }
  /* line 143, ../../app/scss/views/lp/_contacts.scss */
  .wrapper.lp #contacts .partners img {
    height: 56px;
  }
  /* line 145, ../../app/scss/views/lp/_contacts.scss */
  .wrapper.lp #contacts .partners .border {
    height: 56px;
    margin-right: 35px;
    margin-left: 35px;
  }
}
/* line 155, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts .panel {
  margin: 0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
/* line 159, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts .panel > section {
  padding: 28px 21px;
}
/* line 162, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts .panel > section .form-item.fancy label {
  font-size: 13px;
}
/* line 163, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts .panel > section .form-item:nth-child(3) {
  margin-bottom: 35px;
}
/* line 164, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts .panel > section textarea.field {
  height: 71px;
}
/* line 166, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts .panel > section input.button[type='submit'] {
  display: block;
  width: 100%;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}

/* line 175, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts .panel > section {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (max-width: 749px) {
  /* line 178, ../../app/scss/views/lp/_contacts.scss */
  .wrapper.lp #contacts .panel > section {
    padding: 21px 14px;
  }
  /* line 181, ../../app/scss/views/lp/_contacts.scss */
  .wrapper.lp #contacts .panel > section .form-item {
    margin-bottom: 7px;
  }
  /* line 182, ../../app/scss/views/lp/_contacts.scss */
  .wrapper.lp #contacts .panel > section .form-item:nth-child(3) {
    margin-bottom: 21px;
  }
  /* line 183, ../../app/scss/views/lp/_contacts.scss */
  .wrapper.lp #contacts .panel > section textarea.field {
    height: 36px;
  }
}
/* line 190, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp.contacts #contacts {
  top: 50%;
  height: 525px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
/* line 196, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp.contacts #contacts .container {
  max-width: 1000px;
}
/* line 197, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp.contacts #contacts .panel {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* line 199, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp.contacts #contacts,
.wrapper.lp.contacts #contacts .container {
  -moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.4s;
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}

/* line 201, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp.contacts #contacts .panel {
  -moz-transition: all 1.08s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
  -o-transition: all 1.08s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
  -webkit-transition: all 1.08s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.6s;
  transition: all 1.08s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
}

@media (min-width: 400px) {
  /* line 204, ../../app/scss/views/lp/_contacts.scss */
  .wrapper.lp.contacts #contacts {
    height: 476px;
  }
}
@media (min-width: 550px) {
  /* line 208, ../../app/scss/views/lp/_contacts.scss */
  .wrapper.lp.contacts #contacts {
    height: 290px;
  }
}
@media (min-width: 750px) {
  /* line 212, ../../app/scss/views/lp/_contacts.scss */
  .wrapper.lp.contacts #contacts {
    height: 241px;
    margin-top: -56.5px;
  }
  /* line 216, ../../app/scss/views/lp/_contacts.scss */
  .wrapper.lp.contacts #contacts .container {
    height: 241px;
  }
  /* line 219, ../../app/scss/views/lp/_contacts.scss */
  .wrapper.lp.contacts #contacts .container > .row {
    height: 241px;
  }
}
/* line 226, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp.footer #contacts {
  top: -450%;
}
/* line 229, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp.footer #contacts .panel {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* line 231, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts {
  top: 350%;
  height: 100%;
}
/* line 235, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts .container {
  max-width: 100%;
  height: 100%;
}
/* line 239, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts .container > .row {
  height: 100%;
}
/* line 242, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts .panel {
  -moz-transform: translateY(440px);
  -ms-transform: translateY(440px);
  -webkit-transform: translateY(440px);
  transform: translateY(440px);
}

/* line 244, ../../app/scss/views/lp/_contacts.scss */
.wrapper.lp #contacts,
.wrapper.lp #contacts .container,
.wrapper.lp #contacts .panel {
  -moz-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -o-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -webkit-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
}

/* line 1, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer {
  z-index: 12;
  box-sizing: border-box;
  position: fixed;
  right: 0;
  width: 100%;
  height: 302px;
  padding: 0 20px;
  padding-top: 35px;
  background-color: #33302d;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}
/* line 14, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer .container {
  width: 100%;
  height: 100%;
  padding: 0;
}

@media (min-width: 420px) {
  /* line 22, ../../app/scss/views/lp/partials/_footer.scss */
  .wrapper.lp #footer {
    height: 260px;
  }
}
@media (min-width: 440px) {
  /* line 25, ../../app/scss/views/lp/partials/_footer.scss */
  .wrapper.lp #footer {
    height: 232px;
  }
}
@media (min-width: 600px) {
  /* line 28, ../../app/scss/views/lp/partials/_footer.scss */
  .wrapper.lp #footer {
    height: 204px;
  }
}
/* line 32, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer .top {
  margin-bottom: 28px;
}
/* line 35, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer .top .credit {
  box-sizing: border-box;
  position: relative;
  height: 63px;
  margin-bottom: 14px;
  padding-right: 69px;
}
/* line 42, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer .top .credit .logo {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
/* line 49, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer .top .credit span.copyright,
.wrapper.lp #footer .top .credit small {
  display: block;
  line-height: 21px;
}
/* line 56, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer .top .credit span.copyright {
  font-size: 13px;
  color: #a9a6a3;
}
/* line 61, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer .top .credit small {
  font-size: 12px;
  color: #8b8987;
}
/* line 67, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer .top p {
  height: 42px;
  font-size: 13px;
  line-height: 21px;
  color: #a9a6a3;
}

/* line 74, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer .top .credit {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 420px) {
  /* line 77, ../../app/scss/views/lp/partials/_footer.scss */
  .wrapper.lp #footer .top .credit {
    height: 42px;
  }
}
/* line 81, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer .bottom {
  padding: 7px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
/* line 85, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer .bottom ul.blocks-inline > li {
  width: 50%;
  text-align: center;
}
/* line 89, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer .bottom ul.blocks-inline > li a {
  font-size: 13px;
  line-height: 28px;
  color: #a9a6a3;
}
/* line 94, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer .bottom ul.blocks-inline > li a:hover, .wrapper.lp #footer .bottom ul.blocks-inline > li a:focus {
  color: #e29c45;
}
/* line 99, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer .bottom .nav-left ul.blocks-inline {
  width: 140px;
  margin: 0 auto;
}
/* line 104, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer .bottom .nav-left ul.blocks-inline > li {
  width: 35px;
  height: 28px;
}
/* line 108, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer .bottom .nav-left ul.blocks-inline > li a {
  height: 28px;
}
/* line 111, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer .bottom .nav-left ul.blocks-inline > li a svg {
  display: block;
  width: 18px;
  height: 18px;
  padding: 5px 8px;
  fill: #a9a6a3;
}
/* line 119, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer .bottom .nav-left ul.blocks-inline > li a:hover, .wrapper.lp #footer .bottom .nav-left ul.blocks-inline > li a:focus {
  fill: #f5f4f3;
}
/* line 122, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer .bottom .nav-left ul.blocks-inline > li a[class*="hint--"]:after {
  background: #fff;
  color: #33302d;
}
/* line 123, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer .bottom .nav-left ul.blocks-inline > li a.hint--top:before {
  border-top-color: #fff;
}

/* line 127, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer .bottom ul.blocks-inline > li {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 440px) {
  /* line 130, ../../app/scss/views/lp/partials/_footer.scss */
  .wrapper.lp #footer .bottom ul.blocks-inline > li {
    width: 25%;
  }
}
@media (min-width: 600px) {
  /* line 134, ../../app/scss/views/lp/partials/_footer.scss */
  .wrapper.lp #footer .bottom .nav-right {
    float: right;
  }
  /* line 135, ../../app/scss/views/lp/partials/_footer.scss */
  .wrapper.lp #footer .bottom .nav-left {
    float: left;
  }
  /* line 137, ../../app/scss/views/lp/partials/_footer.scss */
  .wrapper.lp #footer .bottom ul.blocks-inline > li {
    width: auto;
    margin-left: 28px;
    text-align: right;
  }
  /* line 143, ../../app/scss/views/lp/partials/_footer.scss */
  .wrapper.lp #footer .bottom ul.blocks-inline > li:last-child,
  .wrapper.lp #footer .bottom .nav-left ul.blocks-inline > li {
    margin-left: 0;
  }
}
@media (max-width: 749px) {
  /* line 152, ../../app/scss/views/lp/partials/_footer.scss */
  .wrapper.lp.footer #footer {
    bottom: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
  }

  /* line 157, ../../app/scss/views/lp/partials/_footer.scss */
  .wrapper.lp.footer #footer {
    -moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
    -o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
    -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-delay: 0.4s;
    transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  }
}
@media (min-width: 750px) {
  /* line 160, ../../app/scss/views/lp/partials/_footer.scss */
  .wrapper.lp.contacts #footer {
    bottom: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
  }

  /* line 165, ../../app/scss/views/lp/partials/_footer.scss */
  .wrapper.lp.contacts #footer {
    -moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
    -o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
    -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-delay: 0.4s;
    transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
  }
}
/* line 170, ../../app/scss/views/lp/partials/_footer.scss */
.wrapper.lp #footer {
  bottom: -250%;
  -moz-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -o-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  -webkit-transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
  transition: all 0.4s cubic-bezier(1, 0.22, 1, 0.19);
}