/* =====================================================
   CUSTOM FONTS - Upload these .woff2 files to Zendesk
   Guide Admin > Customize design > Assets first
   ===================================================== */

@font-face {
  font-family: 'Neulis';
  src: url('{{asset "Neulis-Black.woff2"}}') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neulis';
  src: url('{{asset "Neulis-BlackItalic.woff2"}}') format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Neulis';
  src: url('{{asset "Neulis-Regular.woff2"}}') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@charset "UTF-8";
abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

p {
  line-height:1.6;
}

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

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

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

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

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

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

input { line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

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

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

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }

* { box-sizing: border-box; }
*:before, *:after { box-sizing: border-box; }

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

figure { margin: 0; }
img { vertical-align: middle; }

.img-responsive {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto; }

.img-rounded { border-radius: 2px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  width: 100% \9;
  max-width: 100%;
  height: auto; }

.img-circle { border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Neulis', sans-serif;
  font-weight: 900;
  line-height: 1.1;
  color: inherit; }

h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; }
h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; }

h1, .h1 { font-size: 36px; }
h2, .h2 { font-size: 30px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 14px; }
h6, .h6 { font-size: 12px; }

p { margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4; }

@media (min-width: 768px) { .lead { font-size: 21px; } }

small, .small { font-size: 85%; }
cite { font-style: normal; }

mark, .mark {
  background-color: #fcf8e3;
  padding: .2em; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }
.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }
.text-muted { color: #777777; }

.text-primary { color: #001e45; }
a.text-primary:hover { color: #f8b4c3; }
.text-success { color: #3c763d; }
a.text-success:hover { color: #2b542c; }
.text-info { color: #31708f; }
a.text-info:hover { color: #245269; }
.text-warning { color: #8a6d3b; }
a.text-warning:hover { color: #66512c; }
.text-danger { color: #a94442; }
a.text-danger:hover { color: #843534; }

.bg-primary { color: #fff; background-color: #001e45; }
a.bg-primary:hover { background-color: #f8b4c3; }
.bg-success { background-color: #dff0d8; }
a.bg-success:hover { background-color: #c1e2b3; }
.bg-info { background-color: #d9edf7; }
a.bg-info:hover { background-color: #afd9ee; }
.bg-warning { background-color: #fcf8e3; }
a.bg-warning:hover { background-color: #f7ecb5; }
.bg-danger { background-color: #f2dede; }
a.bg-danger:hover { background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 20px 0 20px;
  border-bottom: 1px solid #eeeeee; }

ul, ol { margin-top: 0; margin-bottom: 10px; }
ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; }
.list-unstyled, .list-inline { padding-left: 0; list-style: none; }
.list-inline { margin-left: -5px; }
.list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; }

dl { margin-top: 0; margin-bottom: 20px; }
dt, dd { line-height: 1.428571429; }
dt { font-weight: bold; }
dd { margin-left: 0; }

abbr[title], abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777; }

.initialism { font-size: 90%; text-transform: uppercase; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }

blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; }

blockquote footer, blockquote small, blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.428571429;
  color: #777777; }

blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429; }

code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 2px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 2px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 2px; }

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0; }

.pre-scrollable { max-height: 340px; overflow-y: scroll; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }

@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

.row { margin-left: -15px; margin-right: -15px; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }

/* Grid columns */
.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: 15px;
  padding-right: 15px; }

.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-1 { width: 8.3333333333%; }
.col-xs-2 { width: 16.6666666667%; }
.col-xs-3 { width: 25%; }
.col-xs-4 { width: 33.3333333333%; }
.col-xs-5 { width: 41.6666666667%; }
.col-xs-6 { width: 50%; }
.col-xs-7 { width: 58.3333333333%; }
.col-xs-8 { width: 66.6666666667%; }
.col-xs-9 { width: 75%; }
.col-xs-10 { width: 83.3333333333%; }
.col-xs-11 { width: 91.6666666667%; }
.col-xs-12 { width: 100%; }

@media (min-width: 768px) {
  .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-1 { width: 8.3333333333%; }
  .col-sm-2 { width: 16.6666666667%; }
  .col-sm-3 { width: 25%; }
  .col-sm-4 { width: 33.3333333333%; }
  .col-sm-5 { width: 41.6666666667%; }
  .col-sm-6 { width: 50%; }
  .col-sm-7 { width: 58.3333333333%; }
  .col-sm-8 { width: 66.6666666667%; }
  .col-sm-9 { width: 75%; }
  .col-sm-10 { width: 83.3333333333%; }
  .col-sm-11 { width: 91.6666666667%; }
  .col-sm-12 { width: 100%; } }

@media (min-width: 992px) {
  .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-1 { width: 8.3333333333%; }
  .col-md-2 { width: 16.6666666667%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.3333333333%; }
  .col-md-5 { width: 41.6666666667%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.3333333333%; }
  .col-md-8 { width: 66.6666666667%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.3333333333%; }
  .col-md-11 { width: 91.6666666667%; }
  .col-md-12 { width: 100%; } }

@media (min-width: 1200px) {
  .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-1 { width: 8.3333333333%; }
  .col-lg-2 { width: 16.6666666667%; }
  .col-lg-3 { width: 25%; }
  .col-lg-4 { width: 33.3333333333%; }
  .col-lg-5 { width: 41.6666666667%; }
  .col-lg-6 { width: 50%; }
  .col-lg-7 { width: 58.3333333333%; }
  .col-lg-8 { width: 66.6666666667%; }
  .col-lg-9 { width: 75%; }
  .col-lg-10 { width: 83.3333333333%; }
  .col-lg-11 { width: 91.6666666667%; }
  .col-lg-12 { width: 100%; }
  .col-lg-offset-alt-1 { margin-left: 4.3333333333%; } }

/* Tables */
table { background-color: transparent; }
th { text-align: left; }

.table { width: 100%; max-width: 100%; margin-bottom: 20px; }
.table > thead > tr > th, .table > thead > tr > td,
.table > tbody > tr > th, .table > tbody > tr > td,
.table > tfoot > tr > th, .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd; }

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd; }

.table-bordered { border: 1px solid #ddd; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td { border: 1px solid #ddd; }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; }

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th { background-color: #f5f5f5; }

/* Forms */
fieldset { padding: 0; margin: 0; border: 0; min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; }
input[type="search"] { box-sizing: border-box; }
input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; line-height: normal; }
input[type="file"] { display: block; }
input[type="range"] { display: block; width: 100%; }
select[multiple], select[size] { height: auto; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.form-control {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.form-group { margin-bottom: 15px; }

/* Buttons */
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.btn:hover, .btn:focus { color: #333; text-decoration: none; }
.btn:active, .btn.active { outline: 0; background-image: none; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn-default { color: #333; background-color: #fff; border-color: #ccc; }
.btn-default:hover, .btn-default:focus, .btn-default:active { color: #333; background-color: #e6e6e6; border-color: #adadad; }

.btn-primary { color: #fff; background-color: #001e45; border-color: #001e45; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { color: #fff; background-color: #f8b4c3; border-color: #001e45; }

.btn-success { color: #fff; background-color: #5bc36f; border-color: #48bc5f; }
.btn-success:hover, .btn-success:focus, .btn-success:active { color: #fff; background-color: #3fac54; border-color: #359247; }

.btn-info { color: #fff; background-color: #a36ec9; border-color: #975bc2; }
.btn-info:hover, .btn-info:focus, .btn-info:active { color: #fff; background-color: #8b49bb; border-color: #793da3; }

.btn-warning { color: #fff; background-color: #fdb35c; border-color: #fda743; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active { color: #fff; background-color: #fc9c2a; border-color: #fc8b06; }

.btn-danger { color: #fff; background-color: #d74743; border-color: #d3322e; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active { color: #fff; background-color: #be2d29; border-color: #a12622; }

.btn-link { color: #f8b4c3; font-weight: normal; cursor: pointer; border-radius: 0; }
.btn-link:hover, .btn-link:focus { color: #fd0f00; text-decoration: underline; background-color: transparent; }

.btn-lg, .btn-group-lg > .btn { padding: 12px 24px; font-size: 18px; line-height: 1.33; border-radius: 2px; }
.btn-sm, .btn-group-sm > .btn { padding: 3px 10px; font-size: 12px; line-height: 1.5; border-radius: 2px; }
.btn-xs, .btn-group-xs > .btn { padding: 2px 8px; font-size: 12px; line-height: 1.5; border-radius: 2px; }
.btn-block { display: block; width: 100%; }

/* Dropdowns */
.dropdown { position: relative; }
.dropdown-toggle:focus { outline: 0; }
.dropdown-menu.pull-right { right: 0; left: auto; }
.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; white-space: nowrap; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #001e45; }
.open > .dropdown-menu { display: block; }
.open > a { outline: 0; }

/* Nav */
.nav { margin-bottom: 0; padding-left: 0; list-style: none; }
.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both; }
.nav > li { position: relative; display: block; }
.nav > li > a { position: relative; display: block; padding: 10px 15px; }
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; }
.nav > li.disabled > a { color: #777777; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #001e45; }

.nav-pills > li { float: left; }
.nav-pills > li > a { border-radius: 2px; }
.nav-pills > li + li { margin-left: 2px; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #001e45; }

/* Navbar */
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }

/* Pagination */
.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 2px; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 8px 16px;
  line-height: 1.428571429;
  text-decoration: none;
  color: #001e45;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px; }
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
  color: #fd0f00;
  background-color: #eeeeee;
  border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
  z-index: 2; color: #fff; background-color: #001e45; border-color: #001e45; cursor: default; }
.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover {
  color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; }

/* Labels */
.label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; }
.label-default { background-color: #777777; }
.label-primary { background-color: #001e45; }
.label-success { background-color: #5bc36f; }
.label-info { background-color: #a36ec9; }
.label-warning { background-color: #fdb35c; }
.label-danger { background-color: #d74743; }

/* Badge */
.badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px; }

/* Progress */
.progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 2px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #001e45; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; }
.progress-bar-success { background-color: #5bc36f; }
.progress-bar-info { background-color: #a36ec9; }
.progress-bar-warning { background-color: #fdb35c; }
.progress-bar-danger { background-color: #d74743; }

/* List group */
.list-group { margin-bottom: 20px; padding-left: 0; }
.list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #001e45; border-color: #001e45; }
a.list-group-item { color: #555; }
a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; color: #555; background-color: #f5f5f5; }

/* Panels */
.panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.panel-body { padding: 15px; }
.panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; }
.panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; }
.panel-default { border-color: #ddd; }
.panel-default > .panel-heading { background-color: #f5f5f5; border-color: #ddd; }
.panel-primary { border-color: #001e45; }
.panel-primary > .panel-heading { color: #fff; background-color: #001e45; border-color: #001e45; }

/* Well */
.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 2px; }

/* Alerts */
.alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 2px; }
.alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }
.alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; }
.alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }
.alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; }

/* Modal */
.modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; }
.modal-content { position: relative; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }
.modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; }
.modal-body { position: relative; padding: 15px; }
.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; }

/* Tooltip */
.tooltip { position: absolute; z-index: 1070; display: block; visibility: visible; font-size: 12px; line-height: 1.4; opacity: 0; }
.tooltip.in { opacity: 0.9; }
.tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 2px; }

/* Utilities */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.hide { display: none !important; }
.show { display: block !important; }
.invisible { visibility: hidden; }
.hidden { display: none !important; visibility: hidden !important; }

@media (max-width: 767px) { .visible-xs { display: block !important; } .hidden-xs { display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } .hidden-sm { display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } .hidden-md { display: none !important; } }
@media (min-width: 1200px) { .visible-lg { display: block !important; } .hidden-lg { display: none !important; } }

.affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* =====================================================
   BASE STYLES
   ===================================================== */

*, *:before, *:after { box-sizing: border-box; }
html, body { height: 100%; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: 'Neulis', "Avenir LT W01_45 Book1475508", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #030303;
  background-color: #fff;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #001e45;
  text-decoration: none; }
  a:hover, a:focus {
    color: #001e45;
    text-decoration: none; }

figure { margin: 0; }
img { max-width: 100%; height: auto; vertical-align: middle; }

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

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Neulis', sans-serif;
  font-weight: 900;
  line-height: 1.2;
  color: inherit; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
p, ul, ol { margin: 0 0 24px; }

h1, .h1 { font-size: 41px; }
h2, .h2 { font-size: 34px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 20px; }
h5, .h5 { font-size: 16px; }
h6, .h6 { font-size: 14px; }

b, strong { font-weight: 600; }
small, .small { font-size: 80%; font-weight: normal; line-height: 1; }

blockquote {
  padding: 12px 24px;
  margin: 0 0 24px;
  border-left: 5px solid #e4e4e4; }

address { margin-bottom: 24px; font-style: normal; line-height: 1.5; }

.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.list-unstyled { list-style: none; padding-left: 0; }
.hidden { display: none !important; }
.layout { padding-top: 96px; }

/* Form inputs */
select, textarea,
input[type="text"], input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"], input[type="month"],
input[type="time"], input[type="week"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"],
input[type="tel"], input[type="color"], .nesty-input {
  display: block;
  width: 100%;
  height: 38px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.5;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  border: 2px solid #e4e4e4;
  border-radius: 4px;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus,
input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus,
input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus,
input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus,
input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus,
.nesty-input:focus {
  border-color: #9ed5e7;
  outline: 0;
  box-shadow: 0 0 2px #9ed5e7; }

fieldset { padding: 0; margin: 0; border: 0; min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 24px;
  font-size: 24px;
  line-height: inherit;
  color: #3c3c40;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label { display: inline-block; max-width: 100%; margin-bottom: 12px; font-weight: 600; }

input[type="search"] { box-sizing: border-box; }
input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; line-height: normal; }
input[type="file"] { display: block; }
input[type="range"] { display: block; width: 100%; }
select[multiple], select[size] { height: auto; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

textarea { resize: vertical; height: 114px; }
input[type="search"] { -webkit-appearance: none; }

.form-field { margin-bottom: 24px; }
.form-field.required > label:after { content: "*"; color: #001e45; margin-left: 2px; }

.help-block, .form-field p {
  font-size: 90%;
  display: block;
  margin-top: 10px;
  margin-bottom: 15px;
  color: #434343; }

/* =====================================================
   BUTTON SYSTEM
   ===================================================== */

.btn, input[type="submit"], [role="button"], .lines-button,
.satisfaction-box input[type=radio] ~ label, .satisfaction-box .satisfaction-submit,
.topbar .login, .community-recent-activity .recent-activity-controls a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 2px solid transparent;
  white-space: nowrap;
  letter-spacing: .1px;
  padding: 6px 12px 6px 12px;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }

.btn:focus, input[type="submit"]:focus, [role="button"]:focus,
.lines-button:focus, .satisfaction-box input[type=radio] ~ label:focus,
.satisfaction-box .satisfaction-submit:focus, .topbar .login:focus,
.community-recent-activity .recent-activity-controls a:focus,
.btn:active:focus, input[type="submit"]:active:focus {
  outline: 0;
  outline: 0px auto -webkit-focus-ring-color; }

.btn:hover, input[type="submit"]:hover, [role="button"]:hover,
.lines-button:hover, .satisfaction-box input[type=radio] ~ label:hover,
.satisfaction-box .satisfaction-submit:hover, .topbar .login:hover,
.community-recent-activity .recent-activity-controls a:hover,
.btn:focus, input[type="submit"]:focus, [role="button"]:focus {
  color: #001e45;
  text-decoration: none; }

.btn:active, input[type="submit"]:active, [role="button"]:active,
.lines-button:active, .satisfaction-box input[type=radio] ~ label:active,
.satisfaction-box .satisfaction-submit:active, .topbar .login:active,
.community-recent-activity .recent-activity-controls a:active {
  outline: 0;
  box-shadow: 0; }

.btn--default { color: #001e45; background-color: transparent; border-color: #001e45; }
.btn--default:hover, .btn--default:focus, .btn--default:active { color: #001e45; background-color: transparent; border-color: #001e45; }

.btn--primary { color: #fff; background-color: #001e45; border-color: #001e45; }
.btn--primary:hover, .btn--primary:focus, .btn--primary:active { color: #e0e0e0; background-color: #f8b4c3; border-color: #001e45; }

.btn--success { color: #001e45; background-color: transparent; border-color: #001e45; }
.btn--success:hover, .btn--success:focus, .btn--success:active { color: #001e45; background-color: transparent; border-color: #001e45; }

.btn--warning { color: #F5D200; background-color: transparent; border-color: #dcbc00; }
.btn--warning:hover, .btn--warning:focus, .btn--warning:active { color: #b89e00; background-color: transparent; border-color: #9e8800; }

.btn--danger { color: #fff; background-color: #001e45; border-color: #ff3e32; }
.btn--danger:hover, .btn--danger:focus, .btn--danger:active { color: #e0e0e0; background-color: #001e45; border-color: #001e45; }

.btn--topbar { color: #001e45; background-color: transparent; border-color: #001e45; }
.btn--topbar:hover, .btn--topbar:focus, .btn--topbar:active { color: #001e45; background-color: transparent; border-color: #001e45; }

input[type="submit"] { color: #fff; background-color: #001e45; border-color: #001e45; }
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active { color: #e0e0e0; background-color: #001e45; border-color: #001e45; }
input[type="submit"]:active { background-image: none; }

[role="button"] { color: #001e45; background-color: transparent; border-color: #001e45; }
[role="button"]:hover, [role="button"]:focus, [role="button"]:active { color: #001e45; background-color: transparent; border-color: #001e45; }

/* =====================================================
   LAYOUT & CONTAINERS
   ===================================================== */

.container { padding-right: 15px; padding-left: 15px; }
.container-inner { max-width: 980px; margin: 0 auto; }

@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }

/* Table overrides */
table { background-color: transparent; }
caption { padding-top: 8px; padding-bottom: 8px; color: #bababa; text-align: left; }
th { text-align: left; }

.table { width: 100%; max-width: 100%; margin-bottom: 24px; }
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th,
.table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
  padding: 8px; line-height: 1.5; vertical-align: top; }
.table > thead > tr > th { font-size: 12px; text-transform: uppercase; vertical-align: bottom; border-bottom: 1px solid #ddd; }

/* Rows and columns */
.row { margin-left: -15px; margin-right: -15px; }

.column { float: left; width: 100%; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
.column--xs-1 { width: 8.33333%; } .column--xs-2 { width: 16.66667%; }
.column--xs-3 { width: 25%; } .column--xs-4 { width: 33.33333%; }
.column--xs-5 { width: 41.66667%; } .column--xs-6 { width: 50%; }
.column--xs-7 { width: 58.33333%; } .column--xs-8 { width: 66.66667%; }
.column--xs-9 { width: 75%; } .column--xs-10 { width: 83.33333%; }
.column--xs-11 { width: 91.66667%; } .column--xs-12 { width: 100%; }

@media (min-width: 768px) {
  .column--sm-1 { width: 8.33333%; } .column--sm-2 { width: 16.66667%; }
  .column--sm-3 { width: 25%; } .column--sm-4 { width: 25%; }
  .column--sm-5 { width: 41.66667%; } .column--sm-6 { width: 50%; }
  .column--sm-7 { width: 58.33333%; } .column--sm-8 { width: 75%; }
  .column--sm-9 { width: 75%; } .column--sm-10 { width: 83.33333%; }
  .column--sm-11 { width: 91.66667%; } .column--sm-12 { width: 100%; } }

@media (min-width: 992px) {
  .column--md-1 { width: 8.33333%; } .column--md-2 { width: 16.66667%; }
  .column--md-3 { width: 25%; } .column--md-4 { width: 33.33333%; }
  .column--md-5 { width: 41.66667%; } .column--md-6 { width: 50%; }
  .column--md-7 { width: 58.33333%; } .column--md-8 { width: 66.66667%; }
  .column--md-9 { width: 75%; } .column--md-10 { width: 83.33333%; }
  .column--md-11 { width: 91.66667%; } .column--md-12 { width: 100%; } }

@media (min-width: 1200px) {
  .column--lg-1 { width: 8.33333%; } .column--lg-2 { width: 16.66667%; }
  .column--lg-3 { width: 25%; } .column--lg-4 { width: 33.33333%; }
  .column--lg-5 { width: 41.66667%; } .column--lg-6 { width: 50%; }
  .column--lg-7 { width: 58.33333%; } .column--lg-8 { width: 66.66667%; }
  .column--lg-9 { width: 75%; } .column--lg-10 { width: 83.33333%; }
  .column--lg-11 { width: 91.66667%; } .column--lg-12 { width: 100%; } }

/* =====================================================
   CONTENT SECTIONS
   ===================================================== */

.main--articles { background-color: #fafafa; padding: 48px 0 48px; }
@media (max-width: 767px) { .main--articles { padding: 72px 0 0; } }
.main--articles .articles h3 { color: #264563; font-size: 41px; margin-bottom: 42px; }
.main--articles .promoted-articles { border-bottom: 3px solid #e4e4e4; padding-bottom: 50px; }
.main--articles .promoted-articles-item:nth-child(n+7) { display: none; }
.main--articles .promoted-articles-item a { display: block; color: #3c3c40; font-size: 24px; margin-bottom: 14px; }
.main--articles .promoted-articles-item a:hover, a:focus { color: #001e45; }
.main--articles .promoted-articles-item p { color: #BABABA; }
@media (min-width: 768px) { .main--articles .promoted-articles-item { margin-bottom: 46px; } }

.meta { font-size: 14px; color: #979797; }
.meta__item { display: inline-block; margin-right: 6px; }
.meta__item + .meta__item:before { margin-right: 6px; font-size: 10px; content: "\2022"; }
.meta--profile { margin-bottom: 0; }

/* =====================================================
   HAMBURGER / SIDEBAR TOGGLE
   ===================================================== */

.lines-button {
  padding: 15px 7.5px;
  cursor: pointer;
  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
  background-color: transparent;
  border: 0;
  -webkit-transition: .3s; transition: .3s; }
@media (max-width: 767px) { .lines-button { float: right; } }
@media (min-width: 768px) { .lines-button { display: none; } }
.lines-button:hover { opacity: 1; }
.lines-button:active { outline: 0; box-shadow: none; }
.lines-button:focus { outline: 0; }

.lines {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 2px;
  background: #030303;
  border-radius: 2px;
  -webkit-transition: 0.3s; transition: 0.3s; }
.lines:before, .lines:after {
  position: absolute; left: 0; content: '';
  -webkit-transform-origin: 2.14286px center; transform-origin: 2.14286px center;
  display: inline-block; width: 30px; height: 2px;
  background: #030303; border-radius: 2px;
  -webkit-transition: 0.3s; transition: 0.3s; }
.lines:before { top: 7.5px; }
.lines:after { top: -7.5px; }

/* =====================================================
   BREADCRUMBS
   ===================================================== */

.breadcrumbs {
  padding: 8px 0 0;
  margin-bottom: 24px;
  list-style: none;
  background-color: transparent;
  border-radius: 4px; }
.breadcrumbs > li { display: inline-block; }
.breadcrumbs > li + li:before { content: "› "; padding: 0 5px; color: #666666; }
.breadcrumbs > li a { color: #001e45; }
.breadcrumbs--search-results { margin-bottom: 12px; font-size: 14px; padding: 0; }

/* =====================================================
   HERO UNIT / SEARCH
   ===================================================== */

.hero-bg {
  position: absolute; top: -10%; left: 0; z-index: 1;
  width: 100%; height: 150%;
  background-repeat: no-repeat; background-position: 50% 40%; background-size: cover; }

.hero-unit {
  position: relative;
  padding: 15% 15px 10%;
  margin-top: -36px; margin-bottom: 48px;
  overflow: hidden;
  background-repeat: no-repeat; background-position: 50% 40%; background-size: cover;
  -webkit-transition: all 0s ease; transition: all 0s ease;
  -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
@media (min-width: 768px) { .hero-unit { padding-bottom: 12%; padding-top: 12%; margin-bottom: 70px; } }
.hero-unit:after {
  position: absolute; top: 0; left: 0; z-index: 1;
  width: 100%; height: 100%; content: '';
  background-color: #000; opacity: 0.4; }

.search { position: relative; }
.search:before {
  position: absolute; top: 50%; left: 10px; margin-top: -9px;
  font-size: 18px; color: #030303; content: "\f002";
  display: inline-block; font-family: 'FontAwesome';
  font-style: normal; font-weight: normal; line-height: 1;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.search input[type="submit"] { display: none; }

#query {
  display: inline-block;
  padding: 0 10px 0 35px;
  font-size: 14px;
  color: #333;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  -webkit-transition: border .3s ease; transition: border .3s ease; }

.search-box { position: relative; }
.search-box--hero-unit {
  z-index: 2; max-width: 720px; margin: 0 auto;
  -webkit-transition: top .3s ease; transition: top .3s ease; }
@media (min-width: 992px) { .search-box--hero-unit .search { padding-right: 95px; } }
.search-box--hero-unit .search:before { left: 20px; margin-top: -11px; font-size: 22px; }
.search-box--hero-unit #query { height: 50px; padding: 0 55px; font-size: 20px; border-color: #fff; }
@media (min-width: 992px) { .search-box--hero-unit #query { height: 60px; } }
@media (min-width: 992px) {
  .search-box--hero-unit input[type="submit"] {
    position: absolute; top: 0; right: 0; display: inline-block;
    height: 60px; padding-right: 16px; padding-left: 16px;
    color: #fff; background-color: #001e45; border-color: #001e45;
    text-transform: none; font-size: 16px; }
  .search-box--hero-unit input[type="submit"]:hover,
  .search-box--hero-unit input[type="submit"]:focus,
  .search-box--hero-unit input[type="submit"]:active {
    color: #e0e0e0; background-color: #001e45; border-color: #001e45; }
  .search-box--hero-unit input[type="submit"]:active { background-image: none; } }

/* Search focus ring fix */
.search-box--hero-unit input[type="submit"]:focus,
.search-box--hero-unit input[type="submit"]:focus-visible,
.search-box--hero-unit input[type="submit"]:active {
  outline: none !important; box-shadow: none !important;
  border-color: #001e45 !important; background-color: #001e45 !important;
  color: #ffffff !important; outline-offset: 0 !important; }

.search-box--hero-unit input[type="submit"]:hover {
  background-color: #f8b4c3 !important;
  border-color: #f8b4c3 !important;
  color: #ffffff !important; }

.search input[type="submit"] { background-color: #001e45; color: #ffffff; }
.search input[type="submit"]:hover { background-color: #f8b4c3; color: #ffffff; }

/* Search results */
.search-results-page { margin-bottom: 48px; }
.search-results-count { font-size: 20px; }
.search-result { margin-bottom: 24px; border-bottom: 2px solid #e4e4e4; }
.search-result__title { margin-bottom: 12px; font-weight: 600; }
.search-result__description { margin-bottom: 12px; font-size: 14px; }
.search-result__description:empty { display: none; }
.search-result__description em { padding: 0 3px; font-style: normal; font-weight: 600; background-color: #fff3ca; border-radius: 3px; }
.search-result__meta { margin-bottom: 12px; }
.search-result-votes { display: inline-block; padding: 2px 4px; font-size: 14px; color: #fff; background-color: #001e45; border-radius: 4px; }

/* =====================================================
   CATEGORIES & SECTIONS
   ===================================================== */

.category-tree-item__title { padding-bottom: 12px; border-bottom: 2px solid #e4e4e4; }
.category-tree-item__sections { margin-bottom: 24px; }
.category-tree-item__title-link { color: #001e45; }
.category-list { padding-left: 0; margin-bottom: 24px; list-style: none; }
.category-list-item { position: relative; margin-bottom: 24px; }
@media (min-width: 768px) { .category-list-item { display: table; height: 150px; } }

.category-list-item__link {
  display: block; padding: 24px 15px; font-weight: 600;
  color: #fff; text-align: center; vertical-align: middle;
  background-color: #001e45; border-radius: 4px;
  -webkit-transition: all .3s ease; transition: all .3s ease; }
.category-list-item__link:active, .category-list-item__link:focus, .category-list-item__link:hover {
  color: #fff; text-decoration: none; background-color: #001e45; }
@media (min-width: 768px) { .category-list-item__link { display: table-cell; } }

.section-page { margin-bottom: 48px; }
.section__title { font-weight: 300; }
.section__title-link { color: inherit; font-weight: bolder; }
.section-header { position: relative; }
.section-title { padding-right: 120px; }

.section-subscribe { position: absolute; top: 0; right: 0; }
.section-subscribe .dropdown-toggle { color: #001e45; background-color: transparent; border-color: #001e45; }
.section-subscribe .dropdown-toggle:hover, .section-subscribe .dropdown-toggle:focus, .section-subscribe .dropdown-toggle:active { color: #001e45; background-color: transparent; border-color: #001e45; }

/* =====================================================
   ARTICLES
   ===================================================== */

.article-page { margin-bottom: 48px; }
.article { position: relative; }
.article__title { font-size: 24px; font-weight: inherit; }
@media (min-width: 768px) { .article__title { font-size: 34px; } }
@media (min-width: 992px) { .article__title { font-size: 41px; } }

.article-meta { display: table; margin-bottom: 24px; width: 100%; }
.article-meta__col { display: table-cell; vertical-align: top; }
.article-meta__col--main { padding-right: 12px; width: 100%; }

.article-subscribe, .article-unsubscribe { color: #001e45; background-color: transparent; border-color: #001e45; }
.article-subscribe:hover, .article-subscribe:focus, .article-subscribe:active,
.article-unsubscribe:hover, .article-unsubscribe:focus, .article-unsubscribe:active { color: #001e45; background-color: transparent; border-color: #001e45; }

.article__body { margin-bottom: 24px; }
.article__body ul li, .article__body ol li { margin-bottom: 8px; }
.article-vote { position: relative; padding: 24px 12px; border: 2px solid #e4e4e4; border-radius: 4px; }
.article-vote-controls__item { color: #030303; background-color: #e4e4e4; border-color: #e4e4e4; }
.article-vote-controls__item:hover, .article-vote-controls__item:focus, .article-vote-controls__item:active { color: black; background-color: #cbcbcb; border-color: #c5c5c5; }
.article-vote-question { float: left; margin-right: 12px; }
.article-vote-controls { white-space: nowrap; }
.article-vote-count { display: block; font-size: 12px; color: #979797; }
.article__share { margin-bottom: 24px; }
.article-footer { margin-bottom: 24px; }
.article__attachments { margin-bottom: 24px; }
.article-more-questions { margin-bottom: 24px; clear: both; }
.article-more-questions:empty { display: none; }
.article-more-questions a { white-space: nowrap; }
@media (max-width: 767px) { .article-sidebar { padding-top: 24px; border-top: 2px solid #e4e4e4; } }

.article-list { list-style: none; padding-left: 0; }
.article-list-item { margin-bottom: 8px; }
.article-list-item__link { color: #282828; }
.article-list-item--is-promoted span { font-size: 10px; color: #001e45; vertical-align: middle; }

/* =====================================================
   COMMENTS
   ===================================================== */

.comments__callout { font-size: 14px; color: #979797; }
.comments__callout:empty { display: none; }
.comments__list { padding-left: 0; list-style: none; }
.comment-list-header { margin-bottom: 24px; border-bottom: 2px solid #e4e4e4; padding-bottom: 12px; }
.comment-list-heading { margin-bottom: 0; font-size: 16px; font-weight: 600; }
.comment { margin-bottom: 24px; border-bottom: 2px solid #e4e4e4; padding-bottom: 24px; }
.comment__inner { position: relative; padding-right: 52px; }
.comment__header { position: relative; margin-bottom: 24px; }
.comment__official-heading { position: absolute; right: 36px; top: 0; width: auto; padding: 1px 6px; font-size: 14px; color: #fff; background-color: #001e45; border-radius: 0 0 4px 4px; }
.comment--official .comment__inner { position: relative; border: 2px solid #001e45; border-radius: 4px; background-color: white; padding: 24px; }
.comment-form { position: relative; margin-bottom: 24px; }
@media (min-width: 768px) { .comment-form { padding-left: 52px; } }
.comment-form__body { margin-bottom: 24px; }
.comment-form__attachments { margin-bottom: 24px; }

/* =====================================================
   INTRO TITLE & CUSTOM BLOCKS
   ===================================================== */

.intro-title {
  margin-bottom: 24px;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.1;
  color: #fff;
  text-align: center;
  font-family: 'Neulis', sans-serif; }
@media (min-width: 768px) { .intro-title { font-size: 24px; } }
@media (min-width: 992px) { .intro-title { margin-bottom: 36px; font-size: 41px; font-weight: 900; } }

.custom-block { margin-bottom: 24px; }
@media (max-width: 479px) { .custom-block { float: none; width: 100%; padding: 0 16px; } }
@media (min-width: 480px) { .custom-block { padding: 0 16px; text-align: center; } }
@media (min-width: 768px) { .custom-block { margin-bottom: 42px; width: 50%; } .custom-block:nth-of-type(2n+1) { clear: left; } }
@media (min-width: 992px) { .custom-block { width: 33.33333%; } .custom-block:nth-of-type(2n+1) { clear: none; } .custom-block:nth-of-type(3n+1) { clear: left; } }
.custom-block__link { display: block; }
@media (max-width: 479px) { .custom-block__link { display: table; } }
.custom-block__icon { display: inline-block; }
@media (min-width: 480px) { .custom-block__icon { margin-bottom: 24px; } }
.custom-block__icon img { width: 56px; height: 56px; fill: #001e45; }
@media (min-width: 480px) { .custom-block__icon img { width: 66px; height: 66px; fill: #001e45; } }
.custom-block__icon:hover img { fill: #030303; }
.custom-block__title { font-size: 16px; font-weight: 600; color: #264563; text-transform: uppercase; }
@media (max-width: 479px) { .custom-block__title { display: table-cell; width: 100%; padding-left: 12px; } }
@media (min-width: 480px) { .custom-block__title { display: block; } }
.custom-block__description { color: #bababa; }

/* =====================================================
   DROPDOWN & NAVIGATION
   ===================================================== */

.dropdown-toggle:after {
  display: inline-block;
  font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  margin-left: 5px; color: inherit; content: '\f107'; }

.dropdown-menu { border: 0; min-width: 0 !important; font-size: 14px; overflow: hidden; }
.dropdown-menu [role=menuitem] { padding: 12px 12px; }
.dropdown-menu [role=menuitem][aria-selected=true]:after { display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 10px; content: '\f00c'; }

/* =====================================================
   FOOTER SUBMIT TICKET
   ===================================================== */

.footer-submit-ticket { margin-bottom: 48px; text-align: center; padding: 48px 0; }
.footer-submit-ticket__title { font-size: 24px; font-family: 'Neulis', "Avenir LT W01_45 Book1475508", sans-serif; }
.footer-submit-ticket__subtitle { font-size: 24px; color: dimgray; display: none; }
.footer-submit-ticket__btn:empty { display: none; }
.footer-submit-ticket__btn .btn { padding: 9px 18px; text-transform: none; font-size: 16px; color: #fff; background-color: #001e45; }

.footer-submit-ticket__btn a.button {
  display: inline-block;
  background-color: #001e45;
  color: #ffffff;
  padding: 12px 24px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold; }
.footer-submit-ticket__btn a.button:hover { background-color: #f8b4c3; color: #ffffff; }

/* =====================================================
   NOTES
   ===================================================== */

.note { position: relative; padding-left: 12px; margin: 24px 0; color: #363636; border-left: 4px solid transparent; }
.note p:last-child { margin-bottom: 0; }
.note-title { margin-bottom: 12px; font-size: 16px; font-weight: 600; }
.note-default, .note--default { border-color: #bababa; }
.note-default .note-title, .note--default .note-title { color: #bababa; }
.note-info, .note--info { border-color: #264563; }
.note-info .note-title, .note--info .note-title { color: #264563; }
.note-warning, .note--warning { border-color: #F5D200; }
.note-warning .note-title, .note--warning .note-title { color: #F5D200; }
.note-success, .note--success { border-color: #001e45; }
.note-success .note-title, .note--success .note-title { color: #001e45; }
.note-danger, .note--danger { border-color: #001e45; }
.note-danger .note-title, .note--danger .note-title { color: #001e45; }

/* =====================================================
   FOOTER
   ===================================================== */

.footer { padding-top: 48px; font-size: 14px; line-height: 1.1; color: #999; background-color: transparent; border-color: #eee transparent transparent; border-style: solid; border-width: 1px 0 0; }
.footer__inner { width: 100%; margin: 0 auto; }
@media (min-width: 768px) { .footer__inner { display: table; } }
.footer__col { position: relative; }
@media (min-width: 768px) { .footer__col { display: table-cell; vertical-align: top; } }
@media (min-width: 768px) { .footer__col--social-links { text-align: right; } }
.footer-social-link { width: 30px; height: 30px; font-size: 18px; color: #001e45; vertical-align: middle; }
.footer-social-link + .footer-social-link { margin-left: 5px; }
.copyright a { color: #999; }

.layout { min-height: 100%; margin-bottom: -150px; background-color: #fff; }
@media (max-width: 767px) { .layout { margin-bottom: -198px; } }
.layout:after { display: block; content: ""; }
.footer, .layout:after { height: 150px; }
@media (max-width: 767px) { .footer, .layout:after { height: 198px; } }

/* =====================================================
   PAGINATION
   ===================================================== */

.pagination ul { display: inline-block; padding-left: 0; margin: 0 0 12px; }
.pagination ul > li { display: inline-block; margin-right: 6px; margin-bottom: 12px; }
.pagination ul > li > a, .pagination ul > li > span {
  position: relative; display: block; padding: 6px 16px; line-height: 1.5;
  color: #a6a6a7; text-decoration: none; background-color: #f6f6f6; border-radius: 4px; }
.pagination ul > li > a:hover, .pagination ul > li > a:focus,
.pagination ul > li > span:hover, .pagination ul > li > span:focus {
  color: #001e45; background-color: #e4e4e4; border-color: #ddd; }
.pagination ul > .pagination-current > span, .pagination ul > .pagination-current > span:hover,
.pagination ul > .pagination-current > span:focus {
  z-index: 2; color: #fff; cursor: default; background-color: #001e45; border-color: #001e45; }

/* =====================================================
   SATISFACTION BOX
   ===================================================== */

.satisfaction-box { padding: 10px 16px; margin: 0 0 20px 0; font-size: 14px; border-color: #e4e4e4; border-radius: 4px; }
.satisfaction-box h4 { margin-bottom: 10px; font-family: 'Neulis', "Avenir LT W01_45 Book1475508", sans-serif; font-size: 14px; font-weight: normal; }
.satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_good"] { color: #001e45; background-color: transparent; border-color: #001e45; }
.satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_good"]:hover,
.satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_good"]:focus,
.satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_good"]:active { color: #001e45; background-color: transparent; border-color: #001e45; }
.satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_bad"] { color: #fff; background-color: #001e45; border-color: #ff3e32; }
.satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_bad"]:hover,
.satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_bad"]:focus,
.satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_bad"]:active { color: #e0e0e0; background-color: #001e45; border-color: #001e45; }
.satisfaction-box input[type=radio][checked=checked][value=good] + label:not([class="disabled"]) { background-color: #001e45 !important; }
.satisfaction-box input[type=radio][checked=checked][value=bad] + label:not([class="disabled"]) { background-color: #001e45 !important; }
.satisfaction-box input[type=radio][checked=checked] + label:not([class="disabled"]) { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.satisfaction-box label.disabled { padding: 0 !important; background-color: transparent !important; border: 0 !important; }
.satisfaction-box label.disabled[for="satisfaction_rating_score_good"] { color: #001e45 !important; }
.satisfaction-box label.disabled[for="satisfaction_rating_score_bad"] { color: #001e45 !important; }
.satisfaction-comment { margin-top: 15px; }
.satisfaction-comment label { font-weight: normal; }
.satisfaction-box .satisfaction-submit { margin-left: 15px !important; color: #fff !important; background-color: #001e45 !important; border-color: #001e45 !important; }

/* =====================================================
   TOPBAR
   ===================================================== */

.topbar { width: 100%; color: inherit; background-color: transparent; border-color: #001e45 transparent #eeeeee transparent; border-style: solid; border-width: 4px 0 1px 0; margin-bottom: 24px; }
@media (min-width: 768px) { .topbar { margin-bottom: 48px; } }
.topbar .login { color: #001e45; background-color: transparent; border-color: #001e45; }
.topbar .login:hover, .topbar .login:focus, .topbar .login:active { color: #001e45; background-color: transparent; border-color: #001e45; }
.topbar .login:active { background-image: none; }
@media (max-width: 767px) { .topbar .submit-a-request, .topbar .login, .topbar .language-selector { margin-bottom: 5px; } }
.topbar__inner { width: 100%; margin: 0 auto; }
@media (min-width: 768px) { .topbar__inner { display: table; } }
.topbar__col { position: relative; padding: 12px 0; }
@media (min-width: 768px) { .topbar__col { display: table-cell; vertical-align: middle; } }
@media (min-width: 768px) { .topbar__controls { float: right; } }
@media (max-width: 767px) { .topbar__collapse { display: none; padding-bottom: 24px; } }
@media (min-width: 768px) { .topbar__collapse { display: block !important; } }

/* =====================================================
   SCROLL TO TOP
   ===================================================== */

.scroll-to-top {
  position: fixed; right: 30px; bottom: -50px; z-index: 3;
  font-size: 32px !important; line-height: 45px !important;
  text-align: center; border: 2px solid #001e45; border-radius: 4px;
  -webkit-transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  width: 50px; height: 50px; }
.scroll-to-top:focus, .scroll-to-top:active { outline: 0; }
.scroll-to-top.is-active { bottom: 30px; }
.scroll-to-top:hover { color: #001e45; border-color: #001e45; }

/* =====================================================
   STATUS LABELS
   ===================================================== */

.status-label { padding: 2px 6px; font-size: 12px; color: #fff; border-radius: 4px; }
.status-label--pending { background-color: #F5D200; }
.status-label--with-ticket, .status-label--solved, .status-label--closed,
.status-label--new, .status-label--open, .status-label--official,
.status-label--completed, .status-label--answered { background-color: #001e45; }
.status-label--with-ticket:hover, .status-label--with-ticket:focus, .status-label--with-ticket:active { color: #fff; }
.status-label--planned { background-color: #030303; }
.status-label--not-planned { color: #030303; background-color: #e4e4e4; }

/* Request statuses */
.request-status { display: inline-block; padding: 1px 6px; font-size: 12px; color: #fff; border-radius: 4px; white-space: nowrap; }
.request-status--solved, .request-status--closed, .request-status--new, .request-status--open { background-color: #001e45; }
.request-status--answered { background-color: #F5D200; }

/* =====================================================
   SCALE ANIMATIONS
   ===================================================== */

.scale { -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.scale:focus, .scale:hover {
  text-decoration: none; outline: 0;
  -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
  -webkit-transform: scale(1.05); transform: scale(1.05); }

.smallerScale { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.smallerScale:focus, .smallerScale:hover {
  text-decoration: none; outline: 0;
  -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
  -webkit-transform: scale(0.95); transform: scale(0.95); }

@keyframes zoomInScale {
  from { opacity: 0; -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); }
  to { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } }

.zoomInScale {
  -webkit-animation-duration: 2s; animation-duration: 2s;
  -webkit-animation-name: zoomInScale; animation-name: zoomInScale;
  -webkit-animation-timing-function: cubic-bezier(0.71, 0.55, 0.62, 1.57);
  animation-timing-function: cubic-bezier(0.71, 0.55, 0.62, 1.57); }

/* =====================================================
   NAVBAR
   ===================================================== */

.btn-request-nav a:focus, .btn-request-nav a:hover,
.dropdown-anchor:focus, .dropdown-anchor:hover,
.dropdown-md-trigger, .navbar-link-anchor:focus, .navbar-link-anchor:hover,
.sidebar-anchor:focus, .sidebar-anchor:hover {
  cursor: pointer; text-decoration: none; outline: 0; box-shadow: none; }

.sidebar-dropdown, .sidebar-item, .sidebar-list { padding: 0; margin: 0; }

.navbar {
  top: 0; width: 100%; z-index: 9999; display: block; margin: 0;
  position: fixed; height: 80px; border: none;
  -webkit-transition: height .5s ease-in-out; transition: height .5s ease-in-out; }
.navbar .navbar-header, .navbar.white-navbar .navbar-header { border-right: 1px solid #f2f4f5; }
.navbar:focus, .navbar:hover { text-decoration: none; outline: 0; }
.navbar.white-navbar { background-color: #FFF; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1); height: 60px; display: block; }
.navbar.decrease-height { height: 60px; display: block; }
.navbar .btn-request-nav a { line-height: 60px; }
@media (min-width: 768px) { .navbar { z-index: 999; } .navbar.below-sidebar { z-index: 8; } }

.navbar .navbar-header { position: absolute; width: 80px; top: 0; bottom: 0; }

.navbar .navbar-brand {
  width: 40px; height: 41px;
  background-image: url(/hc/theming_assets/01KNYQKZ789CG4R046BKHNP25N);
  background-size: contain; background-repeat: no-repeat; background-position: center center;
  margin: auto; display: block; float: none;
  position: absolute; top: 0; left: 0; bottom: 0; right: 0;
  border-radius: 100%; }

li.navbar-link-item { height: 100%; float: left; position: relative; margin-right: 11px; }
li.navbar-link-item.login a { margin-right: 12px; }
li.navbar-link-item .vertical-line { margin: 0; position: absolute; right: 0; top: 35%; }

.navbar-link-anchor {
  font-family: 'Neulis', Avenir-Black, sans-serif;
  font-size: 14px; line-height: .9; letter-spacing: .4px;
  color: #a7a7a7; padding: 0; margin: 0; display: block;
  top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
  -webkit-transition: color .4s ease-in-out; transition: color .4s ease-in-out; }
.navbar-link-anchor:focus, .navbar-link-anchor:hover { text-decoration: none; outline: 0; background-color: transparent !important; }
.navbar-link-anchor:visited { color: #a7a7a7; }

.navbar-right { margin-top: 20px; }
.navbar-nav-links { position: absolute; right: 0; top: 0; bottom: 0; }
.navbar-nav-links.nav-left { left: 140px; right: auto; margin-bottom: 0; }
.navbar-nav-links.nav-left .navbar-link-item { margin-right: 30px; }
.navbar-nav-links.nav-left .navbar-link-item a { font-family: 'Neulis', Avenir-Book, sans-serif; color: #0b1520; }
.navbar-nav-links.nav-left .dropdown-arrow { margin-left: 7px; }

.vertical-line { font-weight: 100; height: 22px; border: .2px solid #f2f4f5; display: inline-block; vertical-align: middle; margin: 0 25px 0 20px; }

.btn-request-nav, .btn-request-nav a { font-family: 'Neulis', Avenir-Black, sans-serif; height: 100%; }
.btn-request-nav {
  background-color: #001e45; margin-top: 0; float: left; text-align: center; width: 200px;
  -webkit-transition: background-color .4s ease-in-out; transition: background-color .4s ease-in-out; }
.btn-request-nav:focus, .btn-request-nav:hover { text-decoration: none; outline: 0; }
.btn-request-nav.focus, .btn-request-nav:hover { background-color: #f8b4c3; }
.btn-request-nav a {
  padding: 0 !important; color: #FFF; font-size: 14px; position: absolute;
  font-weight: 800; line-height: 80px;
  -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.btn-request-nav a:focus, .btn-request-nav a:hover { text-decoration: none; outline: 0; color: #FFF; background-color: transparent !important; }

.dropdown-arrow {
  color: #0b1520; display: inline-block;
  -webkit-transition: transform .4s ease-in-out; transition: transform .4s ease-in-out; }
.dropdown-arrow.open { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.blue-divider { width: 135px; border: 1px solid #001e45; display: block; margin-left: 30px; }
.dropdown-heading, .dropdown-item, .sidebar-anchor, .sidebar-item { margin-left: 5px; }
.dropdown-md-trigger { height: 50px; }
.dropdown-md-trigger:focus .navbar-link-anchor, .dropdown-md-trigger:hover .navbar-link-anchor { color: #001e45 !important; }
.dropdown-md-trigger:focus .navigation-dropdown, .dropdown-md-trigger:hover .navigation-dropdown { height: 260px; }
.dropdown-md-trigger:focus .navigation-small-dropdown, .dropdown-md-trigger:hover .navigation-small-dropdown { height: 190px; }

.navigation-dropdown, .sidebar-dropdown { list-style: none; height: 0; overflow: hidden; }
.dropdown-md-trigger:focus .dropdown-arrow, .dropdown-md-trigger:hover .dropdown-arrow { color: #001e45; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.navigation-dropdown {
  background-color: #FFF; width: 307px; position: absolute; top: 100%; padding-left: 0; left: -60px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.navigation-dropdown li { padding-left: 30px; }
.navigation-small-dropdown { left: -50px; }
.navigation-small-dropdown .blue-divider { margin-bottom: 15px; }

/* =====================================================
   SIDEBAR
   ===================================================== */

.sidebar-list { margin-top: 120px; list-style: none; position: relative; }
.sidebar-item { list-style: none; opacity: 0; -webkit-transform: translate(0, 10px); transform: translate(0, 10px); }
.sidebar-item.border-bottom { border-bottom: 1px solid #f2f4f5; }
.sidebar-item .dropdown-arrow { font-size: 1.5em; float: right; right: 0; top: 27px; position: relative; vertical-align: middle; }

.sidebar-anchor {
  font-size: 24px; line-height: 3.1; letter-spacing: .3px;
  font-family: 'Neulis', Avenir-Book, sans-serif;
  color: #0b1520; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
.dropdown-anchor, .dropdown-heading { line-height: 2.1; letter-spacing: .1px; font-size: 14px; }
.sidebar-anchor:focus, .sidebar-anchor:hover { text-decoration: none; outline: 0; color: #001e45; }

.sidebar-dropdown { z-index: -1; width: 100%; position: relative; -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; }
.sidebar-dropdown.border-top { border-top: 1px solid #f2f4f5; }
.sidebar-dropdown.open { height: 210px; }
@media (max-width: 767px) { .sidebar-dropdown.open { overflow-y: auto; } }
.sidebar-dropdown.sidebar-small-dropdown.open { height: 160px; }
.sidebar-dropdown-trigger { position: relative; cursor: pointer; border-bottom: none; }

.dropdown-divider { width: 100%; height: 1px; border: 1px solid #f2f4f5; margin-top: 15px; padding-bottom: 0; margin-left: 5px; }
.dropdown-divider.light-divider { border-color: #e5e6e7; opacity: .5; }

.dropdown-heading { color: #282828; font-family: 'Neulis', Avenir-Black, sans-serif; text-transform: uppercase; font-weight: 700; margin-top: 17px; margin-bottom: 3px; }
.dropdown-anchor { color: #0b1520; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; display: inline-block; font-family: 'Neulis', Avenir-Book, sans-serif; }
.dropdown-anchor:focus, .dropdown-anchor:hover { text-decoration: none; outline: 0; color: #0b1520; }
@media (min-width: 1200px) { .dropdown-anchor:focus, .dropdown-anchor:hover { color: #001e45; } }

.sidebar-links-container { background-color: #FFF; position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 1; width: 90%; bottom: 34px; }
@media (max-height: 700px) { .sidebar-links-container { bottom: auto; top: 600px; margin-bottom: 34px; } }

.sidebar-link { text-align: center; font-family: 'Neulis', Avenir-Black, sans-serif; font-size: 14px; line-height: .9; display: block; width: 100%; padding: 20px 0; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.sidebar-link:focus, .sidebar-link:hover { text-decoration: none; outline: 0; }
@media (min-width: 768px) { .sidebar-link { padding: 35px 0; } }
.sidebar-link.login { background-color: #f2f4f5; color: #282828; margin-bottom: 20px; }
.sidebar-link.request { background-color: #001e45; color: #FFF; }
.sidebar-link.request:focus, .sidebar-link.request:hover { background-color: #001e45; }

.bar { display: block; height: 3px; width: 27px; background-color: #FFF; margin: 4px auto; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.bar.red-background, .sidebar-button.open .bar { background-color: #001e45; }

.sidebar-button {
  display: inline-block; right: 30px; top: 20px; width: auto; margin: 0 auto;
  -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
  cursor: pointer; position: fixed; z-index: 99999; }
.sidebar-button:focus, .sidebar-button:hover { text-decoration: none; outline: 0; }
.sidebar-button.sidebar-button-top-content { position: absolute; display: none; }
.sidebar, .sidebar-button.open { position: fixed; }
@media (min-width: 992px) { .sidebar-button.sidebar-fixed-button { display: none !important; } }
.sidebar-button.decrease-height, .sidebar-button.move-to-top { top: 18px; }

.sidebar-button.open .arrow-top { -webkit-transform: rotateZ(45deg) translateY(8px) translateX(2px); transform: rotateZ(45deg) translateY(8px) translateX(2px); }
.sidebar-button.open .arrow-middle { width: 0; }
.sidebar-button.open .arrow-bottom { -webkit-transform: rotateZ(-45deg) translateY(-8px) translateX(2px); transform: rotateZ(-45deg) translateY(-8px) translateX(2px); }

.sidebar {
  top: 0; bottom: 0; z-index: 9999; background-color: #fff; width: 100%; height: 100vh;
  padding: 0 45px 0 25px; visibility: hidden;
  -webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out; right: -100%; }
@media (min-width: 1200px) { .sidebar { display: none; } }
@media (max-width: 991px) { .hide-overflow { overflow: hidden !important; } }

.to-be-moved { -webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out; }
.move-to-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out; }

.show-sidebar { -webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out; overflow: auto; border-left: 1px solid #e4e4e4; visibility: visible; right: 0; }
.show-sidebar .sidebar-item { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.show-sidebar .sidebar-item.first { -webkit-transition: all .4s .3s ease-in-out; transition: all .4s .3s ease-in-out; }
.show-sidebar .sidebar-item.second { -webkit-transition: all .4s .4s ease-in-out; transition: all .4s .4s ease-in-out; }
.show-sidebar .sidebar-item.third { -webkit-transition: all .4s .5s ease-in-out; transition: all .4s .5s ease-in-out; }

@media (min-width: 768px) { .sidebar { width: 390px; } .move-to-left { -webkit-transform: translateX(-390px); transform: translateX(-390px); } }
@media (min-width: 992px) { .sidebar { display: none; } .move-to-left { -webkit-transform: translateX(0); transform: translateX(0); } .to-be-moved { -webkit-transition: none; transition: none; } }

/* =====================================================
   SITE FOOTER
   ===================================================== */

.footer-col, .footer-list, footer { overflow: hidden; }
.p-0 { padding: 0 !important; }
footer { background-color: #FFF; padding-top: 40px; }
@media (min-width: 768px) { footer { padding-top: 30px; } }
@media (min-width: 992px) { footer { padding-top: 106px; } }
@media (min-width: 1200px) { footer { padding-top: 0px; } }

.footer-logo {
  width: 108px; height: 36px; display: block;
  background-image: url(/hc/theming_assets/01KNYQKZ789CG4R046BKHNP25N);
  background-size: contain; background-position: center center; background-repeat: no-repeat; }
@media (max-width: 767px) { .footer-logo { margin: 0 auto 44px; } }
@media (min-width: 1200px) { .footer-logo { height: 43px; width: 130px; } }

.footer-list { list-style: none; padding: 0; margin: 0 0 25px; }
@media (min-width: 768px) { .footer-list { margin-bottom: 0; } }
.footer-list.active { margin-bottom: 20px; }
.footer-contact-list li { padding: 0; }
.footer-list-item { text-align: center; padding: 0; }
.footer-list-item:not(:last-child) { margin-bottom: 7px; }
.footer-list-item .icon-link { color: #282828; display: inline-block; }
.footer-list-item .icon-link:not(:last-child) { margin-right: 5px; }
.icon-link .fa { font-weight: 400; line-height: 1.08; letter-spacing: 4px; color: #001e45; font-size: 16px; }

@media (min-width: 768px) {
  .footer-list-item:not(:last-child) { margin-bottom: 3px; }
  .footer-list-item { text-align: left; }
  .footer-icons { margin-top: 35px; } }

.footer-list-anchor {
  color: #0b1520; font-family: 'Neulis', Avenir-Roman, sans-serif;
  font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: .4px;
  -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.footer-list-anchor:focus, .footer-list-anchor:hover { outline: 0; text-decoration: none; color: #001e45; }
@media (min-width: 768px) { .footer-list-anchor { font-size: 13px; } }

.footer-list-title {
  font-family: 'Neulis', Avenir, sans-serif;
  font-size: 18px; line-height: 1.11; font-weight: 900; letter-spacing: .4px;
  color: #0b1520; text-transform: uppercase;
  margin: 0; padding: 13px 0; text-align: center; display: block; border: 0 !important; }

.copyright { font-size: 12px; font-weight: 400; line-height: 2.17; letter-spacing: .4px; color: #282828; }

@media (min-width: 768px) {
  .footer-list-title { font-size: 14px; padding-top: 0; text-align: left; margin-top: 10px; }
  .copyright { padding: 0; } }
@media (min-width: 992px) { .copyright { text-align: left !important; } }

.footer-bottom-content { padding: 16px 0; background-color: #fafafa; margin-top: 40px; }
.footer-bottom-content .container { padding-left: 0; padding-right: 0; }
.footer-bottom-list { margin-top: 12px; margin-bottom: 10px; padding: 0; text-align: center; }
@media (min-width: 768px) { .footer-bottom-list { margin: 0; text-align: right; } .copyright, .footer-bottom-list { margin-top: 5px; } }
@media (min-width: 992px) { .copyright, .footer-bottom-list { margin-top: 6px; } }

.footer-bottom-list-item { margin-bottom: 5px; }
.footer-bottom-list-anchor { font-family: 'Neulis', Avenir-Roman, sans-serif; font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: .4px; text-align: right; color: #282828; }
.footer-bottom-list-anchor:focus, .footer-bottom-list-anchor:hover, .footer-bottom-list-anchor:visited { color: #282828; text-decoration: none; outline: 0; }

@media (max-width: 767px) {
  .footer-list-title { cursor: pointer; overflow: hidden; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
  .footer-list-title:focus, .footer-list-title:hover { text-decoration: none; outline: 0; background-color: #f2f4f5; } }

@media (min-width: 768px) { .footer-bottom-list-item { display: inline-block; margin-bottom: 0; } .footer-bottom-list-item:not(:last-child) { margin-right: 20px; } .footer-bottom-list-anchor { line-height: 2.17; font-size: 12px; } }
@media (min-width: 1200px) { .copyright, .footer-bottom-list { margin-top: 10px; } }

.mixpanel-col { text-align: left; }
@media (min-width: 480px) { .mixpanel-col { text-align: right; } }

.footer-container { padding: 0; }
.footer-container .panel { margin: 0 !important; }
.footer-container .panel-group { margin-bottom: 0; }
.footer-container .panel-default { border: none; border-radius: 0; box-shadow: none; }
.footer-container .panel-default .panel-heading { background-color: transparent; padding: 0; }

/* =====================================================
   ACCORDION
   ===================================================== */

.collapse { display: none; }
.collapse.in { display: block; }
.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; }
.panel-collapse.collapse { display: none; opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.panel-collapse.collapse.in { display: block; opacity: 1; }
.panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; }
.panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; }
.panel-title > a { color: inherit; }
.panel-title > a:hover { color: #001e45; }
.panel-heading, .collapsed { background-color: transparent !important; color: #474747; }
.panel-default { border: 0; box-shadow: none; }

/* =====================================================
   PROMOTED ARTICLES FIX
   ===================================================== */

.promoted-articles-item.column:nth-child(3n+1) { clear: left; }

/* =====================================================
   TEXT SELECTION
   ===================================================== */

::selection { background-color: #f8b4c3; color: #ffffff; }
::-moz-selection { background-color: #f8b4c3; color: #ffffff; }

/* =====================================================
   COMMUNITY / ACTIVITY
   ===================================================== */

.activity { margin-top: 66px; }
.recent-activity-header { color: #264563; margin-bottom: 42px; }
.recent-activity-list { margin-left: -15px; margin-right: -15px; padding-left: 0; list-style: none; }
.recent-activity-item { width: 100%; margin-bottom: 24px; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
@media (min-width: 768px) { .recent-activity-item { width: 50%; } .recent-activity-item:nth-child(2n+1) { clear: left; } }
@media (min-width: 992px) { .recent-activity-item { width: 33.33333%; } .recent-activity-item:nth-child(2n+1) { clear: none; } .recent-activity-item:nth-child(3n+1) { clear: left; } }
.recent-activity-item-link { display: block; color: #3c3c40; font-size: 24px; margin-bottom: 10px; }
.recent-activity-item-time { color: #BABABA; }
.recent-activity-item-parent, .recent-activity-item-comment { display: none; }

[data-recent-activity-seemore] { color: #001e45; display: none; padding: 6px 12px; border-radius: 4px; background-color: transparent; border: 2px solid #001e45; font-weight: 600; }
[data-recent-activity-seemore]:hover, [data-recent-activity-seemore]:active, [data-recent-activity-seemore]:focus { color: #030303; border-color: #030303; }

.community-recent-activity { padding: 0; border: 0; border-radius: 0; margin: 46px 0; }
@media (max-width: 767px) { .community-recent-activity { margin: 48px 0; } }
.community-recent-activity h4 { font-size: 34px; color: #264563; font-family: 'Neulis', 'Avenir LT W01_95 Black1475556', sans-serif; font-weight: 900; margin-bottom: 48px; }
.community-recent-activity h4 a { font-size: 20px; color: #001e45; display: inline-block; position: relative; top: -3px; margin-left: 10px; }
.community-recent-activity .recent-activity-header { color: #030303; font-size: 24px; font-family: 'Neulis', "Avenir LT W01_45 Book1475508", sans-serif; margin-bottom: 24px; }
.community-recent-activity .recent-activity-no-activities { color: #264563; display: none; }
.community-recent-activity [data-recent-activity-seemore] { display: none; }
.community-recent-activity .recent-activity-controls a { display: none; }

/* =====================================================
   PROFILE
   ===================================================== */

.profile-header { margin-bottom: 24px; border-radius: 4px; background-color: #ECEEEF; padding: 24px 15px; text-align: center; color: #030303; }
.profile-header__avatar { display: inline-block; }
.profile-header__name { margin-bottom: 12px; font-size: 24px; }
.profile-header__name a { color: #030303; }
@media (min-width: 768px) { .profile-header__name { font-size: 34px; font-weight: 300; } }
.profile-header__options [data-action="edit-profile"] { color: #001e45; background-color: transparent; border-color: #001e45; }
.profile-header__options [data-action="edit-profile"]:hover, .profile-header__options [data-action="edit-profile"]:focus, .profile-header__options [data-action="edit-profile"]:active { color: #001e45; background-color: transparent; border-color: #001e45; }
.profile-header__private-badge { display: inline-block; margin-bottom: 24px; background-color: #030303; }
.profile-header__description { word-break: break-all; word-break: break-word; }

.profile-nav { margin-bottom: 24px; border-radius: 4px; background-color: #e4e4e4; overflow: hidden; font-size: 14px; font-weight: 600; }
.profile-nav__items { margin: 0; padding-left: 0; list-style: none; }
.profile-nav__item { margin-bottom: 0; }
@media (min-width: 768px) { .profile-nav__item { display: inline-block; vertical-align: middle; } }
.profile-nav__item a { display: block; color: #030303; }
.profile-nav__item.is-active { background-color: #001e45; color: #fff; }
.profile-nav__item.is-active, .profile-nav__item a { padding: 16px 12px; line-height: 1; }

.profile-stats { margin-bottom: 12px; padding-left: 0; list-style: none; font-size: 14px; color: #979797; }
.profile-stats__value { color: #030303; }
.profile-contribution { position: relative; border-radius: 4px; background-color: #ececec; padding: 12px 15px; word-wrap: break-word; }

/* =====================================================
   REQUESTS
   ===================================================== */

.request-page { margin-bottom: 48px; }
.request { position: relative; }
.request-id { margin-bottom: 12px; font-weight: 600; }
.request-subject { font-size: 24px; }
@media (min-width: 992px) { .request-subject { font-size: 34px; font-weight: 300; } }
.request-sidebar { padding: 24px 12px 0; margin-bottom: 24px; font-size: 14px; border: 2px solid #e4e4e4; border-radius: 4px; }
.request-sidebar dd { margin-bottom: 12px; }

.new-request-page { margin-bottom: 48px; }
.new-request-title { font-size: 24px; }
@media (min-width: 768px) { .new-request-title { font-size: 34px; } }
@media (min-width: 992px) { .new-request-title { font-size: 41px; } }
.new-request-form { margin-bottom: 24px; }

.upload-dropzone { border-radius: 4px; border: 2px solid #e4e4e4 !important; }
.upload-dropzone, .upload-dropzone a { font-size: 14px; }
.upload-dropzone span { color: #434343; }

/* =====================================================
   VOTE
   ===================================================== */

.vote { max-width: 40px; width: 100%; }
.vote [aria-selected=true] { z-index: 2; }
.vote-sum { display: block; padding-top: 6px; padding-bottom: 6px; font-weight: 600; text-align: center; }
.vote-control { position: relative; z-index: 1; display: block !important; padding: 4px 0 !important; font-size: 16px !important; color: #030303; border-color: #e4e4e4; line-height: 1.5 !important; }
.vote-control:hover, .vote-control:active { z-index: 2; }

/* =====================================================
   SHARE BUTTONS
   ===================================================== */

.share { padding-left: 0; white-space: nowrap; list-style: none; }
.share li { position: relative; display: inline-block; margin-bottom: 5px; vertical-align: top; }
.share a { display: block; width: 30px; height: 30px; overflow: hidden; line-height: 30px; background-color: #e4e4e4; border-color: #e4e4e4; border-radius: 4px; }
.share-facebook { color: #3d5b95; background-color: #e4e4e4; border-color: #e4e4e4; }
.share-facebook:hover, .share-facebook:focus, .share-facebook:active { color: #2b406a; background-color: #cbcbcb; border-color: #c5c5c5; }
.share-facebook:before { content: "\f09a"; }
.share-twitter { color: #24aadd; background-color: #e4e4e4; border-color: #e4e4e4; }
.share-twitter:hover, .share-twitter:focus, .share-twitter:active { color: #1a82a9; background-color: #cbcbcb; border-color: #c5c5c5; }
.share-twitter:before { content: "\f099"; }
.share-linkedin { color: #0976b4; background-color: #e4e4e4; border-color: #e4e4e4; }
.share-linkedin:hover, .share-linkedin:focus, .share-linkedin:active { color: #06507a; background-color: #cbcbcb; border-color: #c5c5c5; }
.share-linkedin:before { content: "\f0e1"; }

/* =====================================================
   MISC UTILITIES
   ===================================================== */

#large-wrapper, .navbar-right { overflow: hidden; }
.navbar ul { padding-left: 0; list-style: none; }
.nav:before, .nav:after { content: " "; display: table; }
.nav > li > a { position: relative; display: block; padding: 10px 15px; }
.nav { margin-bottom: 0; }

.page-header { margin-bottom: 24px; }
.page-header--with-border { border-bottom: 2px solid #e4e4e4; }

.error-page { padding: 10% 0 10%; text-align: center; }
.error-page__title { text-transform: capitalize; }

.help-center-name { display: inline-block; margin: 0; vertical-align: middle; }
@media (max-width: 767px) { .help-center-name { display: none; } }

.avatar { position: relative; display: inline-block; }
.user-avatar { border-radius: 100%; }
.user-avatar--default { width: 40px; height: 40px; }
#user .user-avatar { width: 30px; height: 30px; }

.language-selector { display: inline-block; vertical-align: middle; }
.logo img { display: block; max-height: 50px !important; }
#user-menu { margin: 0 !important; border: 0 !important; }
#user > .btn { font-weight: 400; text-transform: none; letter-spacing: 0; padding-left: 0; padding-right: 0; }

.searchbox { margin-top: 24px; }
.searchbox-suggestions ul { margin-bottom: 24px; list-style: none; padding-left: 0; }
.searchbox-suggestions li { margin-bottom: 8px; }

.attachment-list { list-style: none; padding-left: 0; margin: 0; font-size: 14px; }
.attachment-list__item { position: relative; padding-left: 18px; margin-bottom: 12px; }
.attachment-list__icon { position: absolute; left: 0; top: 4px; }

.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }
.embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
.embed-responsive--16by9 { padding-bottom: 56.25%; }
.embed-responsive--4by3 { padding-bottom: 75%; }

.breadcrumbs > li a { color: #001e45; }
.section-subscribe .dropdown-menu { right: 0; left: initial; }

.slider.slider-horizontal .slider-handle { background: #001e45; }

@media (min-width: 768px) and (max-width: 991px) { .p-sm-0 { padding: 0 !important; } }
@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }