@charset "UTF-8";
::-moz-selection { color: #fff; }
::selection { color: #fff; }

@font-face { font-family: "nowhitespace"; src: url("fonts/nowhitespace.eot"); src: url("fonts/nowhitespace.eot?#iefix") format("embedded-opentype"), url("fonts/nowhitespace.woff") format("woff"), url("fonts/nowhitespace.ttf") format("truetype"), url("fonts/nowhitespace.svg#nowhitespace") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Font Awesome"; src: url("fonts/fontawesome.eot"); src: url("fonts/fontawesome.eot?#iefix") format("embedded-opentype"), url("fonts/fontawesome.woff") format("woff"), url("fonts/fontawesome.ttf") format("truetype"), url("fonts/fontawesome.svg#fontawesome") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "fontawesome"; src: url("fonts/fontawesome_italic.eot"); src: url("fonts/fontawesome_italic.eot?#iefix") format("embedded-opentype"), url("fonts/fontawesome_italic.woff") format("woff"), url("fonts/fontawesome_italic.ttf") format("truetype"), url("fonts/fontawesome_italic.svg#fontawesome") format("svg"); font-weight: font-files("fontawesome.woff", "fontawesome.ttf", "fontawesome.svg"); font-style: italic; }
.wrap--grid { max-width: 864px; margin: 0 auto; padding: 0 48px; }

.grid { margin-left: -48px; font-family: nowhitespace; }

.grid__column { width: 100%; vertical-align: top; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: futura-pt, sans-serif; padding-left: 48px; }

.grid--reverse { direction: rtl; text-align: left; }
.grid--reverse .grid__column { direction: ltr; text-align: left; }

.grid--gapless { padding-left: 48px; }
.grid--gapless .grid { padding-left: 48px; }
.grid--gapless .grid__column { padding: 0; }

.grid--center { text-align: center; }
.grid--center .grid__column { text-align: left; }

.grid img { width: 100%; }

.ie8 .laptop--whole, .ie8 .laptop--hundred { width: 100%; }
.ie8 .laptop--ninety { width: 90%; }
.ie8 .laptop--eighty { width: 80%; }
.ie8 .laptop--quarters { width: 75%; }
.ie8 .laptop--seventy { width: 70%; }
.ie8 .laptop--thirds { width: 66.66666%; }
.ie8 .laptop--sixty { width: 60%; }
.ie8 .laptop--half, .ie8 .laptop--fifty { width: 50%; }
.ie8 .laptop--fourty { width: 40%; }
.ie8 .laptop--third { width: 33.33333%; }
.ie8 .laptop--thirty { width: 30%; }
.ie8 .laptop--quarter { width: 25%; }
.ie8 .laptop--twenty, .ie8 .laptop--fifth { width: 20%; }
.ie8 .laptop--ten { width: 10%; }

@media only screen and (min-width: 1441px) { .wrap--grid { max-width: 1240px; } }
@media only screen and (min-width: 977px) { .laptop--whole, .laptop--hundred { width: 100%; }
  .laptop--ninety { width: 90%; }
  .laptop--eighty { width: 80%; }
  .laptop--quarters { width: 75%; }
  .laptop--seventy { width: 70%; }
  .laptop--thirds { width: 66.66666%; }
  .laptop--sixty { width: 60%; }
  .laptop--half, .laptop--fifty { width: 50%; }
  .laptop--fourty { width: 40%; }
  .laptop--third { width: 33.33333%; }
  .laptop--thirty { width: 30%; }
  .laptop--quarter { width: 25%; }
  .laptop--twenty, .laptop--fifth { width: 20%; }
  .laptop--ten { width: 10%; } }
@media only screen and (min-width: 721px) and (max-width: 976px) { .wrap--grid { max-width: 624px; } }
@media only screen and (min-width: 481px) and (max-width: 976px) { .tablet--whole, .tablet--hundred { width: 100%; }
  .tablet--ninety { width: 90%; }
  .tablet--eighty { width: 80%; }
  .tablet--quarters { width: 75%; }
  .tablet--seventy { width: 70%; }
  .tablet--thirds { width: 66.66666%; }
  .tablet--sixty { width: 60%; }
  .tablet--half, .tablet--fifty { width: 50%; }
  .tablet--fourty { width: 40%; }
  .tablet--third { width: 33.33333%; }
  .tablet--thirty { width: 30%; }
  .tablet--quarter { width: 25%; }
  .tablet--twenty, .tablet--fifth { width: 20%; }
  .tablet--ten { width: 10%; } }
@media only screen and (max-width: 480px) { .wrap--grid { max-width: 100%; }
  .mobile--whole, .mobile--hundred { width: 100%; }
  .mobile--ninety { width: 90%; }
  .mobile--eighty { width: 80%; }
  .mobile--quarters { width: 75%; }
  .mobile--seventy { width: 70%; }
  .mobile--thirds { width: 66.66666%; }
  .mobile--sixty { width: 60%; }
  .mobile--half, .mobile--fifty { width: 50%; }
  .mobile--fourty { width: 40%; }
  .mobile--third { width: 33.33333%; }
  .mobile--thirty { width: 30%; }
  .mobile--quarter { width: 25%; }
  .mobile--twenty, .mobile--fifth { width: 20%; }
  .mobile--ten { width: 10%; } }
@media only screen and (min-width: 1441px) { .desktop--whole, .desktop--hundred { width: 100%; }
  .desktop--ninety { width: 90%; }
  .desktop--eighty { width: 80%; }
  .desktop--quarters { width: 75%; }
  .desktop--seventy { width: 70%; }
  .desktop--thirds { width: 66.66666%; }
  .desktop--sixty { width: 60%; }
  .desktop--half, .desktop--fifty { width: 50%; }
  .desktop--fourty { width: 40%; }
  .desktop--third { width: 33.33333%; }
  .desktop--thirty { width: 30%; }
  .desktop--quarter { width: 25%; }
  .desktop--twenty, .desktop--fifth { width: 20%; }
  .desktop--ten { width: 10%; } }
@media only screen and (min-width: 1441px) { .hide--desktop { display: none !important; visibility: hidden !important; } }

.hide { display: none; visibility: hidden; }

@media only screen and (min-width: 976px) and (max-width: 1441px) { .hide--laptop { display: none !important; visibility: hidden !important; } }

@media only screen and (max-width: 976px) { .hide--tablet-fluid { display: none !important; visibility: hidden !important; } }

@media only screen and (max-width: 720px) { .hide--tablet { display: none !important; visibility: hidden !important; } }

@media only screen and (max-width: 480px) { .hide--mobile { display: none !important; visibility: hidden !important; } }

.group:after { content: ""; display: table; clear: both; }
.group .group__left { float: left; }
.group .group__right { float: right; }
.group > label { float: left; width: 35%; margin-top: 6px; text-align: right; margin-bottom: 24px; }
.group > input { width: 69%; margin-right: 1%; margin-bottom: 24px; }
@media only screen and (max-width: 480px) { .group > input { width: 59%; } }
.group > label + input, .group > label + textarea { width: 65%; margin-right: 0; }
.group > select, .group > input, .group > textarea { float: left; }
.group > input + .button, .group > input + input[type=submit] { width: 30%; vertical-align: bottom; margin: 0 0 24px 0; }
@media only screen and (max-width: 480px) { .group > input + .button, .group > input + input[type=submit] { width: 40%; } }

.wrap { display: block; }

html { overflow-y: scroll; font-size: 16px; font-family: futura-pt, sans-serif; line-height: 24px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #000; }

body { margin: 0; background-color: #fff; }

section { display: block; }

nav { display: block; }

article { display: block; }

aside { display: block; }

header { display: block; }

footer { display: block; }

address { display: block; }

main { display: block; }

hr { color: #000; border: 0; border-bottom-width: 1px; border-bottom-style: solid; margin-top: 23px; margin-bottom: 24px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }

ol { margin: 12px 0; padding: 0 0 0 24px; list-style: decimal; }

ul { margin: 12px 0; padding: 0 0 0 24px; list-style: square; }

dl { margin: 12px 0; padding: 0; }

dt img { display: block; }

dd { margin: 0; font-size: 12px; font-size: 0.75rem; background: rgba(0, 0, 0, 0.3); padding: 12px; }

ul ul, ul ol, ul dl, ol ol, ol ul, ol dl, dl dl, dl ul, dl ol { margin: 0; }

figure { display: block; margin: 0; }
figure img { display: block; }

figcaption { display: block; }

a { text-decoration: none; color: #000; background-color: transparent; }
a:hover { outline: 0; }
a:active { outline: 0; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }

h1, .h1 { font-size: 46px; font-size: 2.875rem; line-height: 48px; font-weight: 700; margin: 0; }
h1 + p, .h1 + p { margin-top: 12px; }

h2, .h2 { font-size: 18px; font-size: 1.125rem; line-height: 36px; font-weight: 700; margin: 0 0 12px 0; }
h2 + p, .h2 + p { margin-top: 0; }

h3, .h3 { font-size: 22px; font-size: 1.375rem; line-height: 36px; font-weight: 400; margin: 0; }
h3 + p, .h3 + p { margin-top: 12px; }

h4, .h4 { font-size: 18px; font-size: 1.125rem; line-height: 36px; font-weight: 400; margin: 0 0 12px 0; }
h4 + p, .h4 + p { margin-top: 12px; }

h5, .h5 { font-size: 16px; font-size: 1rem; line-height: 24px; font-weight: 700; margin: 0 0 12px 0; }
h5 + p, .h5 + p { margin-top: 12px; }

h6, .h6 { font-size: 16px; font-size: 1rem; line-height: 24px; font-weight: 700; margin: 0; }
h6 + p, h6 + ul, h6 + ol, h6 + dl, .h6 + p, .h6 + ul, .h6 + ol, .h6 + dl { margin-top: 0; }

p { margin: 24px 0 0 0; font-size: 16px; font-size: 1rem; line-height: 32px; }
p + h1, p + h6 { margin-top: 24px; }
p + p, p + h2, p + h3, p + h4, p + h5 { margin-top: 12px; }

strong { font-weight: bold; }

small { font-size: smaller; }

html[lang="de"] q { quotes: "»" "«"; }

html[lang="en"] q { quotes: "“" "”"; }

html[lang="fr"] q { quotes: "«" "»"; }

q { font-style: italic; }
q:before, q:after { padding: 0 3px; }

dfn { font-style: italic; }

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

code { font-family: monospace, monospace; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 12px; font-weight: 600; border: 1px solid #ddd; padding: 5px 12px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #f8f8f8; line-height: 12px; display: inline-block; vertical-align: top; }

pre { color: #fff; font-size: 1em; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; overflow: auto; display: block; margin-top: 24px; padding: 12px; word-break: break-all; word-wrap: break-word; background: #2d2d2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
pre > code { color: #d3d0c8; text-shadow: 0 0 0 rgba(0, 0, 0, 0.5); padding: 0; border: 0; background: transparent; display: inline; vertical-align: baseline; }

html[lang="de"] blockquote { quotes: "»" "«"; }

html[lang="en"] blockquote { quotes: "“" "”"; }

html[lang="fr"] blockquote { quotes: "«" "»"; }

blockquote { margin: 24px 0; padding-left: 12px; border-left: 2px solid #000; }
blockquote p:only-of-type { font-size: 19px; font-size: 1.1875rem; font-weight: 300; }
blockquote p:only-of-type:before { content: ""; content: open-quote; padding-right: 6px; }
blockquote p:only-of-type:after { content: ""; content: close-quote; padding-left: 6px; }
blockquote cite { margin-top: 12px; font-size: 14px; font-size: 0.875rem; font-style: normal; display: block; font-weight: 700; }
blockquote cite:before { content: "\2014"; padding-right: 6px; }

samp { font-family: monospace, monospace; font-size: 1em; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

sub { bottom: -0.25em; font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

b { font-weight: bold; }

mark { background: #ff0; color: #000; }

kbd { font-family: monospace, monospace; font-size: 1em; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

::-webkit-input-placeholder { text-overflow: ellipsis; color: #000; }

form .grid .grid__column input[type=text], form .grid .grid__column input[type=email], form .grid .grid__column select, form .grid .grid__column textarea { width: 100%; }

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

legend { border: 0; padding: 0; }

label { display: block; font-weight: 700; padding-right: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: normal; }
label p { margin: 0; }
label.checkable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; cursor: pointer; margin-top: 12px; margin-bottom: 12px; padding: 0; }
label.checkable input, label.checkable select { margin: 0; }
label.checkable textarea { margin: 6px 0 0 0; min-height: 73px; height: 73px; }
label.checkable.disabled { cursor: not-allowed; color: #ccc; }

input { color: inherit; font: inherit; margin: 0; background: transparent; font-size: 12px; font-weight: normal; line-height: 1; outline: 0; height: 36px; border: 1px solid #000; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; max-width: 100%; margin-bottom: 24px; }
input:disabled { color: #ccc; border-color: #ccc; cursor: not-allowed; }
input:focus { border-color: #000; }

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

html input[type="button"] { -webkit-appearance: button; cursor: pointer; }

input[type="reset"] { -webkit-appearance: button; cursor: pointer; }

input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

input[type="checkbox"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; border-width: 1px; border-style: solid; cursor: pointer; display: inline-block; height: 24px; width: 24px; margin-top: -4px !important; margin-bottom: 24px; text-align: center; vertical-align: middle; -webkit-appearance: none; position: relative; }
input[type="checkbox"]:checked:before { content: ''; position: absolute; top: 50%; left: 50%; display: inline-block; vertical-align: middle; background: #000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: -8px 0 0 -8px; width: 16px; height: 16px; }
input[type="checkbox"]:focus { border-color: #000; }
input[type="checkbox"]:disabled { cursor: not-allowed; }
input[type="checkbox"]:disabled:before { background: #ccc; }

input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; border-width: 1px; border-style: solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; display: inline-block; height: 24px; width: 24px; margin-top: -4px !important; margin-bottom: 24px; text-align: center; vertical-align: middle; -webkit-appearance: none; position: relative; }
input[type="radio"]:checked:before { content: ''; position: absolute; top: 50%; left: 50%; display: inline-block; vertical-align: middle; background: #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: -8px 0 0 -8px; width: 16px; height: 16px; }
input[type="radio"]:focus { border-color: #000; }
input[type="radio"]:disabled { cursor: not-allowed; }
input[type="radio"]:disabled:before { background: #ccc; }

input[type="file"] { margin: 6px 0 30px 0; border: 0; padding: 0; height: 24px; }

input[type="color"] { cursor: pointer; vertical-align: top; }

input[type="number"]::-webkit-inner-spin-button { height: auto; }

input[type="number"]::-webkit-outer-spin-button { height: auto; }

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

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

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

button { text-transform: none; overflow: visible; color: inherit; font: inherit; margin: 0; -webkit-appearance: button; cursor: pointer; }

button[disabled] { cursor: default; }

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

select { text-transform: none; color: inherit; font: inherit; margin: 0; background: transparent; font-size: 12px; font-weight: normal; outline: 0; height: 36px; line-height: 34px; border: 1px solid #000; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; max-width: 100%; cursor: pointer; -webkit-appearance: none; margin-bottom: 24px; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { select { background: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="35px" height="35px" viewBox="0 0 35 35" enable-background="new 0 0 35 35" xml:space="preserve"><polygon style="fill: #000;" fill-rule="evenodd" clip-rule="evenodd" points="20.8,14.6 18,17.4 15.2,14.6 13.8,16 18,20.2 22.2,16 "/></svg>') no-repeat transparent center right; padding-right: 36px; }
  select:focus { background: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="35px" height="35px" viewBox="0 0 35 35" enable-background="new 0 0 35 35" xml:space="preserve"><polygon fill="#000" fill-rule="evenodd" clip-rule="evenodd" points="20.8,14.6 18,17.4 15.2,14.6 13.8,16 18,20.2 22.2,16 "/></svg>') no-repeat transparent center right; } }
select:disabled { cursor: not-allowed; border-color: #ccc; }

select:focus { border-color: #000; }

optgroup { color: inherit; font: inherit; margin: 0; font-weight: bold; }

option { font-size: 12px; }

textarea { color: inherit; font: inherit; margin: 0; overflow: auto; resize: vertical; display: block; background: transparent; font-size: 12px; font-weight: normal; line-height: 1.3; outline: 0; min-height: 72px; height: 72px; border: 1px solid #000; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 12px 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; margin-bottom: 24px; -webkit-transition: border 0.2s ease-in-out; -moz-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; }
textarea:disabled { cursor: not-allowed; resize: none; border-color: #ccc; }

textarea:focus { border-color: #000; }

progress { display: inline-block; vertical-align: baseline; }

img { border: 0; vertical-align: middle; }

video { display: inline-block; vertical-align: baseline; }

audio { display: inline-block; vertical-align: baseline; }

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

canvas { display: inline-block; vertical-align: baseline; }

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

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

tr { padding: 3px; vertical-align: top; }

td { padding: 3px; vertical-align: top; }

th { padding: 0; }

details { display: block; }

summary { display: block; }

menu { display: block; }

::-moz-selection { color: #fff; background: #000; text-shadow: none; }

::selection { color: #fff; background: #000; text-shadow: none; }

[hidden], template { display: none; }

.code-html .code-element { color: #f2777a; }

.code-html .code-value { color: #99cc99; }

.code-html .code-attribute { color: #f99157; }

.code-html .code-class { color: #66999b; }

.message { padding: 12px; border-left-style: solid; border-left-width: 4px; margin-top: 24px; }
.message p, .message h1, .message h2, .message h3, .message h4, .message h5, .message h6, .message ul, .message ol, .message dl { margin: 0; }

.message--warning { background-color: #fcf8f2; border-color: #f0ad4e; }
.message--warning h1, .message--warning h2, .message--warning h3, .message--warning h4, .message--warning h5, .message--warning h6 { color: #f0ad4e; }

.message--error { background-color: #fdf7f7; border-color: #f1484d; }
.message--error h1, .message--error h2, .message--error h3, .message--error h4, .message--error h5, .message--error h6 { color: #f1484d; }

.message--success { background-color: #f2f7f2; border-color: #73a345; }
.message--success h1, .message--success h2, .message--success h3, .message--success h4, .message--success h5, .message--success h6 { color: #73a345; }

.message--info { background-color: #f4f8fa; border-color: #6889cc; }
.message--info h1, .message--info h2, .message--info h3, .message--info h4, .message--info h5, .message--info h6 { color: #6889cc; }

.button, button, input[type="button"], input[type="submit"] { display: inline-block; cursor: pointer; outline: 0; line-height: 24px; padding: 5px 12px 5px 12px; margin: 12px 0 24px 0; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: futura-pt; font-size: 12px; font-weight: 600; background: #000; border: 1px solid #000; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #9aa1a6; width: auto; color: #fff; text-transform: uppercase; }

.button:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover { background: #1a1a1a; border-color: #1a1a1a; }

.button:focus, button:focus, input[type="button"]:focus, input[type="submit"]:focus { outline: 0; }

.button:active, button:active, input[type="button"]:active, input[type="submit"]:active, .button.active, button.active, input[type="button"].active, input[type="submit"].active { background: black; border-color: black; }

.button--invert { color: #000; background: white; border-color: white; }

.button--invert:hover, .button--invert:focus { background: white; border-color: white; }

.button--invert:active, .button--invert.active { background: #e6e6e6; border-color: #e6e6e6; }

.button--one { color: #9aa1a6; background: #000; border-color: #000; }

.button--one:hover, .button--one:focus { background: #1a1a1a; border-color: #1a1a1a; }

.button--one:active, .button--one.active { background: black; border-color: black; }

.button--two { color: #000; background: #e7ecf0; border-color: #e7ecf0; }

.button--two:hover, .button--two:focus { background: white; border-color: white; }

.button--two:active, .button--two.active { background: #c8d3dc; border-color: #c8d3dc; }

.button--three { color: #000; background: #9aa1a6; border-color: #9aa1a6; }

.button--three:hover, .button--three:focus { background: #b5babe; border-color: #b5babe; }

.button--three:active, .button--three.active { background: #7f888e; border-color: #7f888e; }

.button--four { color: #000; background: #ed624b; border-color: #ed624b; }

.button--four:hover, .button--four:focus { background: #f28a79; border-color: #f28a79; }

.button--four:active, .button--four.active { background: #e83a1d; border-color: #e83a1d; }

.button--success { color: #9aa1a6; background: #73a345; border-color: #73a345; }

.button--success:hover, .button--success:focus { background: #8dbb60; border-color: #8dbb60; }

.button--success:active, .button--success.active { background: #5a7f36; border-color: #5a7f36; }

.button--error { color: #000; background: #f1484d; border-color: #f1484d; }

.button--error:hover, .button--error:focus { background: #f5777b; border-color: #f5777b; }

.button--error:active, .button--error.active { background: #ed191f; border-color: #ed191f; }

.button--information { color: #000; background: #6889cc; border-color: #6889cc; }

.button--information:hover, .button--information:focus { background: #8ea7d9; border-color: #8ea7d9; }

.button--information:active, .button--information.active { background: #426bbf; border-color: #426bbf; }

.button--warning { color: #000; background: #f0ad4e; border-color: #f0ad4e; }

.button--warning:hover, .button--warning:focus { background: #f4c37d; border-color: #f4c37d; }

.button--warning:active, .button--warning.active { background: #ec971f; border-color: #ec971f; }

.button--small { line-height: 12px; padding: 5px 6px 5px 6px; margin: 12px 0; }

.button--large { font-size: 17.6px; line-height: 36px; }

.group > .button, .group > button, .group > input[type="button"] { max-width: 50%; margin-bottom: 24px; margin-top: 0; }

ol.abc { list-style-type: lower-alpha; }

.stripped { list-style: none; padding: 0; }

.tabs { margin: 12px 0 24px 0; }

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

.tabs__menu-item { display: inline-block; cursor: pointer; outline: 0; margin: 0; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: futura-pt; font-size: 12px; font-weight: 700; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; width: auto; }
.tabs__menu-item a { display: block; padding: 5px 12px 6px 12px; line-height: 24px; border: 1px solid #000; border-bottom: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; }
.tabs__menu-item.active a { position: relative; color: #000; }
.tabs__menu-item.active a:before { content: ""; position: absolute; left: 0; bottom: -1px; height: 1px; width: 100%; background: #e7ecf0; }

.tabs__tab { display: none; padding: 5px 12px 5px 12px; border: 1px solid #000; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tabs__tab.active { display: block; }
.tabs__tab p { margin: 12px 0; }

.accordion { outline: 0; }

p + .accordion { margin-top: 12px; }

.accordion + h3 { margin-top: 24px; }

.accordion__header a { display: block; color: #000; }
.accordion__header a h1, .accordion__header a h2, .accordion__header a h3, .accordion__header a h4, .accordion__header a h5, .accordion__header a h6, .accordion__header a p { line-height: 36px; margin: 0; }

.accordion__content { display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.accordion__content.active { display: block; }
.accordion__content p { margin: 12px 0; }
.accordion__content p:first-child { margin-top: 0; }

.accordion--icon .accordion__header > a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }
.accordion--icon .accordion__header .accordion__icon { position: absolute; top: 19px; font-size: inherit; }
.accordion--icon .accordion__header p .accordion__icon { margin-top: -8px; }
.accordion--icon .accordion__header h1 .accordion__icon { margin-top: -23px; }
.accordion--icon .accordion__header h2 .accordion__icon { margin-top: -9px; }
.accordion--icon .accordion__header h3 .accordion__icon { margin-top: -11px; }
.accordion--icon .accordion__header h4 .accordion__icon { margin-top: -9px; }
.accordion--icon .accordion__header h5 .accordion__icon { margin-top: -8px; }
.accordion--icon .accordion__header h6 .accordion__icon { margin-top: -8px; }

.accordion--icon--left .accordion__header > a { padding-left: 36px; }
.accordion--icon--left .accordion__icon { left: 12px; }

.accordion--icon--right .accordion__header > a { padding-right: 36px; }
.accordion--icon--right .accordion__icon { right: 12px; }

.accordion--default .accordion__header h1 .accordion__icon, .accordion--default .accordion__header h2 .accordion__icon, .accordion--default .accordion__header h3 .accordion__icon, .accordion--default .accordion__header h4 .accordion__icon, .accordion--default .accordion__header h5 .accordion__icon, .accordion--default .accordion__header h6 .accordion__icon, .accordion--default .accordion__header p .accordion__icon { margin-top: -7px; font-size: 14px; }

.accordion--icon--left.accordion--default .accordion__header > a { padding-left: 24px; }
.accordion--icon--left.accordion--default .accordion__icon { left: 0; }

.accordion--icon--right.accordion--default .accordion__header > a { padding-right: 24px; }
.accordion--icon--right.accordion--default .accordion__icon { right: 0; }

    /* .accordion--border { .accordion { margin: $base-spacing-half 0 $base-spacing 0; }
 .accordion__header { user-select: none; a { padding: ($base-spacing-quarter - $base-border-width) $base-spacing-half ( ceil( $base-spacing / 4 ) - $base-border-width ) $base-spacing-half; border: $base-border-width solid $base-color-element; border-radius: $base-border-radius-inline; }
 &.active a { color: $base-color-element; border-radius: 0; border-top-left-radius: $base-border-radius-inline; border-top-right-radius: $base-border-radius-inline; } }
 .accordion__icon { @include use-sprite(plus); display: inline-block; margin-right: $base-spacing-quarter;
 &.active { @include use-sprite(minus); display: inline-block; } }
 .accordion__content { padding: $base-spacing-quarter $base-spacing-half ( ceil( $base-spacing / 4 ) - $base-border-width ) $base-spacing-half; border: $base-border-width solid $base-color-element; border-radius: $base-border-radius-inline; border-top: 0;
 &.active { border-top-left-radius: 0; border-top-right-radius: 0; } } }*/
.vcard { margin-top: 24px; margin-bottom: 24px; }
.vcard .accordion { margin: 0; }

/* The classes are changed to keep the code semantic (BEM) */
/*  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
.icon { display: inline-block; font: normal normal normal 14px/1 "Font Awesome"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

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

@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); transform: rotate(359deg); } }

@-o-keyframes spin { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(359deg); transform: rotate(359deg); } }

@keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } }
.icon--spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }

.icon--pulse { -webkit-animation: spin 1s infinite steps(8); -moz-animation: spin 1s infinite steps(8); -o-animation: spin 1s infinite steps(8); animation: spin 1s infinite steps(8); }

.icon--glass:before { content: "\f000"; }

.icon--music:before { content: "\f001"; }

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

.icon--envelope-o:before { content: "\f003"; }

.icon--heart:before { content: "\f004"; }

.icon--star:before { content: "\f005"; }

.icon--star-o:before { content: "\f006"; }

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

.icon--film:before { content: "\f008"; }

.icon--th-large:before { content: "\f009"; }

.icon--th:before { content: "\f00a"; }

.icon--th-list:before { content: "\f00b"; }

.icon--check:before { content: "\f00c"; }

.icon--remove:before, .icon--close:before, .icon--times:before { content: "\f00d"; }

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

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

.icon--power-off:before { content: "\f011"; }

.icon--signal:before { content: "\f012"; }

.icon--gear:before, .icon--cog:before { content: "\f013"; }

.icon--trash-o:before { content: "\f014"; }

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

.icon--file-o:before { content: "\f016"; }

.icon--clock-o:before { content: "\f017"; }

.icon--road:before { content: "\f018"; }

.icon--download:before { content: "\f019"; }

.icon--arrow-circle-o-down:before { content: "\f01a"; }

.icon--arrow-circle-o-up:before { content: "\f01b"; }

.icon--inbox:before { content: "\f01c"; }

.icon--play-circle-o:before { content: "\f01d"; }

.icon--rotate-right:before, .icon--repeat:before { content: "\f01e"; }

.icon--refresh:before { content: "\f021"; }

.icon--list-alt:before { content: "\f022"; }

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

.icon--flag:before { content: "\f024"; }

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

.icon--volume-off:before { content: "\f026"; }

.icon--volume-down:before { content: "\f027"; }

.icon--volume-up:before { content: "\f028"; }

.icon--qrcode:before { content: "\f029"; }

.icon--barcode:before { content: "\f02a"; }

.icon--tag:before { content: "\f02b"; }

.icon--tags:before { content: "\f02c"; }

.icon--book:before { content: "\f02d"; }

.icon--bookmark:before { content: "\f02e"; }

.icon--print:before { content: "\f02f"; }

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

.icon--font:before { content: "\f031"; }

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

.icon--italic:before { content: "\f033"; }

.icon--text-height:before { content: "\f034"; }

.icon--text-width:before { content: "\f035"; }

.icon--align-left:before { content: "\f036"; }

.icon--align-center:before { content: "\f037"; }

.icon--align-right:before { content: "\f038"; }

.icon--align-justify:before { content: "\f039"; }

.icon--list:before { content: "\f03a"; }

.icon--dedent:before, .icon--outdent:before { content: "\f03b"; }

.icon--indent:before { content: "\f03c"; }

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

.icon--photo:before, .icon--image:before, .icon--picture-o:before { content: "\f03e"; }

.icon--pencil:before { content: "\f040"; }

.icon--map-marker:before { content: "\f041"; }

.icon--adjust:before { content: "\f042"; }

.icon--tint:before { content: "\f043"; }

.icon--edit:before, .icon--pencil-square-o:before { content: "\f044"; }

.icon--share-square-o:before { content: "\f045"; }

.icon--check-square-o:before { content: "\f046"; }

.icon--arrows:before { content: "\f047"; }

.icon--step-backward:before { content: "\f048"; }

.icon--fast-backward:before { content: "\f049"; }

.icon--backward:before { content: "\f04a"; }

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

.icon--pause:before { content: "\f04c"; }

.icon--stop:before { content: "\f04d"; }

.icon--forward:before { content: "\f04e"; }

.icon--fast-forward:before { content: "\f050"; }

.icon--step-forward:before { content: "\f051"; }

.icon--eject:before { content: "\f052"; }

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

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

.icon--plus-circle:before { content: "\f055"; }

.icon--minus-circle:before { content: "\f056"; }

.icon--times-circle:before { content: "\f057"; }

.icon--check-circle:before { content: "\f058"; }

.icon--question-circle:before { content: "\f059"; }

.icon--info-circle:before { content: "\f05a"; }

.icon--crosshairs:before { content: "\f05b"; }

.icon--times-circle-o:before { content: "\f05c"; }

.icon--check-circle-o:before { content: "\f05d"; }

.icon--ban:before { content: "\f05e"; }

.icon--arrow-left:before { content: "\f060"; }

.icon--arrow-right:before { content: "\f061"; }

.icon--arrow-up:before { content: "\f062"; }

.icon--arrow-down:before { content: "\f063"; }

.icon--mail-forward:before, .icon--share:before { content: "\f064"; }

.icon--expand:before { content: "\f065"; }

.icon--compress:before { content: "\f066"; }

.icon--plus:before { content: "\f067"; }

.icon--minus:before { content: "\f068"; }

.icon--asterisk:before { content: "\f069"; }

.icon--exclamation-circle:before { content: "\f06a"; }

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

.icon--leaf:before { content: "\f06c"; }

.icon--fire:before { content: "\f06d"; }

.icon--eye:before { content: "\f06e"; }

.icon--eye-slash:before { content: "\f070"; }

.icon--warning:before, .icon--exclamation-triangle:before { content: "\f071"; }

.icon--plane:before { content: "\f072"; }

.icon--calendar:before { content: "\f073"; }

.icon--random:before { content: "\f074"; }

.icon--comment:before { content: "\f075"; }

.icon--magnet:before { content: "\f076"; }

.icon--chevron-up:before { content: "\f077"; }

.icon--chevron-down:before { content: "\f078"; }

.icon--retweet:before { content: "\f079"; }

.icon--shopping-cart:before { content: "\f07a"; }

.icon--folder:before { content: "\f07b"; }

.icon--folder-open:before { content: "\f07c"; }

.icon--arrows-v:before { content: "\f07d"; }

.icon--arrows-h:before { content: "\f07e"; }

.icon--bar-chart-o:before, .icon--bar-chart:before { content: "\f080"; }

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

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

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

.icon--key:before { content: "\f084"; }

.icon--gears:before, .icon--cogs:before { content: "\f085"; }

.icon--comments:before { content: "\f086"; }

.icon--thumbs-o-up:before { content: "\f087"; }

.icon--thumbs-o-down:before { content: "\f088"; }

.icon--star-half:before { content: "\f089"; }

.icon--heart-o:before { content: "\f08a"; }

.icon--sign-out:before { content: "\f08b"; }

.icon--linkedin-square:before { content: "\f08c"; }

.icon--thumb-tack:before { content: "\f08d"; }

.icon--external-link:before { content: "\f08e"; }

.icon--sign-in:before { content: "\f090"; }

.icon--trophy:before { content: "\f091"; }

.icon--github-square:before { content: "\f092"; }

.icon--upload:before { content: "\f093"; }

.icon--lemon-o:before { content: "\f094"; }

.icon--phone:before { content: "\f095"; }

.icon--square-o:before { content: "\f096"; }

.icon--bookmark-o:before { content: "\f097"; }

.icon--phone-square:before { content: "\f098"; }

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

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

.icon--github:before { content: "\f09b"; }

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

.icon--credit-card:before { content: "\f09d"; }

.icon--rss:before { content: "\f09e"; }

.icon--hdd-o:before { content: "\f0a0"; }

.icon--bullhorn:before { content: "\f0a1"; }

.icon--bell:before { content: "\f0f3"; }

.icon--certificate:before { content: "\f0a3"; }

.icon--hand-o-right:before { content: "\f0a4"; }

.icon--hand-o-left:before { content: "\f0a5"; }

.icon--hand-o-up:before { content: "\f0a6"; }

.icon--hand-o-down:before { content: "\f0a7"; }

.icon--arrow-circle-left:before { content: "\f0a8"; }

.icon--arrow-circle-right:before { content: "\f0a9"; }

.icon--arrow-circle-up:before { content: "\f0aa"; }

.icon--arrow-circle-down:before { content: "\f0ab"; }

.icon--globe:before { content: "\f0ac"; }

.icon--wrench:before { content: "\f0ad"; }

.icon--tasks:before { content: "\f0ae"; }

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

.icon--briefcase:before { content: "\f0b1"; }

.icon--arrows-alt:before { content: "\f0b2"; }

.icon--group:before, .icon--users:before { content: "\f0c0"; }

.icon--chain:before, .icon--link:before { content: "\f0c1"; }

.icon--cloud:before { content: "\f0c2"; }

.icon--flask:before { content: "\f0c3"; }

.icon--cut:before, .icon--scissors:before { content: "\f0c4"; }

.icon--copy:before, .icon--files-o:before { content: "\f0c5"; }

.icon--paperclip:before { content: "\f0c6"; }

.icon--save:before, .icon--floppy-o:before { content: "\f0c7"; }

.icon--square:before { content: "\f0c8"; }

.icon--navicon:before, .icon--reorder:before, .icon--bars:before { content: "\f0c9"; }

.icon--list-ul:before { content: "\f0ca"; }

.icon--list-ol:before { content: "\f0cb"; }

.icon--strikethrough:before { content: "\f0cc"; }

.icon--underline:before { content: "\f0cd"; }

.icon--table:before { content: "\f0ce"; }

.icon--magic:before { content: "\f0d0"; }

.icon--truck:before { content: "\f0d1"; }

.icon--pinterest:before { content: "\f0d2"; }

.icon--pinterest-square:before { content: "\f0d3"; }

.icon--google-plus-square:before { content: "\f0d4"; }

.icon--google-plus:before { content: "\f0d5"; }

.icon--money:before { content: "\f0d6"; }

.icon--caret-down:before { content: "\f0d7"; }

.icon--caret-up:before { content: "\f0d8"; }

.icon--caret-left:before { content: "\f0d9"; }

.icon--caret-right:before { content: "\f0da"; }

.icon--columns:before { content: "\f0db"; }

.icon--unsorted:before, .icon--sort:before { content: "\f0dc"; }

.icon--sort-down:before, .icon--sort-desc:before { content: "\f0dd"; }

.icon--sort-up:before, .icon--sort-asc:before { content: "\f0de"; }

.icon--envelope:before { content: "\f0e0"; }

.icon--linkedin:before { content: "\f0e1"; }

.icon--rotate-left:before, .icon--undo:before { content: "\f0e2"; }

.icon--legal:before, .icon--gavel:before { content: "\f0e3"; }

.icon--dashboard:before, .icon--tachometer:before { content: "\f0e4"; }

.icon--comment-o:before { content: "\f0e5"; }

.icon--comments-o:before { content: "\f0e6"; }

.icon--flash:before, .icon--bolt:before { content: "\f0e7"; }

.icon--sitemap:before { content: "\f0e8"; }

.icon--umbrella:before { content: "\f0e9"; }

.icon--paste:before, .icon--clipboard:before { content: "\f0ea"; }

.icon--lightbulb-o:before { content: "\f0eb"; }

.icon--exchange:before { content: "\f0ec"; }

.icon--cloud-download:before { content: "\f0ed"; }

.icon--cloud-upload:before { content: "\f0ee"; }

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

.icon--stethoscope:before { content: "\f0f1"; }

.icon--suitcase:before { content: "\f0f2"; }

.icon--bell-o:before { content: "\f0a2"; }

.icon--coffee:before { content: "\f0f4"; }

.icon--cutlery:before { content: "\f0f5"; }

.icon--file-text-o:before { content: "\f0f6"; }

.icon--building-o:before { content: "\f0f7"; }

.icon--hospital-o:before { content: "\f0f8"; }

.icon--ambulance:before { content: "\f0f9"; }

.icon--medkit:before { content: "\f0fa"; }

.icon--fighter-jet:before { content: "\f0fb"; }

.icon--beer:before { content: "\f0fc"; }

.icon--h-square:before { content: "\f0fd"; }

.accordion--default .accordion__header .accordion__icon:before, .icon--plus-square:before { content: "\f0fe"; }

.icon--angle-double-left:before { content: "\f100"; }

.icon--angle-double-right:before { content: "\f101"; }

.icon--angle-double-up:before { content: "\f102"; }

.icon--angle-double-down:before { content: "\f103"; }

.icon--angle-left:before { content: "\f104"; }

.accordion--icon-angle .accordion__icon:before, .icon--angle-right:before { content: "\f105"; }

.icon--angle-up:before { content: "\f106"; }

.accordion--icon-angle .accordion__icon.active:before, .icon--angle-down:before { content: "\f107"; }

.icon--desktop:before { content: "\f108"; }

.icon--laptop:before { content: "\f109"; }

.icon--tablet:before { content: "\f10a"; }

.icon--mobile-phone:before, .icon--mobile:before { content: "\f10b"; }

.icon--circle-o:before { content: "\f10c"; }

.icon--quote-left:before { content: "\f10d"; }

.icon--quote-right:before { content: "\f10e"; }

.icon--spinner:before { content: "\f110"; }

.icon--circle:before { content: "\f111"; }

.icon--mail-reply:before, .icon--reply:before { content: "\f112"; }

.icon--github-alt:before { content: "\f113"; }

.icon--folder-o:before { content: "\f114"; }

.icon--folder-open-o:before { content: "\f115"; }

.icon--smile-o:before { content: "\f118"; }

.icon--frown-o:before { content: "\f119"; }

.icon--meh-o:before { content: "\f11a"; }

.icon--gamepad:before { content: "\f11b"; }

.icon--keyboard-o:before { content: "\f11c"; }

.icon--flag-o:before { content: "\f11d"; }

.icon--flag-checkered:before { content: "\f11e"; }

.icon--terminal:before { content: "\f120"; }

.icon--code:before { content: "\f121"; }

.icon--mail-reply-all:before, .icon--reply-all:before { content: "\f122"; }

.icon--star-half-empty:before, .icon--star-half-full:before, .icon--star-half-o:before { content: "\f123"; }

.icon--location-arrow:before { content: "\f124"; }

.icon--crop:before { content: "\f125"; }

.icon--code-fork:before { content: "\f126"; }

.icon--unlink:before, .icon--chain-broken:before { content: "\f127"; }

.icon--question:before { content: "\f128"; }

.icon--info:before { content: "\f129"; }

.icon--exclamation:before { content: "\f12a"; }

.icon--superscript:before { content: "\f12b"; }

.icon--subscript:before { content: "\f12c"; }

.icon--eraser:before { content: "\f12d"; }

.icon--puzzle-piece:before { content: "\f12e"; }

.icon--microphone:before { content: "\f130"; }

.icon--microphone-slash:before { content: "\f131"; }

.icon--shield:before { content: "\f132"; }

.icon--calendar-o:before { content: "\f133"; }

.icon--fire-extinguisher:before { content: "\f134"; }

.icon--rocket:before { content: "\f135"; }

.icon--maxcdn:before { content: "\f136"; }

.icon--chevron-circle-left:before { content: "\f137"; }

.icon--chevron-circle-right:before { content: "\f138"; }

.icon--chevron-circle-up:before { content: "\f139"; }

.icon--chevron-circle-down:before { content: "\f13a"; }

.icon--html5:before { content: "\f13b"; }

.icon--css3:before { content: "\f13c"; }

.icon--anchor:before { content: "\f13d"; }

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

.icon--bullseye:before { content: "\f140"; }

.icon--ellipsis-h:before { content: "\f141"; }

.icon--ellipsis-v:before { content: "\f142"; }

.icon--rss-square:before { content: "\f143"; }

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

.icon--ticket:before { content: "\f145"; }

.accordion--default .accordion__header .accordion__icon.active:before, .icon--minus-square:before { content: "\f146"; }

.icon--minus-square-o:before { content: "\f147"; }

.icon--level-up:before { content: "\f148"; }

.icon--level-down:before { content: "\f149"; }

.icon--check-square:before { content: "\f14a"; }

.icon--pencil-square:before { content: "\f14b"; }

.icon--external-link-square:before { content: "\f14c"; }

.icon--share-square:before { content: "\f14d"; }

.icon--compass:before { content: "\f14e"; }

.icon--toggle-down:before, .icon--caret-square-o-down:before { content: "\f150"; }

.icon--toggle-up:before, .icon--caret-square-o-up:before { content: "\f151"; }

.icon--toggle-right:before, .icon--caret-square-o-right:before { content: "\f152"; }

.icon--euro:before, .icon--eur:before { content: "\f153"; }

.icon--gbp:before { content: "\f154"; }

.icon--dollar:before, .icon--usd:before { content: "\f155"; }

.icon--rupee:before, .icon--inr:before { content: "\f156"; }

.icon--cny:before, .icon--rmb:before, .icon--yen:before, .icon--jpy:before { content: "\f157"; }

.icon--ruble:before, .icon--rouble:before, .icon--rub:before { content: "\f158"; }

.icon--won:before, .icon--krw:before { content: "\f159"; }

.icon--bitcoin:before, .icon--btc:before { content: "\f15a"; }

.icon--file:before { content: "\f15b"; }

.icon--file-text:before { content: "\f15c"; }

.icon--sort-alpha-asc:before { content: "\f15d"; }

.icon--sort-alpha-desc:before { content: "\f15e"; }

.icon--sort-amount-asc:before { content: "\f160"; }

.icon--sort-amount-desc:before { content: "\f161"; }

.icon--sort-numeric-asc:before { content: "\f162"; }

.icon--sort-numeric-desc:before { content: "\f163"; }

.icon--thumbs-up:before { content: "\f164"; }

.icon--thumbs-down:before { content: "\f165"; }

.icon--youtube-square:before { content: "\f166"; }

.icon--youtube:before { content: "\f167"; }

.icon--xing:before { content: "\f168"; }

.icon--xing-square:before { content: "\f169"; }

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

.icon--dropbox:before { content: "\f16b"; }

.icon--stack-overflow:before { content: "\f16c"; }

.icon--instagram:before { content: "\f16d"; }

.icon--flickr:before { content: "\f16e"; }

.icon--adn:before { content: "\f170"; }

.icon--bitbucket:before { content: "\f171"; }

.icon--bitbucket-square:before { content: "\f172"; }

.icon--tumblr:before { content: "\f173"; }

.icon--tumblr-square:before { content: "\f174"; }

.icon--long-arrow-down:before { content: "\f175"; }

.icon--long-arrow-up:before { content: "\f176"; }

.icon--long-arrow-left:before { content: "\f177"; }

.icon--long-arrow-right:before { content: "\f178"; }

.icon--apple:before { content: "\f179"; }

.icon--windows:before { content: "\f17a"; }

.icon--android:before { content: "\f17b"; }

.icon--linux:before { content: "\f17c"; }

.icon--dribbble:before { content: "\f17d"; }

.icon--skype:before { content: "\f17e"; }

.icon--foursquare:before { content: "\f180"; }

.icon--trello:before { content: "\f181"; }

.icon--female:before { content: "\f182"; }

.icon--male:before { content: "\f183"; }

.icon--gittip:before { content: "\f184"; }

.icon--sun-o:before { content: "\f185"; }

.icon--moon-o:before { content: "\f186"; }

.icon--archive:before { content: "\f187"; }

.icon--bug:before { content: "\f188"; }

.icon--vk:before { content: "\f189"; }

.icon--weibo:before { content: "\f18a"; }

.icon--renren:before { content: "\f18b"; }

.icon--pagelines:before { content: "\f18c"; }

.icon--stack-exchange:before { content: "\f18d"; }

.icon--arrow-circle-o-right:before { content: "\f18e"; }

.icon--arrow-circle-o-left:before { content: "\f190"; }

.icon--toggle-left:before, .icon--caret-square-o-left:before { content: "\f191"; }

.icon--dot-circle-o:before { content: "\f192"; }

.icon--wheelchair:before { content: "\f193"; }

.icon--vimeo-square:before { content: "\f194"; }

.icon--turkish-lira:before, .icon--try:before { content: "\f195"; }

.icon--plus-square-o:before { content: "\f196"; }

.icon--space-shuttle:before { content: "\f197"; }

.icon--slack:before { content: "\f198"; }

.icon--envelope-square:before { content: "\f199"; }

.icon--wordpress:before { content: "\f19a"; }

.icon--openid:before { content: "\f19b"; }

.icon--institution:before, .icon--bank:before, .icon--university:before { content: "\f19c"; }

.icon--mortar-board:before, .icon--graduation-cap:before { content: "\f19d"; }

.icon--yahoo:before { content: "\f19e"; }

.icon--google:before { content: "\f1a0"; }

.icon--reddit:before { content: "\f1a1"; }

.icon--reddit-square:before { content: "\f1a2"; }

.icon--stumbleupon-circle:before { content: "\f1a3"; }

.icon--stumbleupon:before { content: "\f1a4"; }

.icon--delicious:before { content: "\f1a5"; }

.icon--digg:before { content: "\f1a6"; }

.icon--pied-piper:before { content: "\f1a7"; }

.icon--pied-piper-alt:before { content: "\f1a8"; }

.icon--drupal:before { content: "\f1a9"; }

.icon--joomla:before { content: "\f1aa"; }

.icon--language:before { content: "\f1ab"; }

.icon--fax:before { content: "\f1ac"; }

.icon--building:before { content: "\f1ad"; }

.icon--child:before { content: "\f1ae"; }

.icon--paw:before { content: "\f1b0"; }

.icon--spoon:before { content: "\f1b1"; }

.icon--cube:before { content: "\f1b2"; }

.icon--cubes:before { content: "\f1b3"; }

.icon--behance:before { content: "\f1b4"; }

.icon--behance-square:before { content: "\f1b5"; }

.icon--steam:before { content: "\f1b6"; }

.icon--steam-square:before { content: "\f1b7"; }

.icon--recycle:before { content: "\f1b8"; }

.icon--automobile:before, .icon--car:before { content: "\f1b9"; }

.icon--cab:before, .icon--taxi:before { content: "\f1ba"; }

.icon--tree:before { content: "\f1bb"; }

.icon--spotify:before { content: "\f1bc"; }

.icon--deviantart:before { content: "\f1bd"; }

.icon--soundcloud:before { content: "\f1be"; }

.icon--database:before { content: "\f1c0"; }

.icon--file-pdf-o:before { content: "\f1c1"; }

.icon--file-word-o:before { content: "\f1c2"; }

.icon--file-excel-o:before { content: "\f1c3"; }

.icon--file-powerpoint-o:before { content: "\f1c4"; }

.icon--file-photo-o:before, .icon--file-picture-o:before, .icon--file-image-o:before { content: "\f1c5"; }

.icon--file-zip-o:before, .icon--file-archive-o:before { content: "\f1c6"; }

.icon--file-sound-o:before, .icon--file-audio-o:before { content: "\f1c7"; }

.icon--file-movie-o:before, .icon--file-video-o:before { content: "\f1c8"; }

.icon--file-code-o:before { content: "\f1c9"; }

.icon--vine:before { content: "\f1ca"; }

.icon--codepen:before { content: "\f1cb"; }

.icon--jsfiddle:before { content: "\f1cc"; }

.icon--life-bouy:before, .icon--life-buoy:before, .icon--life-saver:before, .icon--support:before, .icon--life-ring:before { content: "\f1cd"; }

.icon--circle-o-notch:before { content: "\f1ce"; }

.icon--ra:before, .icon--rebel:before { content: "\f1d0"; }

.icon--ge:before, .icon--empire:before { content: "\f1d1"; }

.icon--git-square:before { content: "\f1d2"; }

.icon--git:before { content: "\f1d3"; }

.icon--hacker-news:before { content: "\f1d4"; }

.icon--tencent-weibo:before { content: "\f1d5"; }

.icon--qq:before { content: "\f1d6"; }

.icon--wechat:before, .icon--weixin:before { content: "\f1d7"; }

.icon--send:before, .icon--paper-plane:before { content: "\f1d8"; }

.icon--send-o:before, .icon--paper-plane-o:before { content: "\f1d9"; }

.icon--history:before { content: "\f1da"; }

.icon--circle-thin:before { content: "\f1db"; }

.icon--header:before { content: "\f1dc"; }

.icon--paragraph:before { content: "\f1dd"; }

.icon--sliders:before { content: "\f1de"; }

.icon--share-alt:before { content: "\f1e0"; }

.icon--share-alt-square:before { content: "\f1e1"; }

.icon--bomb:before { content: "\f1e2"; }

.icon--soccer-ball-o:before, .icon--futbol-o:before { content: "\f1e3"; }

.icon--tty:before { content: "\f1e4"; }

.icon--binoculars:before { content: "\f1e5"; }

.icon--plug:before { content: "\f1e6"; }

.icon--slideshare:before { content: "\f1e7"; }

.icon--twitch:before { content: "\f1e8"; }

.icon--yelp:before { content: "\f1e9"; }

.icon--newspaper-o:before { content: "\f1ea"; }

.icon--wifi:before { content: "\f1eb"; }

.icon--calculator:before { content: "\f1ec"; }

.icon--paypal:before { content: "\f1ed"; }

.icon--google-wallet:before { content: "\f1ee"; }

.icon--cc-visa:before { content: "\f1f0"; }

.icon--cc-mastercard:before { content: "\f1f1"; }

.icon--cc-discover:before { content: "\f1f2"; }

.icon--cc-amex:before { content: "\f1f3"; }

.icon--cc-paypal:before { content: "\f1f4"; }

.icon--cc-stripe:before { content: "\f1f5"; }

.icon--bell-slash:before { content: "\f1f6"; }

.icon--bell-slash-o:before { content: "\f1f7"; }

.icon--trash:before { content: "\f1f8"; }

.icon--copyright:before { content: "\f1f9"; }

.icon--at:before { content: "\f1fa"; }

.icon--eyedropper:before { content: "\f1fb"; }

.icon--paint-brush:before { content: "\f1fc"; }

.icon--birthday-cake:before { content: "\f1fd"; }

.icon--area-chart:before { content: "\f1fe"; }

.icon--pie-chart:before { content: "\f200"; }

.icon--line-chart:before { content: "\f201"; }

.icon--lastfm:before { content: "\f202"; }

.icon--lastfm-square:before { content: "\f203"; }

.icon--toggle-off:before { content: "\f204"; }

.icon--toggle-on:before { content: "\f205"; }

.icon--bicycle:before { content: "\f206"; }

.icon--bus:before { content: "\f207"; }

.icon--ioxhost:before { content: "\f208"; }

.icon--angellist:before { content: "\f209"; }

.icon--cc:before { content: "\f20a"; }

.icon--shekel:before, .icon--sheqel:before, .icon--ils:before { content: "\f20b"; }

.icon--meanpath:before { content: "\f20c"; }

.slider { position: relative; }

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

.slider__slide { width: 100%; }

.slider__controls--inset { position: absolute; bottom: 12px; z-index: 100; width: 100%; }
@media only screen and (max-width: 480px) { .slider__controls--inset { bottom: 6px; } }

.slider__pager { margin: 0; padding: 0; }

.slider__pager-item { display: inline-block; }
.slider__pager-item.active a { color: #000; }
.slider__pager-item a { color: #000; display: block; outline: 0; }
@media only screen and (max-width: 976px) { .slider__pager-item a { width: 6px; height: 6px; margin-right: 3px; } }

.slider__pager--squares, .slider__pager--circles { line-height: 12px; }
@media only screen and (max-width: 976px) { .slider__pager--squares, .slider__pager--circles { line-height: 6px; } }
.slider__pager--squares .slider__pager-item.active a, .slider__pager--circles .slider__pager-item.active a { background: #000; }
.slider__pager--squares .slider__pager-item a, .slider__pager--circles .slider__pager-item a { display: block; text-indent: -9999px; outline: 0; background: #000; width: 12px; height: 12px; margin-right: 6px; }
@media only screen and (max-width: 976px) { .slider__pager--squares .slider__pager-item a, .slider__pager--circles .slider__pager-item a { width: 6px; height: 6px; margin-right: 3px; } }

.slider__pager--circles .slider__pager-item a { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.slider__pager--left { text-align: left; }

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

.slider__pager--right { text-align: right; }

.slide__caption { position: absolute; margin: 0; z-index: 100; max-width: 33%; padding: 6px; }
@media only screen and (max-width: 976px) { .slide__caption { max-width: 40%; } }
@media only screen and (max-width: 480px) { .slide__caption { padding: 3px; right: 6px; bottom: 6px; } }

.slide__caption--top-left { bottom: 12px; right: 12px; }

.slide__caption--top-right { top: 12px; right: 12px; }

.slide__caption--bottom-left { bottom: 12px; left: 12px; }

.slide__caption--bottom-right { bottom: 12px; right: 12px; }

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

.color-error { color: #f1484d; }

h1 { text-transform: uppercase; color: #59a375; }

h2 { margin-bottom: 36px; }

p { margin-bottom: 36px; }

ul, ol { line-height: 32px; }

.logo-guide { margin-top: 80px;}

.intro { margin: 45% 0 0 10%; }
@media only screen and (max-width: 976px) { .intro { margin: 10% 0; } }
@media only screen and (max-width: 720px) { .intro { margin: 10% 0; } }

.intro__notjust { display: block; color: #f0a23b; font-size: 36px; line-height: 42px; font-weight: 700; margin-bottom: 12px; }
@media only screen and (max-width: 976px) { .intro__notjust { font-size: 24px; line-height: 30px; font-weight: 700; margin-bottom: 12px; } }
@media only screen and (max-width: 480px) { .intro__notjust { font-size: 24px; line-height: 30px; font-weight: 700; margin-bottom: 12px; } }

.intro__cologne { display: block; color: #f0a23b; font-size: 93px; font-weight: 700; line-height: 93px; text-transform: uppercase; }
@media only screen and (max-width: 976px) { .intro__cologne { font-size: 48px; font-weight: 700; line-height: 50px; } }
@media only screen and (max-width: 480px) { .intro__cologne { font-size: 48px; font-weight: 700; line-height: 50px; } }

.intro__nomination { position: relative; display: block; font-size: 24px; font-weight: 400; height: 44px; margin-top: 30px; padding-right: 120px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 436px; }
@media only screen and (max-width: 976px) { .intro__nomination { font-size: 14px; height: 44px; margin-top: 20px; padding-right: 0px; } }
@media only screen and (max-width: 480px) { .intro__nomination { font-size: 14px; height: 44px; margin-top: 20px; padding-right: 0px; } }

.intro__nomination:before { content: ''; position: absolute; right: 0; bottom: 0; background: url("../img/gdaward.png") no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; width: 100px; height: 60px; }
@media only screen and (max-width: 976px) { .intro__nomination:before { right: 30; bottom: 30; } }
@media only screen and (max-width: 480px) { .intro__nomination:before { right: 30; bottom: 30; } }

.wrap-intro { background: url("../img/Guide_header_background_white2.jpg") no-repeat center center #ffffff; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; padding: 40 0px; }

.menu-navigation { margin: 50px 0 24px 0; }

.menu-navigation__items { list-style: none; padding: 0; margin: 48px 0 0 0; text-align: center; }

.menu-navigation__item { display: inline-block; }
@media only screen and (max-width: 976px) { .menu-navigation__item { display: block; } }

.menu-navigation__link { display: block; color: #000; text-transform: uppercase; font-size: 20px; font-weight: 700; padding: 12px 24px; }

.wrap-info { background: url("../img/Guide_Overview_large.jpg") no-repeat center center #f4ee96; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; height: 600px; }
@media only screen and (max-width: 976px) { .wrap-info { height: 295px; } }
@media only screen and (max-width: 480px) { .wrap-info { height: 120px; } }

.info__description { margin-bottom: 48px; }

.wrap-info-content { margin: 48px 0; }

.wrap-gallery { background: #efefef; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; }
.gallery-main { position: relative;}
#prev { cursor: pointer; position: absolute; right: 110%; top: 50%; margin-top: -28px; font-size: 56px; color: #222;}
#next { cursor: pointer; position: absolute; left: 110%; top: 50%; margin-top: -28px; font-size: 56px; color: #222; }


@media only screen and (max-width: 720px) {
#prev { right: 102%; }
#next { left: 102%; }
}
@media only screen and (max-width: 480px) {
#prev { right: 105%; }
#next { left: 105%; }
}

.wrap-making-of { background: url("../img/making-of.png") repeat-x center center #efefef; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; height: 576px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 72px; color: #fff; }
.wrap-making-of iframe { width: 600px; height: 340px; }
@media only screen and (min-width: 1441px) { .wrap-making-of iframe { width: 720px; height: 410px; } }
@media only screen and (max-width: 720px) { .wrap-making-of iframe { width: 100%; height: 300px; } }
@media only screen and (max-width: 480px) { .wrap-making-of iframe { width: 100%; height: 240px; } }


.wrap-press h1 { margin: 48px 0 24px 0; color: #000; }

.wrap-making-of h1 { color: #fff; }

.wrap-interested { margin: 48px 0;}
.wrap-interested h1 { margin: 0 0 48px 0; color: #000}
.wrap-interested h2 { margin: 0 0 48px 0; }

.wrap-contact { background: #f4ee96; }
              h1 { margin: 48px 0 24px 0; color: #000;}

.wrap-designer { background: #efefef; }
.wrap-designer h1 { margin: 48px 0 24px 0; color: #000; }

.wrap-legal { background: #efefef; }

.newsletter { margin-top: 10%;}
@media only screen and (max-width: 976px) { .newsletter { margin-top: 5%; } }

.breakword { word-spacing: 999999999px; }
@media only screen and (max-width: 976px) { .breakword { word-spacing: normal; padding-bottom: 10px; } }