@charset "UTF-8";
.search__placeholder, .search__size-tester, .background { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.awards-summary { text-align: justify; text-justify: distribute; line-height: 1; margin-bottom: -1em; }
.awards-summary > * { display: inline-block; position: relative; text-align: left; vertical-align: top; }
.awards-summary:after { content: ''; display: inline-block; width: 100%; }

.button { position: relative; display: inline-block; box-sizing: border-box; vertical-align: middle; outline: none; border: none; text-align: center; text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/*! 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. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
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. */
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. */
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. */
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. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

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

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

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

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

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

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

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

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

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

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
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. */
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. */
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. */
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. */
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. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
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. */
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. */
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`. */
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). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 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). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

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

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

/** Remove default vertical scrollbar in IE 8/9/10/11. */
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. */
optgroup { font-weight: bold; }

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

td, th { padding: 0; }

::-ms-clear { display: none; }

/*@font-face { font-family: 'FuturaPT'; src: url('fonts/ParaTypeFuturaPTBold.eot'); src: url('fonts/ParaTypeFuturaPTBold.eot') format('embedded-opentype'), url('fonts/ParaTypeFuturaPTBold.woff2') format('woff2'), url('fonts/ParaTypeFuturaPTBold.woff') format('woff'), url('fonts/ParaTypeFuturaPTBold.ttf') format('truetype'), url('fonts/ParaTypeFuturaPTBold.svg#ParaTypeFuturaPTBold') format('svg'); font-style: normal; font-weight: 700;
}*/
@font-face { font-family: 'FuturaPT'; src: url("fonts/ParaTypeFuturaPTDemi.eot"); src: url("fonts/ParaTypeFuturaPTDemi.eot") format("embedded-opentype"), url("fonts/ParaTypeFuturaPTDemi.woff2") format("woff2"), url("fonts/ParaTypeFuturaPTDemi.woff") format("woff"), url("fonts/ParaTypeFuturaPTDemi.ttf") format("truetype"), url("fonts/ParaTypeFuturaPTDemi.svg#ParaTypeFuturaPTDemi") format("svg"); font-style: normal; font-weight: 600; }
@font-face { font-family: 'FuturaPT'; src: url("fonts/ParaTypeFuturaPTBook.eot") format("embedded-opentype"), url("fonts/ParaTypeFuturaPTBook.woff2") format("woff2"), url("fonts/ParaTypeFuturaPTBook.woff") format("woff"), url("fonts/ParaTypeFuturaPTBook.ttf") format("truetype"), url("fonts/ParaTypeFuturaPTBook.svg#ParaTypeFuturaPTBook") format("svg"); font-style: normal; font-weight: 400; }
@font-face { font-family: 'FuturaPT'; src: url("fonts/ParaTypeFuturaPTLight.eot"); src: url("fonts/ParaTypeFuturaPTLight.eot") format("embedded-opentype"), url("fonts/ParaTypeFuturaPTLight.woff2") format("woff2"), url("fonts/ParaTypeFuturaPTLight.woff") format("woff"), url("fonts/ParaTypeFuturaPTLight.ttf") format("truetype"), url("fonts/ParaTypeFuturaPTLight.svg#ParaTypeFuturaPTLight") format("svg"); font-style: normal; font-weight: 200; }
html { font-size: 10px; overflow-y: scroll; height: 100%; }
@media only screen and (max-width: 1200px) { html { font-size: 9px; } }
@media only screen and (max-width: 800px) { html { font-size: 8px; } }
@media only screen and (max-width: 600px) { html { font-size: 8px; } }
@media only screen and (max-width: 320px) { html { font-size: 7px; } }

body { position: relative; font-family: "FuturaPT", sans-serif; line-height: 1.3; color: #333333; min-height: 100%; box-sizing: border-box; }

a { color: #0084ff; }

a:hover { color: #0084ff; }

a:active { color: #0084ff; }

::-moz-selection { background: #cccccc; }

::selection { background: #cccccc; }

.is_no-transition { transition: none !important; }

html .is_vertical { display: none; }

html.is_vertical .is_vertical { display: block; }
html.is_vertical .is_horizontal { display: none; }

.row { margin-left: -1em; margin-right: -1em; box-sizing: border-box; }

.col, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 1em; padding-right: 1em; box-sizing: border-box; }

.col, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-pull-11 { right: 91.66666667%; }

.col-xs-pull-10 { right: 83.33333333%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-8 { right: 66.66666667%; }

.col-xs-pull-7 { right: 58.33333333%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-5 { right: 41.66666667%; }

.col-xs-pull-4 { right: 33.33333333%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-2 { right: 16.66666667%; }

.col-xs-pull-1 { right: 8.33333333%; }

.col-xs-pull-0 { right: auto; }

.col-xs-push-12 { left: 100%; }

.col-xs-push-11 { left: 91.66666667%; }

.col-xs-push-10 { left: 83.33333333%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-8 { left: 66.66666667%; }

.col-xs-push-7 { left: 58.33333333%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-5 { left: 41.66666667%; }

.col-xs-push-4 { left: 33.33333333%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-2 { left: 16.66666667%; }

.col-xs-push-1 { left: 8.33333333%; }

.col-xs-push-0 { left: auto; }

.col-xs-offset-12 { margin-left: 100%; }

.col-xs-offset-11 { margin-left: 91.66666667%; }

.col-xs-offset-10 { margin-left: 83.33333333%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-8 { margin-left: 66.66666667%; }

.col-xs-offset-7 { margin-left: 58.33333333%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-5 { margin-left: 41.66666667%; }

.col-xs-offset-4 { margin-left: 33.33333333%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-2 { margin-left: 16.66666667%; }

.col-xs-offset-1 { margin-left: 8.33333333%; }

.col-xs-offset-0 { margin-left: 0%; }

@media (min-width: 768px) { .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-pull-11 { right: 91.66666667%; }
  .col-sm-pull-10 { right: 83.33333333%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-8 { right: 66.66666667%; }
  .col-sm-pull-7 { right: 58.33333333%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-5 { right: 41.66666667%; }
  .col-sm-pull-4 { right: 33.33333333%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-2 { right: 16.66666667%; }
  .col-sm-pull-1 { right: 8.33333333%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-push-11 { left: 91.66666667%; }
  .col-sm-push-10 { left: 83.33333333%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-8 { left: 66.66666667%; }
  .col-sm-push-7 { left: 58.33333333%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-5 { left: 41.66666667%; }
  .col-sm-push-4 { left: 33.33333333%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-2 { left: 16.66666667%; }
  .col-sm-push-1 { left: 8.33333333%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-offset-12 { margin-left: 100%; }
  .col-sm-offset-11 { margin-left: 91.66666667%; }
  .col-sm-offset-10 { margin-left: 83.33333333%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-8 { margin-left: 66.66666667%; }
  .col-sm-offset-7 { margin-left: 58.33333333%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-5 { margin-left: 41.66666667%; }
  .col-sm-offset-4 { margin-left: 33.33333333%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-2 { margin-left: 16.66666667%; }
  .col-sm-offset-1 { margin-left: 8.33333333%; }
  .col-sm-offset-0 { margin-left: 0%; } }
@media (min-width: 992px) { .col, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-pull-11 { right: 91.66666667%; }
  .col-md-pull-10 { right: 83.33333333%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-8 { right: 66.66666667%; }
  .col-md-pull-7 { right: 58.33333333%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-5 { right: 41.66666667%; }
  .col-md-pull-4 { right: 33.33333333%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-2 { right: 16.66666667%; }
  .col-md-pull-1 { right: 8.33333333%; }
  .col-md-pull-0 { right: auto; }
  .col-md-push-12 { left: 100%; }
  .col-md-push-11 { left: 91.66666667%; }
  .col-md-push-10 { left: 83.33333333%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-8 { left: 66.66666667%; }
  .col-md-push-7 { left: 58.33333333%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-5 { left: 41.66666667%; }
  .col-md-push-4 { left: 33.33333333%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-2 { left: 16.66666667%; }
  .col-md-push-1 { left: 8.33333333%; }
  .col-md-push-0 { left: auto; }
  .col-md-offset-12 { margin-left: 100%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-8 { margin-left: 66.66666667%; }
  .col-md-offset-7 { margin-left: 58.33333333%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-5 { margin-left: 41.66666667%; }
  .col-md-offset-4 { margin-left: 33.33333333%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-2 { margin-left: 16.66666667%; }
  .col-md-offset-1 { margin-left: 8.33333333%; }
  .col-md-offset-0 { margin-left: 0%; } }
@media (min-width: 1200px) { .col, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-pull-11 { right: 91.66666667%; }
  .col-lg-pull-10 { right: 83.33333333%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-8 { right: 66.66666667%; }
  .col-lg-pull-7 { right: 58.33333333%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-5 { right: 41.66666667%; }
  .col-lg-pull-4 { right: 33.33333333%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-2 { right: 16.66666667%; }
  .col-lg-pull-1 { right: 8.33333333%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-push-11 { left: 91.66666667%; }
  .col-lg-push-10 { left: 83.33333333%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-8 { left: 66.66666667%; }
  .col-lg-push-7 { left: 58.33333333%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-5 { left: 41.66666667%; }
  .col-lg-push-4 { left: 33.33333333%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-2 { left: 16.66666667%; }
  .col-lg-push-1 { left: 8.33333333%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-offset-12 { margin-left: 100%; }
  .col-lg-offset-11 { margin-left: 91.66666667%; }
  .col-lg-offset-10 { margin-left: 83.33333333%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-8 { margin-left: 66.66666667%; }
  .col-lg-offset-7 { margin-left: 58.33333333%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-5 { margin-left: 41.66666667%; }
  .col-lg-offset-4 { margin-left: 33.33333333%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-2 { margin-left: 16.66666667%; }
  .col-lg-offset-1 { margin-left: 8.33333333%; }
  .col-lg-offset-0 { margin-left: 0%; } }
.row:before, .row:after { content: " "; display: table; }

.row:after { clear: both; }

body { padding: 6em 0; background-position: center center; background-size: cover; background-attachment: fixed; transition: background-color 0.3s; padding-bottom: 18%; }
body.is_content { padding-bottom: 6em; }
@media only screen and (max-width: 768px) { body { padding: 3em 0 !important; } }

.container { position: relative; padding: 0 12em; }
@media only screen and (max-width: 1200px) { .container { padding: 0 9em; } }
@media only screen and (max-width: 800px) { .container { padding: 0 6em; } }
@media only screen and (max-width: 600px) { .container { padding: 0 3em; } }

.logo { position: relative; display: inline-block; margin-bottom: 3em; transition: color 0.3s; cursor: pointer; width: 24.9em; height: 4.2em; background: url("/img/logo.png") top left; background-size: contain; font-size: 0.5em; }

.lang-switcher { position: relative; }
.lang-switcher__wrapper { position: absolute; top: 0; right: 0; }
.lang-switcher__item { color: #000; font-size: 2.0em; display: inline-block; width: 1.8em; height: 1.8em; line-height: 1.8em; border-radius: 50%; background: #fff; border: 1px solid #000; margin-right: 0.25em; text-transform: uppercase; text-align: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.en .lang-switcher__item_en, .ru .lang-switcher__item_ru { color: #fff; background: #000; border: 1px solid #fff; }

.is_en, .is_ru { display: none; }

.en .is_en, .ru .is_ru { display: block; }

.search { position: relative; }
.search__input { width: 90%; padding: 0; box-sizing: border-box; border: none; outline: none; background: none; color: #0084ff; font-weight: 200; transition: color 0.3s; }
.search__input:focus + .search__candidates { display: block; }
.search__candidates { display: none; position: absolute; top: 100%; left: 0; right: 0; border: 1px solid #999; background: #ffffff; }
.search__placeholder, .search__size-tester { padding: 0; z-index: -1; border: none; overflow: hidden; white-space: nowrap; font-weight: 200; opacity: 0.3; bottom: auto; }
.search__text { position: relative; height: 16rem; }
.search__size-tester { z-index: -2; visibility: hidden; font-size: 12em; }
.search__tip { font-size: 1.4em; line-height: 1.5; margin-top: 1em; }
@media only screen and (max-width: 768px) { .search__tip { font-size: 1.8em; } }
.search__clear { font-size: 4.2em; position: absolute; top: 1.4285714286em; line-height: 1; cursor: pointer; padding: 0 0.5em; display: none; transition: color 0.3s; padding-left: 2em; }
@media only screen and (max-width: 600px) { .search__clear { padding-left: 1em; } }

.search-candidates:hover .search-candidates__item.is_active { background: none; }
.search-candidates:hover .search-candidates__item:hover { background: #cce0f2; }
.search-candidates__item { font-size: 16px; padding: 5px 10px; cursor: pointer; }
.search-candidates__item:hover, .search-candidates__item.is_active { background: #cce0f2; }

.queries { margin: 3em 0; display: none; }

.query { display: block; position: relative; cursor: pointer; color: #333333; text-decoration: none; }
.query:hover { background: rgba(0, 132, 255, 0.5); }
.query.is_active { background: #0084ff; }
.query:hover, .query.is_active { color: #ffffff; }
.query:hover .query__lang:before, .query.is_active .query__lang:before { color: #ffffff; }
.query:hover .query__text, .query.is_active .query__text { text-decoration: none; }
.query.is_active .query__enter { display: inline; }
.query_ru .query__lang:before { content: 'Ru'; color: #0084ff; }
.query_en .query__lang:before { content: 'En'; color: #ff272e; }
.query__lang { position: relative; }
.query__lang:before { display: block; position: absolute; top: 0; left: -2em; font-size: 1.2em; line-height: 4.2133333333em; margin-right: -8.9166666667em; opacity: 0.36; }
@media only screen and (max-width: 600px) { .query__lang:before { left: -1.8em; } }
.query__container { position: relative; }
.query__text { font-size: 3.2em; line-height: 1.40625em; text-decoration: underline; }
.query__emoji { font-size: 2em; margin-right: 0.5em; }
.query__enter { position: relative; top: 0.125em; padding-left: 0.3125em; font-size: 3.2em; display: none; }
.query__type { opacity: 0.5; font-size: 2em; text-underline: none; padding-left: 0.5em; }

.content { font-size: 2.1em; transition: color 0.3s; }
.content.worker h1 { max-width: 50%; }
@media only screen and (max-width: 768px) { .content.worker h1 { max-width: none; } }
.content.worker p { max-width: 50%; }
@media only screen and (max-width: 768px) { .content.worker p { max-width: none; } }
.content h1 { font-size: 1.5238095238em; font-weight: normal; }
.content h1 img { height: 0.8em; width: auto; vertical-align: baseline; padding-right: 0.2em; }
.content h3 { font-weight: 600; text-transform: uppercase; font-size: 0.7em; letter-spacing: 0.5em; margin-top: 4em; }
.content img { max-width: 100%; }
.content a[href^="https://www.facebook.com"]:before, .content a[href^="http://www.facebook.com"]:before, .content a[href^="https://www.instagram.com"]:before, .content a[href^="https://twitter.com/"]:before { position: relative; top: 0.15em; content: ''; display: inline-block; background-repeat: no-repeat; background-size: auto 100%; width: 0.9em; height: 0.9em; padding-right: 0.3em; }
.content a:hover { color: #0084ff; }
.content a[href^=http]:after { content: '↗'; text-decoration: none; display: inline-block; }
.content a[href^="https://www.facebook.com"]:before, .content a[href^="http://www.facebook.com"]:before { background-image: url("../img/social/fb.svg"); content: ''; }
.content a[href^="https://www.facebook.com"]:after, .content a[href^="http://www.facebook.com"]:after { content: ''; }
.content a[href^="https://www.instagram.com"]:before { background-image: url("../img/social/insta.png"); content: ''; }
.content a[href^="https://www.instagram.com"]:after { content: ''; }
.content a[href^="https://twitter.com/"]:before { background-image: url("../img/social/tw.png"); content: ''; }
.content a[href^="https://twitter.com/"]:after { content: ''; }
.content a.no-icon:before { display: none !important; }
.content p { max-width: 40em; }
.content hr { border: none; color: #ffffff; background-color: #ffffff; height: 1px; }
.content .row p { max-width: 30em; }
.content__tags { padding-top: 1em; }
.content__tag { font-size: 0.7619047619em; padding-right: 1em; }
.content__tag:before { content: '#'; }
.content__half { display: inline-block; width: 50%; box-sizing: border-box; vertical-align: top; }
@media only screen and (max-width: 600px) { .content__half { width: 100%; } }
.content ul { margin: 1em 0; padding: 0; }
.content li { position: relative; padding-left: 1.2em; list-style: none; }
.content li:before { position: absolute; top: 0; left: 0; content: '—'; }
.content .is_section { margin-bottom: 5em; }

.credits__item { font-size: 1.1428571429em; padding-right: 1.25em; margin-bottom: 0.2083333333em; }
.credits__item_group .credits__title { display: block; padding-left: 0; margin-bottom: 2px; }
.credits__item_group .credits__title:after { content: ':'; }
.credits__item_group .credits__name { padding-left: 2em; display: inline-block; }
.credits__title { font-size: 0.6em; padding-left: 1em; }

.awards__p, .awards__g, .awards__s, .awards__b, .awards__n { display: inline-block; border-radius: 50%; font-size: 0.5em; width: 1em; height: 1em; border-width: 2px; border-style: solid; margin-right: 0.2em; }

.awards_big { font-size: 2.5em; }
.awards_big .awards__name { padding-right: 0.1em; }
.awards__item { font-size: 0.8em; line-height: 0.9; margin-bottom: 0.4em; }
.awards__name { padding-right: 0.3em; }
.awards__p { border-color: #FEEC00; background: #FEEC00; border-radius: 0; transform: rotate(45deg) scale(0.8); }
.awards__g { border-color: #FFAE00; background: #FFAE00; }
.awards__s { border-color: #D1D9E1; background: #D1D9E1; }
.awards__b { border-color: #C47760; background: #C47760; }
.awards__n { border-color: #D1D9E1; }
.awards__circle-big { position: relative; top: -0.5em; font-size: 0.3em !important; }
.awards__circle-sum { font-size: 1.3em !important; margin-bottom: 0.5em; }

.awards-summary { border-bottom: 1px solid #ffffff; padding: 1em; margin-bottom: 2.380952381em; }
.awards-summary__item { text-align: center; }
.awards-summary__num { font-size: 9vw; }
.awards-summary__title { font-size: 1vw; font-weight: 600; text-transform: uppercase; letter-spacing: 0.25em; line-height: 1.2; }

.pubs__item { font-size: 1.1428571429em; color: inherit; }

.embed { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 56.25%; }
.embed iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.preview-col { display: table-cell; width: 1%; vertical-align: top; }

.preview { display: inline-block; width: 17.619047619em; margin-bottom: 1.1904761905em; text-decoration: none; }
.preview a { text-decoration: none; }
@media only screen and (max-width: 600px) { .preview { width: 100%; margin-right: 0; } }
.preview__header { font-size: 1.5238095238em; margin-bottom: 0.4em; width: 100%; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; }
.preview__image { display: block; width: 100%; }
.preview__tags { white-space: normal; font-size: 0.6666666667em; padding: 0.5em 0; }
.preview__tag { display: inline-block; padding-right: 0.5em; color: #999999; white-space: nowrap; text-decoration: none; }
.preview__tag:before { content: '#'; }

.expand { border-bottom: 1px dashed; border-color: inherit; }
.expand__header { cursor: pointer; font-size: 1.8em; line-height: 2em; }
@media only screen and (max-width: 768px) { .expand__header { font-size: 1.2em; } }
.expand__header a { font-size: 0.5em; }
.expand__header a:before { content: 'Развернуть'; }
.expand__content { display: none; padding-bottom: 1em; }
.expand.is_active .expand__header a:before { content: 'Свернуть'; }
.expand h3 { margin-top: 2em; }

.favorites { position: absolute; bottom: 18%; left: 0; right: 0; }
.favorites .container { max-width: 86em; }
@media only screen and (max-width: 768px) { .favorites { position: relative; bottom: auto; left: auto; right: auto; margin-top: 6em; font-size: 1.2em; } }
.favorites__title { font-size: 3em; color: #000; margin-bottom: 2em; }

.favorites-item { font-size: 1.8em; color: #000000; text-decoration: none; }
.favorites-item:after { content: ' /'; }
.favorites-item:last-child:after { content: ''; }
.favorites-item__text { text-decoration: underline; }

.background { position: fixed; z-index: -1; background-size: cover; background-position: center center; }
.background.is_worker { position: absolute; bottom: auto; height: 100vh; background-position: center top; }
.background__video { position: absolute; }
.background__video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.years-filter { position: relative; max-width: 23.8095238095em; height: 3px; background: #a6aaa9; margin: 3em 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.years-filter__range { position: absolute; top: 0; bottom: 0; background: #0084ff; }
.years-filter__step { position: absolute; top: 50%; cursor: pointer; }
.years-filter__step:hover:before { transform: scale(1.1); }
.years-filter__step:active:before { transform: scale(1); }
.years-filter__step:before { content: ''; display: block; position: absolute; width: 14px; height: 14px; top: -7px; left: -7px; background: #0084ff; border-radius: 50%; transition: all 0.2s; }
.years-filter__step:after { content: ''; display: block; position: absolute; z-index: 1; top: -26px; bottom: -26px; left: -26px; right: -26px; }
.years-filter__step_from { left: 0; }
.years-filter__step_to { right: 0; }
.years-filter__year { color: #a6aaa9; font-size: 14px; position: absolute; text-align: center; top: -26px; left: -26px; right: -26px; line-height: 1; }

.consent { position: fixed; bottom: 0; left: 0; right: 0; background-color: #fff; box-shadow: 0 0 1.6em rgba(0, 0, 0, 0.1); padding: 1.6em; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; gap: 1.6em; z-index: 1000; }
.consent.hidden { display: none; }
@media only screen and (max-width: 1024px) { .consent { -ms-flex-direction: column; flex-direction: column; } }
.consent__text { font-size: 1.4em; }
.consent__button { display: inline-block; font-size: 1.4em; white-space: nowrap; background-color: #0084ff; color: #fff; border: none; padding: 1em 1.6em; }
.consent__button:hover { background-color: #339dff; }
.consent__button:active { background-color: #006acc; }
@media only screen and (max-width: 1024px) { .consent__button { -ms-flex-item-align: center; align-self: center; } }

.button { background: #fb9801; line-height: 2.5; width: 9em; color: #000000; margin: 1em auto; font-weight: bold; border-radius: 0.3em; }
.button:hover { background: #fead31; }

body.is_porkhub { background: #000000 !important; }
body.is_porkhub .background { background: #000000 !important; }
body.is_porkhub .search__clear { color: #ffffff !important; }
body.is_porkhub .logo { color: #ffffff !important; }
body.is_porkhub .logo:after { color: #fb9801 !important; }
body.is_porkhub .logo:before { content: ''; display: block; position: absolute; left: 100%; top: 0.2em; width: 4.5em; height: 1.2em; background: no-repeat url(/img/phlogo.svg) left top; background-size: contain; margin-left: 0.3em; }
body.is_porkhub .search__input, body.is_porkhub .preview__header { color: #fb9801 !important; }
body.is_porkhub .preview__header { color: #ffffff !important; }
body.is_porkhub .preview__tag:hover { color: #fb9801 !important; }
body.is_porkhub .years-filter { display: none !important; }
body.is_porkhub h3 { display: none; }
body.is_porkhub .content.project > * { display: none; }
body.is_porkhub .content.project .article-element[data-type="code"], body.is_porkhub .content.project .porkhub, body.is_porkhub .content.project .button { display: block; }

.pork-tags { margin: 3em 0; }
.pork-tags__title { font-size: 1.52381em; color: #ffffff; margin-bottom: 0.4em; font-weight: 300; }
.pork-tags__item { position: relative; display: inline-block; color: #ffffff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: underline; }
.pork-tags__item:hover { color: #ffffff !important; }
.pork-tags__item:after { display: inline-block; content: '/'; text-decoration: none; margin: 0 0.3em; }
.pork-tags__item:last-child:after { content: ''; }

.pork-people { margin: 2em 0; }
.pork-people .pork-people__title, .pork-people .pork-people__item { display: none; }
.pork-people__title { font-size: 1.52381em; color: #999999; margin-bottom: 0.4em; font-weight: 300; }
.pork-people__item { position: relative; display: inline-block; color: #ffffff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: underline; }
.pork-people__item:after { display: inline-block; content: '/'; text-decoration: none; margin: 0 0.3em; }
.pork-people__item:last-child:after { content: ''; }

body.is_porkhub[type="meat"] .pork-people__title[type="meat"] { display: block; }
body.is_porkhub[type="meat"] .pork-people__item[type="meat"] { display: inline-block; }

body.is_porkhub[type="vegan"] .pork-people__title[type="vegan"] { display: block; }
body.is_porkhub[type="vegan"] .pork-people__item[type="vegan"] { display: inline-block; }

body.is_porkhub .preview-wrapper { display: none; }

.porkhub > * { display: none; }

body.is_porkhub[stage="1"] [stage="1"], body.is_porkhub[stage="2"] [stage="2"], body.is_porkhub[stage="2"] .preview-wrapper { display: block; }