/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
/* line 11, src/sass/_normalize.scss */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
/* line 23, src/sass/_normalize.scss */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
/* line 31, src/sass/_normalize.scss */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* line 40, src/sass/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
/* line 53, src/sass/_normalize.scss */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 64, src/sass/_normalize.scss */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
/* line 76, src/sass/_normalize.scss */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
/* line 85, src/sass/_normalize.scss */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/* line 95, src/sass/_normalize.scss */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 105, src/sass/_normalize.scss */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
/* line 116, src/sass/_normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
/* line 125, src/sass/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 133, src/sass/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* line 137, src/sass/_normalize.scss */
sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
/* line 148, src/sass/_normalize.scss */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
/* line 160, src/sass/_normalize.scss */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/* line 176, src/sass/_normalize.scss */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 186, src/sass/_normalize.scss */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
/* line 195, src/sass/_normalize.scss */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
/* line 206, src/sass/_normalize.scss */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
/* line 218, src/sass/_normalize.scss */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
/* line 229, src/sass/_normalize.scss */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
/* line 240, src/sass/_normalize.scss */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
/* line 253, src/sass/_normalize.scss */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
/* line 261, src/sass/_normalize.scss */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
/* line 270, src/sass/_normalize.scss */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/* line 280, src/sass/_normalize.scss */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/* line 290, src/sass/_normalize.scss */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
/* line 299, src/sass/_normalize.scss */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
/* line 308, src/sass/_normalize.scss */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
/* line 320, src/sass/_normalize.scss */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
/* line 328, src/sass/_normalize.scss */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
/* line 339, src/sass/_normalize.scss */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
/* line 347, src/sass/_normalize.scss */
[hidden] {
  display: none;
}

/* line 351, src/sass/_normalize.scss */
*,
*:before,
*:after {
  box-sizing: border-box;
}

/* line 1, src/sass/_grid.scss */
.container {
  margin: 0 auto;
  width: 100%;
  max-width: 960px;
}

@media only screen and (max-width: 1000px) {
  /* line 8, src/sass/_grid.scss */
  .container {
    width: 96%;
    padding: 0 1rem;
  }
}

/*===============================
=            Choices            =
===============================*/
/* line 4, src/sass/_choices.scss */
.choices {
  position: relative;
  margin-bottom: 24px;
  font-size: 25px;
}

/* line 10, src/sass/_choices.scss */
.choices:focus {
  outline: none;
}

/* line 14, src/sass/_choices.scss */
.choices:last-child {
  margin-bottom: 0;
}

/* line 21, src/sass/_choices.scss */
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

/* line 30, src/sass/_choices.scss */
.choices.is-disabled .choices__item {
  cursor: not-allowed;
}

/* line 34, src/sass/_choices.scss */
.choices [hidden] {
  display: none !important;
}

/* line 38, src/sass/_choices.scss */
.choices[data-type*='select-one'] {
  cursor: pointer;
}

/* line 46, src/sass/_choices.scss */
.choices[data-type*='select-one'] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #dddddd;
  background-color: #ffffff;
  margin: 0;
}

/* line 55, src/sass/_choices.scss */
.choices[data-type*='select-one'] .choices__button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: 0.5;
}

/* line 70, src/sass/_choices.scss */
.choices[data-type*='select-one'] .choices__button:hover, .choices[data-type*='select-one'] .choices__button:focus {
  opacity: 1;
}

/* line 78, src/sass/_choices.scss */
.choices[data-type*='select-one'] .choices__item[data-value=''] .choices__button {
  display: none;
}

/* line 82, src/sass/_choices.scss */
.choices[data-type*='select-one']:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  right: 1rem;
  top: 50%;
  margin-top: -10px;
  vertical-align: middle;
  border-radius: 50%;
  background: #ffaa20 url("../images/arrow-bottom.svg") no-repeat 50% 50%;
  background-size: 50%;
  background-position: 50% 8px;
  transform-origin: 50% 50%;
  transition: transform 200ms, background-color 300ms;
  pointer-events: none;
}

/* line 103, src/sass/_choices.scss */
.choices[data-type*='select-one'].is-open:after {
  border-color: transparent transparent #333333 transparent;
  transform: rotate(-90deg);
}

/* line 108, src/sass/_choices.scss */
.choices[data-type*='select-one'][dir='rtl']:after {
  left: 11.5px;
  right: auto;
}

/* line 113, src/sass/_choices.scss */
.choices[data-type*='select-one'][dir='rtl'] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}

/* line 120, src/sass/_choices.scss */
.choices[data-type*='select-multiple'] .choices__inner,
.choices[data-type*='text'] .choices__inner {
  cursor: text;
}

/* line 125, src/sass/_choices.scss */
.choices[data-type*='select-multiple'] .choices__button,
.choices[data-type*='text'] .choices__button {
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-right: -4px;
  margin-bottom: 0;
  margin-left: 8px;
  padding-left: 16px;
  border-left: 1px solid #008fa1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: 0.75;
  border-radius: 0;
}

/* line 143, src/sass/_choices.scss */
.choices[data-type*='select-multiple'] .choices__button:hover, .choices[data-type*='select-multiple'] .choices__button:focus,
.choices[data-type*='text'] .choices__button:hover,
.choices[data-type*='text'] .choices__button:focus {
  opacity: 1;
}

/* line 149, src/sass/_choices.scss */
.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #005fd1;
  padding: 0.75rem 1rem;
  border: none;
  border-radius: 5px;
  min-height: 44px;
  overflow: hidden;
  color: #ffffff;
  transition: background-color 200ms;
}

/* line 163, src/sass/_choices.scss */
.choices__list--single .choices__item {
  color: #ffffff;
}

/* line 167, src/sass/_choices.scss */
.is-open .choices__inner,
.choices__inner:hover {
  background-color: #1f85ff;
}

/* line 172, src/sass/_choices.scss */
.is-focused .choices__inner,
.is-open .choices__inner {
  border-color: #b7b7b7;
}

/* line 177, src/sass/_choices.scss */
.is-open .choices__inner {
  border-radius: 5px 5px 0 0;
}

/* line 181, src/sass/_choices.scss */
.is-flipped.is-open .choices__inner {
  border-radius: 0 0 5px 5px;
}

/* line 185, src/sass/_choices.scss */
.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

/* line 191, src/sass/_choices.scss */
.choices__list--single {
  display: inline-block;
  width: 100%;
}

/* line 197, src/sass/_choices.scss */
[dir='rtl'] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}

/* line 202, src/sass/_choices.scss */
.choices__list--single .choices__item {
  width: 100%;
}

/* line 206, src/sass/_choices.scss */
.choices__list--multiple {
  display: inline;
}

/* line 210, src/sass/_choices.scss */
.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  padding: 4px 10px;
  font-weight: 500;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  background-color: #00bcd4;
  border: 1px solid #00a5bb;
  color: #ffffff;
  word-break: break-all;
  box-sizing: border-box;
}

/* line 225, src/sass/_choices.scss */
.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}

/* line 229, src/sass/_choices.scss */
[dir='rtl'] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}

/* line 234, src/sass/_choices.scss */
.choices__list--multiple .choices__item.is-highlighted {
  background-color: #00a5bb;
  border: 1px solid #008fa1;
}

/* line 239, src/sass/_choices.scss */
.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaaaaa;
  border: 1px solid #919191;
}

/* line 244, src/sass/_choices.scss */
.choices__list--dropdown {
  visibility: hidden;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
  word-break: break-all;
  will-change: visibility;
}

/* line 260, src/sass/_choices.scss */
.choices__list--dropdown.is-active {
  visibility: visible;
}

/* line 264, src/sass/_choices.scss */
.is-open .choices__list--dropdown {
  border-color: #b7b7b7;
}

/* line 268, src/sass/_choices.scss */
.is-flipped .choices__list--dropdown {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.25rem 0.25rem 0 0;
}

/* line 276, src/sass/_choices.scss */
.choices__list--dropdown .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

/* line 284, src/sass/_choices.scss */
.choices__list--dropdown .choices__item {
  position: relative;
  padding: 0.5rem 1rem;
  font-size: 20px;
}

/* line 290, src/sass/_choices.scss */
[dir='rtl'] .choices__list--dropdown .choices__item {
  text-align: right;
}

@media (min-width: 640px) {
  /* line 297, src/sass/_choices.scss */
  .choices__list--dropdown .choices__item--selectable:after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  /* line 306, src/sass/_choices.scss */
  [dir='rtl'] .choices__list--dropdown .choices__item--selectable {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }
  /* line 311, src/sass/_choices.scss */
  [dir='rtl'] .choices__list--dropdown .choices__item--selectable:after {
    right: auto;
    left: 10px;
  }
}

/* line 317, src/sass/_choices.scss */
.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: #e8f2ff;
}

/* line 321, src/sass/_choices.scss */
.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
  opacity: 0.5;
}

/* line 325, src/sass/_choices.scss */
.choices__item {
  cursor: default;
  color: #005fd1;
}

/* line 330, src/sass/_choices.scss */
.choices__item--selectable {
  cursor: pointer;
}

/* line 334, src/sass/_choices.scss */
.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
       user-select: none;
  opacity: 0.5;
}

/* line 342, src/sass/_choices.scss */
.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: gray;
}

/* line 350, src/sass/_choices.scss */
.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

/* line 362, src/sass/_choices.scss */
.choices__button:focus {
  outline: none;
}

/* line 366, src/sass/_choices.scss */
.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 14px;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px;
}

/* line 378, src/sass/_choices.scss */
.choices__input:focus {
  outline: 0;
}

/* line 382, src/sass/_choices.scss */
[dir='rtl'] .choices__input {
  padding-right: 2px;
  padding-left: 0;
}

/*=====  End of Choices  ======*/
/* line 26, src/sass/styles.scss */
html {
  font-size: 125%;
}

/* line 30, src/sass/styles.scss */
body {
  background-color: #fff;
  font-style: italic;
  font-family: ff-good-web-pro-condensed, sans-serif;
  overflow-y: visible;
  font-size: 1rem;
}

/* line 40, src/sass/styles.scss */
.relative {
  position: relative;
}

/* line 46, src/sass/styles.scss */
.header {
  padding: 2rem 0;
  padding-bottom: 0;
  padding-top: 100px;
  position: relative;
  z-index: 2;
}

/* line 54, src/sass/styles.scss */
.header:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 180px;
  top: 35px;
  background-image: linear-gradient(to top, #e8f2ff, rgba(232, 242, 255, 0));
}

/* line 64, src/sass/styles.scss */
.header-top-ribbon {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 180px;
  z-index: -1;
}

/* line 74, src/sass/styles.scss */
.header-top-ribbon:after {
  content: "";
  position: absolute;
  top: 0;
  height: 10px;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.98);
}

/* line 84, src/sass/styles.scss */
.header-top-ribbon:before {
  content: "";
  z-index: 2;
  position: absolute;
  top: 34px;
  bottom: 0;
  left: 0;
  width: 100%;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.98), white);
}

/* line 95, src/sass/styles.scss */
.header-top-ribbon span {
  background-image: linear-gradient(90deg, #005fd1, #005fd1 24px, transparent 24px, transparent 34px, #005fd1 34px, #005fd1 68px, transparent 68px, transparent 78px, #005fd1 78px, #005fd1 142px, transparent 142px, transparent 152px);
  background-size: 152px 1px;
  background-position: 50% 0;
  position: absolute;
  top: 0;
  left: -100px;
  right: -100px;
  height: 180px;
  transform: skew(-20deg);
}

/* line 106, src/sass/styles.scss */
.header__baseline {
  margin-top: 0.5rem;
  color: #005fd1;
  font-size: 1.1rem;
  margin-bottom: 1rem;
}

/* line 113, src/sass/styles.scss */
.header__bubble {
  padding: 3rem;
  width: 58.3333333333%;
  background-color: #ffaa20;
  border-radius: 5px 0 5px 5px;
  color: #fff5cb;
  font-weight: 300;
  font-style: italic;
  line-height: 1.5;
  letter-spacing: -0.5px;
  position: relative;
  -webkit-filter: drop-shadow(-20px 20px 20px rgba(13, 34, 97, 0.2));
          filter: drop-shadow(-20px 20px 20px rgba(13, 34, 97, 0.2));
  padding-bottom: 4rem;
  bottom: -2rem;
  font-size: 1.5rem;
  z-index: 10;
}

/* line 131, src/sass/styles.scss */
.header__bubble:after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(100% - 1px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 60px 0 0;
  border-color: #ffaa20 transparent transparent transparent;
}

/* line 143, src/sass/styles.scss */
.header__policeman {
  position: absolute;
  right: -10px;
  bottom: 0;
  -webkit-filter: drop-shadow(-20px 20px 20px rgba(13, 34, 97, 0.2));
          filter: drop-shadow(-20px 20px 20px rgba(13, 34, 97, 0.2));
}

/* line 150, src/sass/styles.scss */
.header__police-car {
  position: absolute;
  right: 0;
  transform: translateX(45%);
  bottom: 174px;
  -webkit-filter: drop-shadow(-20px 20px 20px rgba(13, 34, 97, 0.2));
          filter: drop-shadow(-20px 20px 20px rgba(13, 34, 97, 0.2));
}

/* line 158, src/sass/styles.scss */
.header__ribbon {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  height: 180px;
  background-image: linear-gradient(to right, #005fd1, #003d8d);
  overflow: hidden;
}

/* line 169, src/sass/styles.scss */
.header__ribbon:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url("../images/ribbon-fight-crime.png") repeat-x;
  background-position: 50% 45px;
  opacity: 0.5;
  mix-blend-mode: overlay;
}

/* line 182, src/sass/styles.scss */
.header__ribbon:before {
  content: "";
  position: absolute;
  left: -100px;
  right: -100px;
  height: 24px;
  bottom: 30px;
  background-image: linear-gradient(90deg, #0d2261, #0d2261 24px, transparent 24px, transparent 34px, #0d2261 34px, #0d2261 68px, transparent 68px, transparent 78px, #0d2261 78px, #0d2261 142px, transparent 142px, transparent 152px);
  background-size: 152px 1px;
  background-size: 152px 1px;
  transform: skew(-26deg);
  opacity: 0.4;
  mix-blend-mode: overlay;
}

/* line 196, src/sass/styles.scss */
.container--header-ribbon-halo {
  height: 180px;
  position: relative;
}

/* line 201, src/sass/styles.scss */
.header__ribbon__halo {
  width: 400px;
  height: 260px;
  background-color: #fcfdfe;
  border-radius: 50%;
  position: absolute;
  right: 20%;
  top: 50%;
  margin-right: -250px;
  transform: translateY(-50%);
  -webkit-filter: blur(50px);
          filter: blur(50px);
  mix-blend-mode: overlay;
}

/* line 216, src/sass/styles.scss */
.container--main {
  position: relative;
  padding-bottom: 10rem;
  padding-top: 4rem;
  z-index: 1;
}

/* line 223, src/sass/styles.scss */
.container--main:before,
.container--main:after {
  content: "";
  position: absolute;
  display: block;
  height: 700px;
  left: 0;
  right: 0;
  z-index: -20;
}

/* line 234, src/sass/styles.scss */
.container--main:before {
  background-image: linear-gradient(to bottom, #e8f2ff, rgba(232, 242, 255, 0));
  top: 0;
}

/* line 239, src/sass/styles.scss */
.container--main:after {
  background-image: linear-gradient(to top, #e8f2ff, rgba(232, 242, 255, 0));
  bottom: 0;
}

/* line 246, src/sass/styles.scss */
.nav-filter {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 4rem;
}

/* line 254, src/sass/styles.scss */
.nav-filter__label {
  color: #005fd1;
  margin-right: 1rem;
  display: inline-block;
}

/* line 260, src/sass/styles.scss */
.nav-filter .choices {
  position: relative;
  z-index: 600;
  width: 260px;
}

/* line 266, src/sass/styles.scss */
.nav-filter .choices__list--single {
  display: block;
}

/* line 270, src/sass/styles.scss */
.choices__list--single .choices__item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px;
}

/* line 279, src/sass/styles.scss */
.articles-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 4.5rem;
}

/* line 286, src/sass/styles.scss */
.article {
  color: #005fd1;
  font-size: 1rem;
  opacity: 1;
  position: relative;
  padding-bottom: 100px;
  transition: opacity 800ms;
  transition: opacity 800ms, transform 400ms;
}

/* line 296, src/sass/styles.scss */
.article.hidden {
  display: none;
}

/* line 300, src/sass/styles.scss */
.article.show-enter {
  display: block;
  opacity: 0;
  transform: translateY(30px);
}

/* line 306, src/sass/styles.scss */
.article.hidden-enter {
  display: block;
  opacity: 0;
}

/* line 311, src/sass/styles.scss */
.article__title {
  margin-top: 0;
  font-weight: 700;
  margin-bottom: 1.2rem;
  font-size: 1.5rem;
  letter-spacing: -1px;
  min-height: 3rem;
  line-height: 1;
}

/* line 321, src/sass/styles.scss */
.article__title a {
  color: inherit;
  text-decoration: none;
  transition: color 200ms;
}

/* line 327, src/sass/styles.scss */
.article__title a:hover {
  color: #ffaa20;
}

/* line 331, src/sass/styles.scss */
.article__link {
  color: #ffaa20;
  display: block;
  padding: 1.2rem 0;
  border-left: none;
  border-right: none;
  margin-top: 1rem;
  transition: color 300ms;
  position: absolute;
  font-size: 1rem;
  line-height: 1;
  left: 0;
  bottom: 0;
  right: 0;
}

/* line 347, src/sass/styles.scss */
.article__link:before,
.article__link:after {
  content: "";
  position: absolute;
  height: 1px;
  background-image: linear-gradient(90deg, #ffaa20, #ffaa20 3px, transparent 3px, transparent 100%);
  background-size: 6px 1px;
  width: 100%;
  left: 0;
}

/* line 358, src/sass/styles.scss */
.article__link:before {
  top: 0;
}

/* line 362, src/sass/styles.scss */
.article__link:after {
  bottom: 0;
}

/* line 366, src/sass/styles.scss */
.article__link span:before {
  content: "";
  color: #005fd1;
  transform: rotate(-90deg);
  background: #ffaa20 url("../images/arrow-bottom.svg") no-repeat 50% 50%;
  background-size: 50%;
  background-position: 50% 8px;
  transform-origin: 50% 50%;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 0.5rem;
  transition: background-color 300ms;
}

/* line 384, src/sass/styles.scss */
.article__link:hover {
  color: #005fd1;
  text-decoration: none;
}

/* line 389, src/sass/styles.scss */
.article__link:hover span:before {
  background-color: #005fd1;
}

/* line 395, src/sass/styles.scss */
.footer {
  background-image: linear-gradient(to right, #005fd1, #003d8d);
  position: relative;
  padding-top: 128px;
  padding-bottom: 150px;
  z-index: 2;
  border-top: 10px solid #ffaa20;
}

/* line 404, src/sass/styles.scss */
.footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-image: url("../images/web-police-badge.png");
  background-repeat: no-repeat;
  width: 110px;
  height: 124px;
  -webkit-filter: drop-shadow(-20px 20px 20px rgba(13, 34, 97, 0.2));
          filter: drop-shadow(-20px 20px 20px rgba(13, 34, 97, 0.2));
}

/* line 417, src/sass/styles.scss */
.footer__ribbon {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  height: 24px;
  overflow: hidden;
}

/* line 426, src/sass/styles.scss */
.footer__ribbon:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 24px;
  background-image: linear-gradient(90deg, #005fd1, #005fd1 24px, transparent 24px, transparent 34px, #005fd1 34px, #005fd1 68px, transparent 68px, transparent 78px, #005fd1 78px, #005fd1 142px, transparent 142px, transparent 152px);
  background-size: 152px 1px;
  transform: skew(-20deg);
}

/* line 437, src/sass/styles.scss */
.footer__content {
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #ffffff;
  mix-blend-mode: overlay;
}

@media only screen and (min-width: 20px) {
  /* line 449, src/sass/styles.scss */
  .header__bubble {
    min-height: 300px;
  }
}

@media only screen and (max-width: 1150px) {
  /* line 455, src/sass/styles.scss */
  .header__police-car {
    display: none;
  }
}

@media only screen and (max-width: 830px) {
  /* line 461, src/sass/styles.scss */
  .articles-list {
    grid-template-columns: repeat(2, 1fr);
  }
  /* line 465, src/sass/styles.scss */
  .footer__content {
    font-size: 1.25rem;
  }
}

@media only screen and (max-width: 540px) {
  /* line 472, src/sass/styles.scss */
  .header-top-ribbon:before {
    top: 24px;
  }
  /* line 476, src/sass/styles.scss */
  .header__ribbon:before,
  .footer__ribbon:after {
    height: 14px;
  }
  /* line 481, src/sass/styles.scss */
  .footer__ribbon {
    bottom: 1.5rem;
  }
  /* line 485, src/sass/styles.scss */
  .header {
    padding-top: 70px;
  }
  /* line 489, src/sass/styles.scss */
  .header:before {
    top: 24px;
  }
  /* line 493, src/sass/styles.scss */
  .header-top {
    text-align: center;
  }
  /* line 497, src/sass/styles.scss */
  .header-bottom {
    padding-top: 2rem;
  }
  /* line 501, src/sass/styles.scss */
  .container--main {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }
  /* line 506, src/sass/styles.scss */
  .header__bubble {
    width: 100%;
    border-radius: 5px;
    min-height: 0;
    bottom: 1rem;
  }
  /* line 513, src/sass/styles.scss */
  .header__bubble:after {
    content: none;
  }
  /* line 517, src/sass/styles.scss */
  .header__policeman {
    display: none;
  }
  /* line 521, src/sass/styles.scss */
  .nav-filter {
    flex-direction: column;
    margin-bottom: 3rem;
  }
  /* line 526, src/sass/styles.scss */
  .nav-filter__label {
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
  /* line 531, src/sass/styles.scss */
  .nav-filter .choices {
    width: 100%;
    max-width: 350px;
  }
  /* line 536, src/sass/styles.scss */
  .articles-list {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 2rem;
  }
  /* line 541, src/sass/styles.scss */
  .article__title {
    min-height: 0;
    margin-bottom: 0.5rem;
  }
  /* line 546, src/sass/styles.scss */
  .footer__content {
    font-size: 1rem;
  }
  /* line 550, src/sass/styles.scss */
  .footer {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  /* line 555, src/sass/styles.scss */
  .footer:before {
    width: 90px;
    height: 100px;
    background-size: contain;
  }
}

@media only screen and (max-width: 1000px) {
  /* line 563, src/sass/styles.scss */
  .header__bubble {
    font-size: 1rem;
    padding: 30px;
    padding-bottom: 40px;
  }
  /* line 569, src/sass/styles.scss */
  .header__policeman {
    width: 45%;
    max-width: 375px;
  }
  /* line 574, src/sass/styles.scss */
  .header__bubble:after {
    border-width: 30px 30px 0 0;
  }
}