/**
 * Fix fonts that render as bold in Firefox
 *
 * Put this near the top of your style.css
 * Before any overriding styles
 */
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
}

/**
 * Firefox specific rule
 */
@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

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

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

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

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

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

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

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

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

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

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

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

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

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

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

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

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

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

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

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

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}

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

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

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

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

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

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

td,
th {
  padding: 0;
}

/*! HTML5 Boilerplate v5.3.0 | MIT License | https:///html5boilerplate.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https:///twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https:///github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http:///snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https:///www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http:///www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
                                   http:///www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
     * Printing Tables:
     * http:///css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

div.background-images {
  visibility: hidden;
  position: absolute;
  top: -2000px;
}

div.loader {
  position: absolute;
  left: 0;
  top: -1000px;
  width: 1px;
  height: 1px;
}

html, body {
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  margin: 0;
}

img, video {
  width: 100%;
  height: auto;
  vertical-align: top;
}

body {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}

body.animate {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  opacity: 1;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a {
  outline: 0;
}

.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

.cleaner {
  width: 100%;
  height: 1px;
  clear: both;
}

.nopadding {
  padding: 0 !important;
}

.nopadding__top {
  padding-top: 0 !important;
}

.nopadding__bottom {
  padding-bottom: 0 !important;
}

.fa span {
  visibility: hidden;
  position: absolute;
  top: -10000px;
}

p.browsehappy {
  position: fixed;
  z-index: 999;
  background: #FFF;
  color: #000;
  width: 100%;
  top: 0;
  left: 0;
  padding: 10px 0;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInDelay {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInDelay {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOutDelay {
  0% {
    opacity: 1;
    visibility: visible;
  }
  95% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes fadeOutDelay {
  0% {
    opacity: 1;
    visibility: visible;
  }
  95% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@-webkit-keyframes animateHeight {
  0% {
    height: 100%;
  }
  90% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}

@keyframes animateHeight {
  0% {
    height: 100%;
  }
  90% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@-webkit-keyframes markerDraw {
  0% {
    width: 0%;
  }
  50% {
    width: 100%;
  }
  100% {
    left: auto;
    right: 0;
    width: 0%;
  }
}

@keyframes markerDraw {
  0% {
    width: 0%;
  }
  50% {
    width: 100%;
  }
  100% {
    left: auto;
    right: 0;
    width: 0%;
  }
}

@-webkit-keyframes markerFill {
  50% {
    width: 105%;
  }
  51% {
    width: 0%;
  }
  100% {
    width: 105%;
  }
}

@keyframes markerFill {
  50% {
    width: 105%;
  }
  51% {
    width: 0%;
  }
  100% {
    width: 105%;
  }
}

@-webkit-keyframes fillBackgroundDelay {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}

@keyframes fillBackgroundDelay {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}

@-webkit-keyframes fillBackground {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}

@keyframes fillBackground {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}

@-webkit-keyframes emptyBackground {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}

@keyframes emptyBackground {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

@media (min-width: 544px) {
  .pull-right-sm {
    float: right !important;
  }
}

@media (min-width: 768px) {
  .pull-right-md {
    float: right !important;
  }
}

@media (min-width: 992px) {
  .pull-right-lg {
    float: right !important;
  }
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

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

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

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;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret, .form--rik button[type="submit"] > .caret,
  .dropup > .btn > .caret,
  .form--rik .dropup > button[type="submit"] > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}

.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: 544px) {
  .container {
    max-width: 576px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 940px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

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

.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}

.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.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.33333%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 544px) {
  .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.33333%;
  }
  .col-sm-2 {
    width: 16.66667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333%;
  }
  .col-sm-5 {
    width: 41.66667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.33333%;
  }
  .col-sm-8 {
    width: 66.66667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333%;
  }
  .col-sm-11 {
    width: 91.66667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.33333%;
  }
  .col-sm-pull-2 {
    right: 16.66667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.33333%;
  }
  .col-sm-pull-5 {
    right: 41.66667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.33333%;
  }
  .col-sm-pull-8 {
    right: 66.66667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.33333%;
  }
  .col-sm-pull-11 {
    right: 91.66667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.33333%;
  }
  .col-sm-push-2 {
    left: 16.66667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.33333%;
  }
  .col-sm-push-5 {
    left: 41.66667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.33333%;
  }
  .col-sm-push-8 {
    left: 66.66667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.33333%;
  }
  .col-sm-push-11 {
    left: 91.66667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 768px) {
  .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.33333%;
  }
  .col-md-2 {
    width: 16.66667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333%;
  }
  .col-md-5 {
    width: 41.66667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33333%;
  }
  .col-md-8 {
    width: 66.66667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333%;
  }
  .col-md-11 {
    width: 91.66667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.33333%;
  }
  .col-md-pull-2 {
    right: 16.66667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.33333%;
  }
  .col-md-pull-5 {
    right: 41.66667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.33333%;
  }
  .col-md-pull-8 {
    right: 66.66667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.33333%;
  }
  .col-md-pull-11 {
    right: 91.66667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.33333%;
  }
  .col-md-push-2 {
    left: 16.66667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.33333%;
  }
  .col-md-push-5 {
    left: 41.66667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.33333%;
  }
  .col-md-push-8 {
    left: 66.66667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.33333%;
  }
  .col-md-push-11 {
    left: 91.66667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  .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.33333%;
  }
  .col-lg-2 {
    width: 16.66667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33333%;
  }
  .col-lg-5 {
    width: 41.66667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.33333%;
  }
  .col-lg-8 {
    width: 66.66667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333%;
  }
  .col-lg-11 {
    width: 91.66667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.33333%;
  }
  .col-lg-pull-2 {
    right: 16.66667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.33333%;
  }
  .col-lg-pull-5 {
    right: 41.66667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.33333%;
  }
  .col-lg-pull-8 {
    right: 66.66667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.33333%;
  }
  .col-lg-pull-11 {
    right: 91.66667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.33333%;
  }
  .col-lg-push-2 {
    left: 16.66667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.33333%;
  }
  .col-lg-push-5 {
    left: 41.66667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.33333%;
  }
  .col-lg-push-8 {
    left: 66.66667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.33333%;
  }
  .col-lg-push-11 {
    left: 91.66667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
  }
  .col-xl-1 {
    width: 8.33333%;
  }
  .col-xl-2 {
    width: 16.66667%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-4 {
    width: 33.33333%;
  }
  .col-xl-5 {
    width: 41.66667%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-7 {
    width: 58.33333%;
  }
  .col-xl-8 {
    width: 66.66667%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-10 {
    width: 83.33333%;
  }
  .col-xl-11 {
    width: 91.66667%;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-pull-1 {
    right: 8.33333%;
  }
  .col-xl-pull-2 {
    right: 16.66667%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-4 {
    right: 33.33333%;
  }
  .col-xl-pull-5 {
    right: 41.66667%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-7 {
    right: 58.33333%;
  }
  .col-xl-pull-8 {
    right: 66.66667%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-10 {
    right: 83.33333%;
  }
  .col-xl-pull-11 {
    right: 91.66667%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-push-1 {
    left: 8.33333%;
  }
  .col-xl-push-2 {
    left: 16.66667%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-4 {
    left: 33.33333%;
  }
  .col-xl-push-5 {
    left: 41.66667%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-7 {
    left: 58.33333%;
  }
  .col-xl-push-8 {
    left: 66.66667%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-10 {
    left: 83.33333%;
  }
  .col-xl-push-11 {
    left: 91.66667%;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-offset-0 {
    margin-left: 0%;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333%;
  }
  .col-xl-offset-2 {
    margin-left: 16.66667%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333%;
  }
  .col-xl-offset-5 {
    margin-left: 41.66667%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333%;
  }
  .col-xl-offset-8 {
    margin-left: 66.66667%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333%;
  }
  .col-xl-offset-11 {
    margin-left: 91.66667%;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
}

.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, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}

.nav > li.disabled > a {
  color: #777;
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus, .nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav .open > a:focus {
  background-color: #eee;
  border-color: #000;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.4;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
  border-color: #eee #eee #ddd;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:focus {
  color: #555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #000;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}

.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}

.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 544px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 544px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.modal-open {
  overflow: hidden;
}

.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.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

@media screen and (max-width: 544px) {
  .modal {
    width: 100%;
    height: 100%;
  }
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal.center .modal-dialog {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header:before, .modal-header:after {
  content: " ";
  display: table;
}

.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.4;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn, .modal-footer .form--rik button[type="submit"] + .btn, .form--rik .modal-footer button[type="submit"] + .btn, .modal-footer .form--rik .btn + button[type="submit"], .form--rik .modal-footer .btn + button[type="submit"], .modal-footer .form--rik button[type="submit"] + button[type="submit"], .form--rik .modal-footer button[type="submit"] + button[type="submit"] {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn, .modal-footer .btn-group .form--rik button[type="submit"] + .btn, .form--rik .modal-footer .btn-group button[type="submit"] + .btn, .modal-footer .btn-group .form--rik .btn + button[type="submit"], .form--rik .modal-footer .btn-group .btn + button[type="submit"], .modal-footer .btn-group .form--rik button[type="submit"] + button[type="submit"], .form--rik .modal-footer .btn-group button[type="submit"] + button[type="submit"] {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 544px) {
  .modal-dialog {
    width: 544px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 768px) {
  .modal-lg {
    width: 768px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 992px;
  }
}

@media screen and (max-width: 767px) {
  .container {
    max-width: 90%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 5%;
    margin-right: 5%;
  }
  .container .row {
    margin-left: 0;
    margin-right: 0;
  }
  .container .col-xs-1, .container .col-sm-1, .container .col-md-1, .container .col-lg-1, .container .col-xs-2, .container .col-sm-2, .container .col-md-2, .container .col-lg-2, .container .col-xs-3, .container .col-sm-3, .container .col-md-3, .container .col-lg-3, .container .col-xs-4, .container .col-sm-4, .container .col-md-4, .container .col-lg-4, .container .col-xs-5, .container .col-sm-5, .container .col-md-5, .container .col-lg-5, .container .col-xs-6, .container .col-sm-6, .container .col-md-6, .container .col-lg-6, .container .col-xs-7, .container .col-sm-7, .container .col-md-7, .container .col-lg-7, .container .col-xs-8, .container .col-sm-8, .container .col-md-8, .container .col-lg-8, .container .col-xs-9, .container .col-sm-9, .container .col-md-9, .container .col-lg-9, .container .col-xs-10, .container .col-sm-10, .container .col-md-10, .container .col-lg-10, .container .col-xs-11, .container .col-sm-11, .container .col-md-11, .container .col-lg-11, .container .col-xs-12, .container .col-sm-12, .container .col-md-12, .container .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
  }
}

h1, h2, h3, h4, h5, h6 {
  color: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}

h1, .h1 {
  font-family: "Poppins", Helvetica, Arial, sans-serif;
  /*margin-top: 25px;
        margin-bottom:20px;*/
  font-size: 24px;
  color: #000;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  h1, .h1 {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 20px;
  }
}

h2, .h2 {
  font-family: "Poppins", Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: #000;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  h2, .h2 {
    font-size: 18px;
  }
}

h2 a, .h2 a {
  color: #000;
  position: relative;
  text-decoration: none;
  display: inline-block;
  padding-bottom: 1px;
  /*padding-bottom:6px;*/
}

h2 a:before, .h2 a:before {
  content: "";
  background-image: url("/assets/images/lines/strike-medium.png");
  background-repeat: no-repeat;
  background-size: 500px 5px;
  position: absolute;
  left: 0;
  bottom: 2px;
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  width: 100%;
  height: 8px;
}

h2 a:after, .h2 a:after {
  content: "";
  background-image: url("/assets/images/lines/strike-medium.png");
  background-repeat: no-repeat;
  background-size: 500px 5px;
  position: absolute;
  left: 0;
  top: 4px;
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  width: 0;
  height: 8px;
  -webkit-transition: width cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: width cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition-duration: 0;
          transition-duration: 0;
}

@media screen and (min-width: 768px) {
  h2 a:hover, h2 a:focus, .h2 a:hover, .h2 a:focus {
    font-weight: bold;
  }
  h2 a:hover:before, h2 a:focus:before, .h2 a:hover:before, .h2 a:focus:before {
    background-image: none;
  }
  h2 a:hover:after, h2 a:focus:after, .h2 a:hover:after, .h2 a:focus:after {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    width: 100%;
  }
}

h3, .h3 {
  font-family: "Poppins", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #000;
}

@media screen and (max-width: 768px) {
  h3, .h3 {
    font-size: 18px;
  }
}

h3 a, .h3 a {
  color: #000;
  position: relative;
  text-decoration: none;
  display: inline-block;
  padding-bottom: 1px;
  /*padding-bottom:6px;*/
}

h3 a:before, .h3 a:before {
  content: "";
  background-image: url("/assets/images/lines/strike-medium.png");
  background-repeat: no-repeat;
  background-size: 500px 5px;
  position: absolute;
  left: 0;
  bottom: 2px;
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  width: 100%;
  height: 8px;
}

h3 a:after, .h3 a:after {
  content: "";
  background-image: url("/assets/images/lines/strike-medium.png");
  background-repeat: no-repeat;
  background-size: 500px 5px;
  position: absolute;
  left: 0;
  top: 4px;
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  width: 0;
  height: 8px;
  -webkit-transition: width cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: width cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition-duration: 0;
          transition-duration: 0;
}

@media screen and (min-width: 768px) {
  h3 a:hover, h3 a:focus, .h3 a:hover, .h3 a:focus {
    font-weight: bold;
  }
  h3 a:hover:before, h3 a:focus:before, .h3 a:hover:before, .h3 a:focus:before {
    background-image: none;
  }
  h3 a:hover:after, h3 a:focus:after, .h3 a:hover:after, .h3 a:focus:after {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    width: 100%;
  }
}

h4, .h4 {
  font-family: "Inconsolata", "Courier New", Courier, monospace;
  font-size: 20px;
  color: #000;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  h4, .h4 {
    font-size: 18px;
  }
}

h4 a, .h4 a {
  color: #000;
  position: relative;
  text-decoration: none;
  display: inline-block;
  padding-bottom: 1px;
  /*padding-bottom:6px;*/
}

h4 a:before, .h4 a:before {
  content: "";
  background-image: url("/assets/images/lines/strike-medium.png");
  background-repeat: no-repeat;
  background-size: 500px 5px;
  position: absolute;
  left: 0;
  bottom: 2px;
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  width: 100%;
  height: 8px;
}

h4 a:after, .h4 a:after {
  content: "";
  background-image: url("/assets/images/lines/strike-medium.png");
  background-repeat: no-repeat;
  background-size: 500px 5px;
  position: absolute;
  left: 0;
  top: 4px;
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  width: 0;
  height: 8px;
  -webkit-transition: width cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: width cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition-duration: 0;
          transition-duration: 0;
}

@media screen and (min-width: 768px) {
  h4 a:hover, h4 a:focus, .h4 a:hover, .h4 a:focus {
    font-weight: bold;
  }
  h4 a:hover:before, h4 a:focus:before, .h4 a:hover:before, .h4 a:focus:before {
    background-image: none;
  }
  h4 a:hover:after, h4 a:focus:after, .h4 a:hover:after, .h4 a:focus:after {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    width: 100%;
  }
}

h5, .h5 {
  font-family: "Poppins", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #000;
  font-weight: 500;
}

h5 a, .h5 a {
  color: #000;
  position: relative;
  text-decoration: none;
  display: inline-block;
  padding-bottom: 1px;
  /*padding-bottom:6px;*/
}

h5 a:before, .h5 a:before {
  content: "";
  background-image: url("/assets/images/lines/strike-medium.png");
  background-repeat: no-repeat;
  background-size: 500px 5px;
  position: absolute;
  left: 0;
  bottom: 2px;
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  width: 100%;
  height: 8px;
}

h5 a:after, .h5 a:after {
  content: "";
  background-image: url("/assets/images/lines/strike-medium.png");
  background-repeat: no-repeat;
  background-size: 500px 5px;
  position: absolute;
  left: 0;
  top: 4px;
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  width: 0;
  height: 8px;
  -webkit-transition: width cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: width cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition-duration: 0;
          transition-duration: 0;
}

@media screen and (min-width: 768px) {
  h5 a:hover, h5 a:focus, .h5 a:hover, .h5 a:focus {
    font-weight: bold;
  }
  h5 a:hover:before, h5 a:focus:before, .h5 a:hover:before, .h5 a:focus:before {
    background-image: none;
  }
  h5 a:hover:after, h5 a:focus:after, .h5 a:hover:after, .h5 a:focus:after {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    width: 100%;
  }
}

p, ul, ol {
  font-family: "Inconsolata", "Courier New", Courier, monospace;
  font-size: 16px;
  line-height: 1.4em;
  color: #000;
}

p a, ul a, ol a {
  color: #000;
  position: relative;
  text-decoration: none;
  display: inline-block;
  padding-bottom: 1px;
  /*padding-bottom:6px;*/
}

p a:before, ul a:before, ol a:before {
  content: "";
  background-image: url("/assets/images/lines/strike-medium.png");
  background-repeat: no-repeat;
  background-size: 500px 5px;
  position: absolute;
  left: 0;
  bottom: 2px;
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  width: 100%;
  height: 8px;
}

p a:after, ul a:after, ol a:after {
  content: "";
  background-image: url("/assets/images/lines/strike-medium.png");
  background-repeat: no-repeat;
  background-size: 500px 5px;
  position: absolute;
  left: 0;
  top: 4px;
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  width: 0;
  height: 8px;
  -webkit-transition: width cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: width cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition-duration: 0;
          transition-duration: 0;
}

p a.no-strike:before, p a.no-strike:after, ul a.no-strike:before, ul a.no-strike:after, ol a.no-strike:before, ol a.no-strike:after {
  background: none !important;
}

@media screen and (min-width: 768px) {
  p a.no-strike:hover, p a.no-strike:focus, ul a.no-strike:hover, ul a.no-strike:focus, ol a.no-strike:hover, ol a.no-strike:focus {
    font-weight: bold !important;
  }
}

p a.white, ul a.white, ol a.white {
  color: #ffc45e;
}

p a.white:before, p a.white:after, ul a.white:before, ul a.white:after, ol a.white:before, ol a.white:after {
  background-image: url("/assets/images/lines/strike-medium-white.png");
}

@media screen and (min-width: 768px) {
  p a:hover, p a:focus, ul a:hover, ul a:focus, ol a:hover, ol a:focus {
    font-weight: normal;
  }
  p a:hover:before, p a:focus:before, ul a:hover:before, ul a:focus:before, ol a:hover:before, ol a:focus:before {
    background-image: none;
  }
  p a:hover:after, p a:focus:after, ul a:hover:after, ul a:focus:after, ol a:hover:after, ol a:focus:after {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    width: 100%;
  }
}

ol {
  margin-left: 24px;
}

ol li {
  margin-bottom: 10px;
}

ul {
  list-style-type: none !important;
}

ul li {
  padding-left: 15px;
  background-image: url("/assets/images/icons/icon-list-black.png");
  background-size: 6px 5px;
  background-position: center left;
  background-repeat: no-repeat;
  text-align: left;
  margin-bottom: 10px;
}

a {
  text-decoration: none;
}

.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;
}

.block {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media screen and (max-width: 768px) {
  .block {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.block--xs {
  padding-top: 15px;
  padding-bottom: 15px;
}

.block--sm {
  padding-top: 30px;
  padding-bottom: 30px;
}

.block--md {
  padding-top: 60px;
  padding-bottom: 60px;
}

.block__public {
  margin: 60px auto;
}

.block__public .btn, .block__public .form--rik button[type="submit"], .form--rik .block__public button[type="submit"] {
  margin-top: 30px;
  background-size: 100% 6px;
}

.block__content {
  padding-top: 30px;
}

.block__content--image div.object-fit__fallback,
.block__content--image div.object-fit img {
  height: 235px;
}

.block__content--text-and-image {
  position: relative;
}

.block__content--text-and-image div.object-fit__fallback,
.block__content--text-and-image div.object-fit img {
  height: 435px;
}

@media screen and (max-width: 992px) {
  .block__content--text-and-image div.object-fit__fallback,
  .block__content--text-and-image div.object-fit img {
    height: 235px;
  }
}

@media screen and (min-width: 992px) {
  .block__content--text-and-image .col {
    min-height: 435px;
  }
}

@media screen and (max-width: 768px) {
  .block__content--text-and-image .col {
    display: block;
    min-height: auto;
  }
}

.block__content--text-and-image .editor {
  width: 100%;
  text-align: left;
}

@media screen and (min-width: 992px) {
  .block__content--text-and-image .editor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 435px;
  }
}

.block__content--text-and-image .editor:before, .block__content--text-and-image .editor:after {
  content: '';
  margin-top: auto;
}

@media screen and (max-width: 768px) {
  .block__content--text-and-image .editor {
    display: block;
    min-height: auto;
  }
}

.block__content--text-and-image__left .object-fit {
  margin-bottom: 30px;
}

@media screen and (min-width: 992px) {
  .block__content--text-and-image__left .object-fit {
    margin-bottom: 0;
  }
}

button {
  background: none;
  outline: none;
  border: none;
}

.btn, .form--rik button[type="submit"] {
  display: inline-block;
  text-decoration: none;
  outline: 0;
  position: relative;
  font-size: 18px;
  font-family: "Poppins", Helvetica, Arial, sans-serif;
}

.btn img, .form--rik button[type="submit"] img {
  height: 15px;
  margin-top: 5px;
  width: auto;
  display: inline-block;
}

.btn--primary, .form--rik button[type="submit"] {
  padding: 20px;
  color: #fff;
  color: #fff;
  background-image: url("/assets/images/lines/button.png");
  background-size: 100% 100%;
}

.btn--primary:before, .form--rik button[type="submit"]:before {
  content: "";
  background: #000;
  position: absolute;
  width: -webkit-calc(100% - 15px);
  width: calc(100% - 15px);
  height: -webkit-calc(100% - 15px);
  height: calc(100% - 15px);
  top: 7.5px;
  left: 7.5px;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .btn--primary:hover, .form--rik button:hover[type="submit"], .btn--primary:focus, .form--rik button:focus[type="submit"] {
    color: #000;
    background-image: url("/assets/images/lines/button-hover.png");
  }
  .btn--primary:hover:before, .form--rik button[type="submit"]:hover:before, .btn--primary:focus:before, .form--rik button[type="submit"]:focus:before {
    background: none;
  }
}

@media screen and (min-width: 544px) {
  .btn--primary, .form--rik button[type="submit"] {
    min-width: 310px;
  }
}

.btn--secundary {
  color: #000;
  padding-bottom: 15px;
  font-weight: 600;
  /*&.hover-in{
                        &:before{
                                transition:width $time-md $ease;
                                width:100%;
                        }
                }

                &.hover-out{
                        &:before{
                                left:auto;
                                right:0;
                                transition:width $time-md $ease;
                                width:0%;
                        }
                }*/
  /*@media screen and (min-width: $screen-sm){
                        &:hover,&:focus{

                                &:before{
                                        //width:100%;

                                        animation: markerDraw $time-lg $ease;
                                }
                                //position:relative;

                                span{
                                        //position:static;

                                        span{
                                                animation: markerFill $time-lg $ease;
                                        }
                                }
                        }
                }*/
}

.btn--secundary span {
  position: relative;
}

.btn--secundary span span {
  background-image: url("/assets/images/lines/marker.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 105%;
  height: 80%;
  left: -5%;
  top: 7px;
  z-index: -1;
}

.btn--secundary__subscribe {
  margin-top: 30px;
}

.btn--secundary__subscribe span span {
  width: 53%;
}

.btn--secundary__small {
  font-size: 16px;
  font-family: "Inconsolata", "Courier New", Courier, monospace;
  font-weight: 500;
  padding-bottom: 4px;
  margin-bottom: 10px;
}

.btn--secundary:before {
  -webkit-transition: width 0.44s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: width 0.44s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media screen and (min-width: 768px) {
  .btn--secundary:hover:before, .btn--secundary:focus:before {
    width: 100%;
  }
}

.btn--secundary:before {
  content: "";
  background-image: url("/assets/images/lines/marker.png") !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 0;
  height: 60%;
  left: 0;
  top: 0px;
  z-index: -1;
}

.btn--secundary:after {
  content: "";
  background-image: url("/assets/images/lines/strike-medium.png");
  background-repeat: no-repeat;
  background-size: 100% 5px;
  position: absolute;
  left: 0;
  bottom: 0;
  top: auto;
  width: 100%;
  height: 6px;
  z-index: 2;
}

.btn--secundary__noborder span span {
  background: none;
  position: static;
}

.btn--secundary__noborder:after {
  background: none;
  position: static;
}

.btn--tag {
  font-size: 16px;
  font-family: "Inconsolata", "Courier New", Courier, monospace;
  font-weight: 500;
  color: #ffc45e;
  background-color: #000;
  padding: 2px 10px 4px 10px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  /*box-shadow: inset 0 150px 0 0 $brand-primary;
                transition: all 0.5s ease-in-out;

                @media screen and (min-width: $screen-sm){
                        &:hover,&:focus, &.active{
                                color:$brand-primary;
                                //background-color:$brand-secondary;

                                //color:$white!important;
                                box-shadow: inset 0 0 0 0 $brand-primary;
                        }
                }*/
}

.btn--tag span {
  position: relative;
  z-index: 1;
}

.btn--tag.active:after {
  opacity: 1;
}

.btn--tag.active span {
  color: #000;
}

@media screen and (min-width: 768px) {
  .btn--tag:hover:after, .btn--tag:focus:after {
    opacity: 1;
  }
  .btn--tag:hover span, .btn--tag:focus span {
    color: #000;
  }
}

.btn--tag:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: #ffc45e;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.btn--closevideo {
  background: #fff;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 2;
  padding: 20px;
}

.btn--closevideo img {
  width: 25px;
  height: auto;
  float: left;
  margin: 0;
}

.btn--close {
  padding: 5px;
  top: 5px;
  position: absolute;
  right: 0;
}

.btn--close img {
  width: 20px;
}

.btn--social svg {
  width: 13px;
  height: 13px;
}

@media screen and (min-width: 768px) {
  .btn--social:hover svg path, .btn--social:focus svg path {
    fill: #ffc45e !important;
    background-color: #ffc45e !important;
  }
}

@media screen and (min-width: 768px) {
  .btn--social:hover, .btn--social:focus {
    color: #ffc45e;
  }
}

.btn--feature {
  position: absolute;
  top: 40%;
  color: #fff;
  z-index: 997;
  opacity: 0;
}

.btn--feature.animate {
  -webkit-transition: left 0.5s ease-in-out, right 0.5s ease-in-out;
  transition: left 0.5s ease-in-out, right 0.5s ease-in-out;
}

.btn--feature img {
  width: 150px;
  height: auto;
}

.btn--back {
  font-family: "Poppins", Helvetica, Arial, sans-serif;
  font-size: 1em;
}

.btn--back:before {
  content: none;
}

.btn--back img {
  margin-top: 4px;
  margin-right: 10px;
  position: relative;
  left: 0;
  -webkit-transition: left 0.2s ease-in-out;
  transition: left 0.2s ease-in-out;
}

@media screen and (min-width: 768px) {
  .btn--back:hover img, .btn--back:focus img {
    left: -4px;
  }
}

.icon {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}

.icon--xs {
  width: 16px;
  height: 16px;
}

.icon--sm {
  width: 18px;
  height: 18px;
}

.icon--md {
  width: 20px;
  height: 20px;
}

.icon__fb {
  background: url("path.png") no-repeat center;
  background-size: 100%;
}

.icon__tw {
  background: url("path.png") no-repeat center;
  background-size: 100%;
}

.list--title {
  margin: 0 0 25px 0;
}

@media screen and (max-width: 768px) {
  .list--title {
    margin: 0 0 10px 0;
  }
}

.list__productions--detail {
  overflow-x: hidden;
}

.list__productions .list--item {
  text-decoration: none;
  display: inline-block;
  position: relative;
  margin-top: 30px;
  outline: 0;
  /*padding:0 10px;

                        @media screen and (min-width:$screen-sm-min) and (max-width:$screen-md){
                                padding-left:0!important;
                                padding-right:0!important;
                        }*/
}

.list__productions .list--item div.wrapper {
  position: relative;
}

.list__productions .list--item div.overlay {
  position: absolute;
  left: 0;
  top: auto !important;
  bottom: 0 !important;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #ffc45e;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.list__productions .list--item h2, .list__productions .list--item h3 {
  color: #000;
  display: inline-block;
  text-align: center;
  z-index: 2;
  margin-top: 15px;
  -webkit-transition: margin 0.3s ease-in-out;
  transition: margin 0.3s ease-in-out;
}

.list__productions .list--item h2 span, .list__productions .list--item h3 span {
  background: white;
  display: inline-block;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

.list__productions .list--item h2 img, .list__productions .list--item h3 img {
  width: 25px;
  height: auto;
  opacity: 0;
}

@media screen and (min-width: 768px) {
  .list__productions .list--item:hover h2, .list__productions .list--item:hover h3, .list__productions .list--item:focus h2, .list__productions .list--item:focus h3 {
    /*@include position-center;
                                                bottom:auto;
                                                width:calc(100% - 20px);
                                                margin-top:0;

                                                img{
                                                        opacity:1;
                                                }*/
  }
  .list__productions .list--item:hover h2 span, .list__productions .list--item:hover h3 span, .list__productions .list--item:focus h2 span, .list__productions .list--item:focus h3 span {
    background: rgba(255, 255, 255, 0);
  }
  .list__productions .list--item:hover div.overlay, .list__productions .list--item:focus div.overlay {
    opacity: 1;
  }
}

.list__productions .list--item__small {
  position: relative;
}

.list__productions .list--item__small div.object-fit {
  position: relative;
}

.list__productions .list--item__small div.object-fit__fallback, .list__productions .list--item__small div.object-fit img {
  height: 150px;
}

@media screen and (max-width: 992px) {
  .list__productions .list--item__small div.object-fit__fallback, .list__productions .list--item__small div.object-fit img {
    height: 150px;
  }
}

@media screen and (max-width: 768px) {
  .list__productions .list--item__small div.object-fit__fallback, .list__productions .list--item__small div.object-fit img {
    height: 150px;
  }
}

.list__productions .list--item__small div.object-fit div.overlay {
  width: 100%;
  left: 0px;
}

.list__productions .list--item__small div.object-fit div.overlay img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 30px;
  height: auto;
  -webkit-transition: left 0.2s ease-in-out 0.1s;
  transition: left 0.2s ease-in-out 0.1s;
}

.list__productions .list--item__small h2, .list__productions .list--item__small h3 {
  position: static;
  width: 100%;
  margin-top: 0;
}

.list__productions .list--item__small h2 span, .list__productions .list--item__small h3 span {
  padding: 15px 0;
}

.list__productions .list--item__small div.line {
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 10px;
  background: #ffc45e;
}

@media screen and (max-width: 767px) {
  .list__productions .list--item__small:first-of-type {
    margin-top: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .list__productions .list--item__small:hover h2, .list__productions .list--item__small:hover h3, .list__productions .list--item__small:focus h2, .list__productions .list--item__small:focus h3 {
    /*@include position-center;
                                                        bottom:auto;
                                                        width:calc(100% - 20px);
                                                        margin-top:0;*/
  }
  .list__productions .list--item__small:hover img, .list__productions .list--item__small:focus img {
    opacity: 1;
    left: 52% !important;
  }
}

.list__productions .list--item__large {
  /*&:nth-child(odd){
                                        padding-left:0;
                                        padding-right:10px;
                                }

                                &:nth-child(even){
                                        padding-right:0;
                                        padding-left:10px;

                                        div.overlay{
                                                right:0;
                                                left:auto;
                                        }
                                }*/
}

.list__productions .list--item__large div.object-fit__fallback, .list__productions .list--item__large div.object-fit img {
  height: 250px;
}

@media screen and (max-width: 992px) {
  .list__productions .list--item__large div.object-fit__fallback, .list__productions .list--item__large div.object-fit img {
    height: 200px;
  }
}

.list__productions .list--item__large h2, .list__productions .list--item__large h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%;
}

.list__productions .list--item__large h2 span, .list__productions .list--item__large h3 span {
  padding: 25px 45px;
}

.list__productions .list--item__large:nth-of-type(2) {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .list__productions .list--item__large {
    padding-right: 0;
    margin-top: 30px !important;
  }
}

.list__productions .list--item__large:first-of-type {
  margin-top: 0 !important;
}

.object-fit img, .object-fit video {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-fit video {
  -o-object-position: center;
     object-position: center;
}

.object-fit__fallback__image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.object-fit__fallback__video {
  position: relative;
}

.object-fit__fallback__video video {
  width: 100%;
  position: absolute;
}

.object-fit__square {
  padding-top: 100%;
  position: relative;
  width: 100%;
}

.object-fit__square img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100% !important;
}

.divider {
  width: 100%;
  float: left;
  text-align: center;
  /*@media screen and (max-width:$screen-md){
                padding:$gutter 0;
        }*/
}

.divider__content {
  padding-top: 30px;
}

.divider__content--double-spacing {
  padding-top: 60px;
}

.divider__content--double-spacing__bottom {
  padding-bottom: 60px;
}

@media screen and (max-width: 768px) {
  .divider__content {
    padding-bottom: 0;
  }
}

.divider .container {
  position: relative;
}

.divider .container span {
  background-image: url("/assets/images/lines/divider.png");
  background-repeat: no-repeat;
  background-size: auto 15px;
  width: 100%;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  /*@include position-center-vertical;

                        transition: width 1s $ease 1s;

                        @media screen and (max-width: $screen-md){
                                width:calc(100% - 30px);
                        }

                        @media screen and (max-width: $screen-md){
                                width:calc(100% - 30px);
                        }*/
}

.divider .container span.animate {
  width: 100%;
}

.divider .container .btn, .divider .container .form--rik button[type="submit"], .form--rik .divider .container button[type="submit"], .divider .container a, .divider .container button {
  position: relative;
  z-index: 1;
}

.divider--padding__top {
  padding-top: 60px;
  padding-bottom: 30px;
}

.divider__link .container span {
  width: 100% !important;
}

.divider:nth-of-type(odd) .container span {
  background-image: url("/assets/images/lines/divider-1.png");
  background-size: auto 11px;
}

.divider:after {
  content: " ";
  display: block;
  clear: both;
}

.tags__block {
  margin-bottom: 20px;
}

.grid__production .object-fit {
  position: relative;
  z-index: 2;
}

.grid__production .object-fit__fallback, .grid__production .object-fit img {
  height: 335px;
}

@media screen and (max-width: 1200px) {
  .grid__production .object-fit__fallback, .grid__production .object-fit img {
    height: 250px;
  }
}

@media screen and (max-width: 768px) {
  .grid__production .object-fit__fallback, .grid__production .object-fit img {
    -o-object-fit: none !important;
       object-fit: none !important;
    height: auto !important;
  }
}

@media screen and (max-width: 544px) {
  .grid__production .object-fit__fallback, .grid__production .object-fit img {
    height: 200px;
  }
}

.grid__production .grid--item {
  padding: 0;
  margin-bottom: 20px;
  position: relative;
  display: block;
  text-decoration: none;
  overflow: hidden;
  /*&:after{
                            content:'';
                            width:100%;
                            padding-top:56.25%; 
                            float:left;
                        }*/
}

.grid__production .grid--item .object-fit {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.grid__production .grid--item .object-fit img {
  height: 100% !important;
  width: 100% !important;
}

@media screen and (min-width: 768px) {
  .grid__production .grid--item .object-fit {
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
  }
}

.grid__production .grid--item__visual {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .grid__production .grid--item:nth-child(odd) {
    padding-right: 10px;
  }
  .grid__production .grid--item:nth-child(even) {
    padding-left: 10px;
    /*&:after{
                                        left:10px;
                                    }*/
  }
  .grid__production .grid--item:nth-child(even) .object-fit {
    left: 10px;
    width: 100% !important;
  }
  .grid__production .grid--item:nth-child(even) .overlay__grid {
    left: 10px;
  }
  .grid__production .grid--item:nth-child(even) .overlay {
    left: auto;
    right: 0;
  }
}

@media screen and (max-width: 767px) {
  .grid__production .grid--item {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.grid__production .grid--item__audio {
  z-index: 1;
}

.grid__production .grid--item__audio audio {
  position: absolute;
  bottom: 0;
}

.grid__production .grid--item__gif {
  margin-bottom: 100px;
}

.grid__production .grid--item__gif .object-fit {
  position: static;
}

.grid__production .grid--item__gif .object-fit img {
  height: auto !important;
}

@media screen and (min-width: 768px) {
  .grid__production .grid--item {
    height: 180px;
    overflow: hidden;
  }
}

@media screen and (min-width: 992px) {
  .grid__production .grid--item {
    height: 237px;
    overflow: hidden;
  }
}

@media screen and (min-width: 1200px) {
  .grid__production .grid--item {
    height: 288px;
    overflow: hidden;
  }
}

.overlay {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
}

.overlay--content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background: #fff;
  pointer-events: none;
}

.overlay--content button {
  float: left;
  background: #fff;
  width: 60px;
  height: 60px;
  position: relative;
  display: none;
}

.overlay--content button img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 25px;
  width: auto;
}

.overlay--content button:first-of-type {
  display: inline-block;
}

.overlay--content__playing {
  width: 120px;
}

.overlay--content__playing .control__pause {
  display: block;
}

.overlay__grid {
  width: -webkit-calc(100% - 10px);
  width: calc(100% - 10px);
  z-index: 3;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

@media screen and (max-width: 767px) {
  .overlay__grid {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .overlay:hover, .overlay:focus {
    background-color: rgba(255, 196, 94, 0.8);
  }
}

.hightlight {
  position: relative;
}

.hightlight:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  z-index: 3;
}

@media screen and (min-width: 992px) {
  .hightlight:before {
    height: 100%;
    -webkit-transition: height 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
    transition: height 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  }
}

@media screen and (min-width: 992px) {
  .hightlight.animate:before {
    height: 0;
  }
  .hightlight.animate .row {
    opacity: 1;
  }
}

.hightlight .row {
  padding: 30px 30px 0 30px !important;
  margin-left: 0;
}

.hightlight .row h3 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}

.hightlight .row h3 span {
  position: relative;
}

.hightlight .row h3 span span {
  display: block;
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 5px;
  background-image: url(/assets/images/lines/strike-medium.png);
  background-repeat: no-repeat;
  background-size: auto 5px;
}

@media screen and (min-width: 992px) {
  .hightlight .row {
    padding: 60px 95px 30px 95px !important;
  }
}

@media screen and (min-width: 992px) {
  .hightlight .row {
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s;
    transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s;
  }
}

.hightlight__yellow {
  background-color: #ffc45e;
}

.hightlight__yellow:before {
  background-color: #000;
}

.hightlight__black {
  background-color: #000;
}

.hightlight__black:before {
  background-color: #ffc45e;
}

@media screen and (min-width: 768px) {
  .hightlight__black {
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    margin-left: 15px;
  }
}

.hightlight__black h1, .hightlight__black h2, .hightlight__black h3, .hightlight__black h4, .hightlight__black h5, .hightlight__black h6, .hightlight__black p, .hightlight__black a, .hightlight__black li {
  color: #fff;
}

.hightlight__black a:before {
  background-image: url("/assets/images/lines/strike-medium-white.png");
}

.hightlight__black a:after {
  background-image: url("/assets/images/lines/strike-medium-white.png");
}

.hightlight__black h3 span span {
  background-image: url(/assets/images/lines/strike-medium-white.png) !important;
}

.hightlight__black ul li {
  background-image: url("/assets/images/icons/icon-list-white.png");
}

.controls__audio .control {
  background: #fff;
  color: #000;
  width: 60px;
  height: 60px;
  position: relative;
}

.controls__video {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 15px 0;
  z-index: 2;
}

.controls__video .control img {
  height: 23px;
  width: auto;
}

@media (max-width: 768px) {
  .controls__video .control img {
    height: 18px;
  }
}

.controls__video .control--inactive {
  display: none;
}

.controls__video .control__playlength {
  background-image: url("/assets/images/lines/divider.png");
  background-repeat: no-repeat;
  background-position: center left;
  height: 23px;
  width: 100%;
  position: relative;
}

@media (min-width: 768px) {
  .controls__video .control__playlength {
    background-size: 200% 10px;
  }
}

.controls__video .control__playlength__scrub {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 15px;
  margin-left: -15px;
}

@media (max-width: 768px) {
  .controls__video .control__playlength__scrub img {
    height: 18px;
    width: 6px !important;
  }
}

.controls__video .control__sound {
  margin-right: 5px;
}

/*.row{
        margin-left:0;
        margin-right:0;

        @media screen and (min-width: $screen-md){
                margin-left:-15px;
                margin-right:-15px;
        }
}

@media screen and (max-width: $screen-sm){
        .col-xs-12{
                padding:0!important;
        }
}*/
.row--double {
  margin-left: -30px;
  margin-right: -30px;
}

.filter--item__categories {
  padding-bottom: 15px !important;
}

@media screen and (min-width: 768px) {
  .filter--item__categories {
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 544px) and (max-width: 767px) {
  .filter--item__categories {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.filter--item__categories header button {
  padding-bottom: 14px;
  padding-top: 2px;
}

.filter--item__categories header img {
  height: 10px;
  width: auto;
  margin-top: 10px;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.filter--item__categories header img.rotate {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.filter--item__categories header .categories--query p.h2 {
  margin-top: -3px;
}

.filter--item__categories header .categories--query a {
  margin-left: 90px;
  position: static;
}

.filter--item__categories header .categories--query a:before {
  background: none !important;
  position: static;
}

.filter--item__categories header .categories--query a img {
  margin-top: 4px;
  width: 15px;
  height: auto;
}

.filter--item__categories .filter--list {
  background: #000;
  width: 100%;
  padding: 0 20px;
  display: none;
  /*position:absolute;*/
  /*&.collapse{
                                        height:0px;
                                        overflow:hidden;

                                        &.in{
                                                height:auto;
                                        }
                                }*/
}

@media screen and (min-width: 768px) {
  .filter--item__categories .filter--list {
    width: -webkit-calc(200% + 30px);
    width: calc(200% + 30px);
  }
}

.filter--item__categories .filter--list p {
  color: #fff;
  padding: 15px 0;
}

.filter--item__categories .filter--list a {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .filter--item__categories .filter--list a:hover, .filter--item__categories .filter--list a:focus {
    color: #fff;
  }
}

.filter--item__categories .filter--list a.active {
  color: #fff;
}

.filter--item__categories .filter--list a:before {
  background: none;
  position: static;
}

.filter--item__search {
  position: relative;
}

@media screen and (min-width: 544px) and (max-width: 767px) {
  .filter--item__search {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.filter--item__search header {
  padding-bottom: 3px;
  position: relative;
}

.filter--item__search header:after {
  content: " ";
  display: block;
  clear: both;
}

.filter--item__search header .search--form {
  width: 100%;
  float: left;
  position: relative;
}

.filter--item__search header .search--form div {
  padding: 0;
}

.filter--item__search header .search--form input {
  width: 100%;
  border: none;
  outline: none;
  margin-bottom: 10px;
}

.filter--item__search header .search--form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000;
}

.filter--item__search header .search--form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}

.filter--item__search header .search--form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
}

.filter--item__search header .search--form input:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
}

.filter--item__search header .search--form button[type="submit"] {
  float: right;
  position: relative;
  z-index: 2;
}

.filter--item__search header .search--form button[type="submit"] span {
  position: absolute;
  top: -5000px;
}

.filter--item__search header .search--form button[type="submit"] img {
  margin-top: 7px;
}

.filter--item__search header .search--form:after {
  content: "";
  background-image: url(/assets/images/lines/strike-search.png);
  background-repeat: no-repeat;
  background-size: 100% 10px;
  position: absolute;
  left: 0;
  bottom: -13px;
  width: 100%;
  height: 10px;
  z-index: 2;
}

.filter--item__search header .search--query {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 35px;
  padding-top: 4px;
  background: #fff;
  z-index: 10;
}

.filter--item__search header .search--query p {
  white-space: nowrap;
  width: 92%;
  overflow-x: hidden;
  overflow-y: hidden;
}

.filter--item__search header .search--query span {
  position: relative;
}

.filter--item__search header .search--query span:before {
  content: "";
  background-image: url("/assets/images/lines/marker.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 55%;
  left: -5px;
  padding: 0 5px;
  top: 7px;
  z-index: -1;
}

.filter--item__search .filter--item--body .search--results {
  background: #ffc45e;
  position: absolute;
  z-index: 888;
  padding: 20px 20px 0 20px;
  display: none;
  width: 100%;
  left: 0;
}

@media screen and (min-width: 544px) {
  .filter--item__search .filter--item--body .search--results {
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    left: 10px;
  }
}

@media screen and (min-width: 768px) {
  .filter--item__search .filter--item--body .search--results {
    left: 10px;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
  }
}

.filter--item__search .filter--item--body .search--results a {
  clear: both;
  margin-bottom: 20px;
}

.filter--item__search .filter--item--body .search--results a:before {
  background: none !important;
}

.tabpanel--title p a:before {
  background-image: none !important;
}

.tabpanel--title p a.active {
  font-size: 18px;
}

.tabpanel--title p a.active {
  color: #ffc45e;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  .tabpanel--title p a:hover, .tabpanel--title p a:focus {
    color: #ffc45e;
    font-weight: 600;
  }
}

.tabpanel .editor {
  margin-bottom: 0;
}

.modal {
  width: 100%;
  height: 100%;
}

.modal .object-fit {
  position: relative;
}

.modal .object-fit__fallback {
  height: 500px;
  width: 100%;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .modal .object-fit__fallback {
    height: 300px;
  }
}

.modal .object-fit__fallback video {
  height: 400px;
  position: absolute;
}

@media screen and (max-width: 768px) {
  .modal .object-fit__fallback video {
    height: 200px;
  }
}

.logo {
  position: relative;
}

.logo img:last-child {
  position: absolute;
  display: none;
}

@media screen and (min-width: 768px) {
  .logo:hover img:last-child, .logo:focus img:last-child {
    display: block;
  }
  .logo:hover img:first-child, .logo:focus img:first-child {
    opacity: 0;
  }
}

.logo__footer img:last-child {
  max-width: 500px;
  top: -9px;
  left: -7px;
  width: 109%;
}

@media screen and (min-width: 992px) {
  .logo__footer img:last-child {
    left: -12px;
    width: 110%;
    top: -15px;
  }
}

.logo__navigation img:last-child {
  top: -2px;
  left: -2px;
  width: 109%;
}

.block--form {
  font-family: "Inconsolata", "Courier New", Courier, monospace;
  font-size: 16px;
  line-height: 1.4em;
  padding-bottom: 30px;
  max-width: 700px;
  margin: 0 auto;
}

.form--rik .form__fieldsets {
  display: block;
}

.form--rik .form__fieldsets:after {
  content: "";
  clear: both;
  display: table;
}

.form--rik .form__fieldset {
  display: inline-block;
  float: left;
}

.form--rik .form__fieldset--bedrijf, .form--rik .form__fieldset--bod, .form--rik .form__fieldset--straat, .form--rik .form__fieldset--geboortedatum, .form--rik .form__fieldset--opmerking {
  width: 100%;
}

.form--rik .form__fieldset--voornaam, .form--rik .form__fieldset--postcode, .form--rik .form__fieldset--telefoon {
  width: 50%;
  padding-right: 7.5px;
}

.form--rik .form__fieldset--achternaam, .form--rik .form__fieldset--gemeente, .form--rik .form__fieldset--email {
  width: 50%;
  padding-left: 7.5px;
}

.form--rik fieldset {
  border: none;
  padding: 0;
}

.form--rik .form__row {
  width: 100%;
  display: block;
  padding: 0;
}

.form--rik .form__row:after {
  content: "";
  clear: both;
  display: table;
}

.form--rik .form__note {
  display: block;
  float: none;
  padding: 30px 0;
  color: #000;
}

.form--rik .form__label {
  width: 100%;
  display: inline-block;
  float: left;
  padding: 15px 0 7.5px;
  text-align: left;
  font-family: "Inconsolata", "Courier New", Courier, monospace;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.form--rik .form__label label {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  position: relative;
  width: auto;
  display: inline-block;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.form--rik .form__label label.required:after {
  position: absolute;
  right: -1em;
  top: 0;
  content: "*";
  font-size: 0.75em;
}

.form--rik .form__label em {
  width: auto;
  font-style: normal;
  position: relative;
  display: inline-block;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin: 30px 0 15px;
}

.form--rik .form__label em:before {
  content: "";
  background-image: url(/assets/images/lines/strike-medium.png);
  background-repeat: no-repeat;
  background-size: 500px 5px;
  position: absolute;
  left: 0;
  bottom: 2px;
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  width: 100%;
  height: 8px;
}

.form--rik input, .form--rik textarea {
  font-family: "Inconsolata", "Courier New", Courier, monospace;
  font-size: 16px;
  line-height: 1.4em;
  width: 100%;
  display: inline-block;
  float: left;
  padding: 7.5px;
  display: block;
  border: 1px solid #cccccc;
  outline: none;
}

.form--rik input::-webkit-input-placeholder, .form--rik textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000;
}

.form--rik input::-moz-placeholder, .form--rik textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}

.form--rik input:-ms-input-placeholder, .form--rik textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
}

.form--rik input:-moz-placeholder, .form--rik textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
}

.form--rik input:hover, .form--rik input:active, .form--rik input:focus, .form--rik textarea:hover, .form--rik textarea:active, .form--rik textarea:focus {
  border-bottom-color: #000;
}

.form--rik .form__field.errors input {
  border-bottom: 1px solid #de4e4e;
  margin-bottom: 2px;
}

.form--rik ul.errors {
  list-style: none;
  margin: 0;
}

.form--rik ul.errors li {
  color: #de4e4e;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  background-image: none;
}

.form--rik .buttons {
  background-image: url(/assets/images/lines/divider-1.png);
  background-size: auto 11px;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 30px;
}

.form--rik button[type="submit"] {
  margin: 30px auto;
  display: block;
  position: relative;
  z-index: 2;
}

.header__production {
  position: relative;
}

.header__production div.object-fit__fallback,
.header__production div.object-fit {
  overflow: hidden;
  height: 400px;
}

.header__production div.object-fit__fallback img, .header__production div.object-fit__fallback video,
.header__production div.object-fit img,
.header__production div.object-fit video {
  height: 400px;
}

@media screen and (max-width: 992px) and (min-width: 544px) {
  .header__production div.object-fit__fallback,
  .header__production div.object-fit {
    height: 300px;
  }
  .header__production div.object-fit__fallback img, .header__production div.object-fit__fallback video,
  .header__production div.object-fit img,
  .header__production div.object-fit video {
    height: 300px;
  }
}

@media screen and (max-width: 544px) {
  .header__production div.object-fit__fallback,
  .header__production div.object-fit {
    height: 150px;
  }
  .header__production div.object-fit__fallback img, .header__production div.object-fit__fallback video,
  .header__production div.object-fit img,
  .header__production div.object-fit video {
    height: 150px;
  }
}

.header__production h1 {
  margin-top: 30px;
}

.header__production h1 span {
  padding: 15px 0;
}

.header__production h1 span b {
  font-weight: 600 !important;
}

@media screen and (min-width: 544px) {
  .header__production h1 span {
    padding-left: 15px;
  }
}

@media screen and (min-width: 768px) {
  .header__production h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: inline-block;
    width: 90%;
    text-align: center;
    z-index: 2;
    margin: 0;
  }
  .header__production h1 span {
    padding: 25px 45px;
    display: inline-block;
    position: relative;
  }
  .header__production h1 span b {
    opacity: 1;
    display: inline-block;
    font-weight: normal;
    -webkit-animation: fadeInDelay 1.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            animation: fadeInDelay 1.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .header__production h1 span:before {
    content: "";
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    -webkit-animation: fillBackgroundDelay 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            animation: fillBackgroundDelay 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}

.header__production h1 img {
  width: 25px;
  height: auto;
  display: none;
}

.footer__page {
  padding-top: 60px;
  padding-bottom: 30px;
}

@media screen and (max-width: 544px) {
  .footer__page {
    padding-top: 30px;
  }
}

.footer__page .h3 {
  margin-bottom: 30px;
  font-family: "Inconsolata", "Courier New", Courier, monospace;
  font-size: 1.625em;
}

@media screen and (max-width: 992px) {
  .footer__page .h3 {
    margin-top: 30px;
    margin-bottom: 15px;
  }
}

.footer__page .col {
  padding: 0 20px 60px 0;
}

.footer__page .col:last-of-type {
  padding-right: 0;
}

@media screen and (max-width: 992px) {
  .footer__page .col {
    padding: 0 15px 15px 15px;
  }
}

.footer__page .col p:nth-of-type(3) .btn--secundary__small:after {
  background-image: url("/assets/images/lines/strike-link-2@2x.png");
  background-size: 100% 4px;
}

.footer__page .col p:nth-of-type(4) .btn--secundary__small:after {
  background-image: url("/assets/images/lines/strike-link-1@2x.png");
}

.footer__page .col p .btn--secundary__small:after {
  background-image: url("/assets/images/lines/strike-link@2x.png");
}

.footer__page a:before {
  background-image: none;
}

.footer__page img {
  max-width: 235px;
}

@media screen and (min-width: 0) and (max-width: 992px) {
  .footer__page img {
    max-width: 150px;
  }
}

@media screen and (max-width: 992px) {
  .footer__page img {
    margin-top: 30px;
  }
}

.footer .location svg {
  width: 13px;
  height: 13px;
  float: left;
  margin-top: 5px;
}

.footer .location .location-group {
  width: -webkit-calc(100% - 25px);
  width: calc(100% - 25px);
  float: left;
  margin-left: 12px;
}

.footer .location .location-group a {
  margin-bottom: 0;
}

.footer .location .location-group a:after {
  content: none;
}

.footer .location .location-group .location p {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 15px;
}

.footer .location .location-group .location p:after {
  content: "";
  background-image: url("/assets/images/lines/strike-link-2@2x.png");
  background-repeat: no-repeat;
  background-size: 100% 5px;
  position: absolute;
  left: 0;
  bottom: 0;
  top: auto;
  width: 155px;
  height: 6px;
  z-index: 2;
}

/*------------------------
<a href="https://lunargravity.be/?utm_medium=partner&utm_source=ufinity&utm_campaign=footer+reference"
title="Site by Lunar Gravity" target="_blank" class="footer-icon-copyright"></a>
------------------------*/
.footer-icon-copyright {
  width: 30px;
  height: 30px;
  display: block;
  background-image: url("/assets/images/icons/made-by-lunar.svg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 0% center;
  position: absolute;
  right: 15px;
  bottom: 15px;
}

.footer-icon-copyright:hover, .footer-icon-copyright:focus {
  -webkit-animation: madeByLunar 1s steps(3) infinite;
          animation: madeByLunar 1s steps(3) infinite;
}

.footer-icon-copyright:hover:after, .footer-icon-copyright:focus:after {
  content: none;
}

@-webkit-keyframes madeByLunar {
  100% {
    background-position: -90px;
  }
}

@keyframes madeByLunar {
  100% {
    background-position: -90px;
  }
}

.navbar {
  width: 100%;
  z-index: 999;
  background: #fff;
  padding: 30px 0;
  padding: 23px 0 30px 0;
}

@media screen and (max-width: 767px) {
  .navbar {
    padding: 0 0 20px 0;
  }
}

.navbar.affix {
  position: fixed;
  left: 0;
  top: 0;
}

@media screen and (max-width: 767px) {
  .navbar.affix .item--sound {
    display: none !important;
  }
  .navbar.affix .item__logo {
    display: block !important;
  }
}

.navbar .item {
  color: #000;
  text-decoration: none;
  position: relative;
  margin: 0 15px;
  font-family: "Inconsolata", "Courier New", Courier, monospace;
  font-size: 16px;
  /*span{
                        position:relative;

                        span{
                                display:block;
                                position:absolute;
                                left:-20%;
                                top:45%;
                                width:140%;
                                height:15px;
                                background-image:url("/assets/images/lines/strike.png");
                                background-repeat: no-repeat;
                                background-size: 100% 100%;

                                @media screen and(min-width:$screen-md){
                                        height:5px;
                                }
                        }
                }*/
}

@media screen and (max-width: 767px) {
  .navbar .item span {
    position: relative;
  }
  .navbar .item span span {
    display: block;
    position: absolute;
    left: -20%;
    top: 45%;
    width: 140%;
    height: 15px;
    background-image: url("/assets/images/lines/strike.png");
    background-repeat: no-repeat;
    background-size: 100% 10px;
  }
}

@media screen and (max-width: 767px) and (min-width: 768px) {
  .navbar .item span span {
    height: 5px;
  }
}

@media screen and (max-width: 767px) and (max-width: 544px) {
  .navbar .item span span {
    background-size: 100% 5px;
  }
}

@media screen and (max-width: 767px) {
  .navbar .item.active span span {
    width: 0;
  }
}

@media screen and (min-width: 768px) {
  .navbar .item:hover span span, .navbar .item:focus span span, .navbar .item.active span span {
    display: none;
  }
}

.navbar .item .icon__bar {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 20px;
  height: 3px;
  /*background-color: #000000;*/
  background-image: url("/assets/images/lines/strike-menu-01.png");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.navbar .item .icon__bar:first-of-type, .navbar .item .icon__bar:last-of-type {
  position: absolute;
  display: block;
  content: '';
  width: 20px;
  height: 3px;
  /*background-color: #000000;*/
  background-image: url("/assets/images/lines/strike-menu-02.png");
}

.navbar .item .icon__bar:first-of-type {
  margin-top: -6px;
  -webkit-transition: margin 0.2s ease 0.2s, -webkit-transform 0.2s ease 0s;
  transition: margin 0.2s ease 0.2s, -webkit-transform 0.2s ease 0s;
  transition: margin 0.2s ease 0.2s, transform 0.2s ease 0s;
  transition: margin 0.2s ease 0.2s, transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}

.navbar .item .icon__bar:last-of-type {
  margin-top: 4px;
  -webkit-transition: margin 0.2s ease 0.2s, -webkit-transform 0.2s ease 0s;
  transition: margin 0.2s ease 0.2s, -webkit-transform 0.2s ease 0s;
  transition: margin 0.2s ease 0.2s, transform 0.2s ease 0s;
  transition: margin 0.2s ease 0.2s, transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}

@media screen and (max-width: 767px) {
  .navbar .item {
    font-size: 30px;
    color: #000;
  }
}

@media screen and (max-width: 544px) {
  .navbar .item {
    font-size: 20px;
  }
}

.navbar__top .container {
  position: relative;
  /*@include mq-min-w($screen-md){
                                position:relative;
                        }*/
}

.navbar__top--left {
  float: left;
  position: relative;
  z-index: 999;
}

@media screen and (max-width: 767px) {
  .navbar__top--left {
    width: 100%;
    padding-top: 20px;
  }
}

.navbar__top--left .item {
  position: absolute;
  left: 0;
  top: 0;
  margin-left: 0;
  margin-right: 0;
  /*@media screen and (max-width:$screen-md){
                                        display:none!important;
                                }*/
}

.navbar__top--left .item__logo {
  width: 50px;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .navbar__top--left .item__logo {
    padding-top: 4px;
  }
}

.navbar__top--left .item__logo--hide {
  display: none;
}

@media screen and (max-width: 767px) {
  .navbar__top--left .item__logo {
    display: block !important;
  }
}

.navbar__top--left .item--sound {
  position: static;
  margin-top: 7px;
}

@media screen and (min-width: 768px) {
  .navbar__top--left .item--sound {
    margin-top: 3px;
  }
}

.navbar__top--left .item--sound img {
  height: 25px;
  width: auto;
}

.navbar__top--left .item--sound__on {
  display: block;
}

.navbar__top--left .item--sound__off {
  display: none;
}

.navbar__top--left .item--sound__off img {
  height: 24px;
  width: auto;
  margin-top: 1px;
}

@media screen and (max-width: 767px) {
  .navbar__top--left .item--sound {
    display: none !important;
  }
}

.navbar__top--left .item__toggler {
  position: relative;
  margin-right: 0;
  padding: 18px 8px;
  display: none;
  float: right;
}

.navbar__top--left .item__toggler.active span {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  background-image: none;
}

.navbar__top--left .item__toggler.active span:first-of-type {
  margin-top: 0;
  -webkit-transition: margin 0.2s ease 0s, -webkit-transform 0.2s ease 0.2s;
  transition: margin 0.2s ease 0s, -webkit-transform 0.2s ease 0.2s;
  transition: margin 0.2s ease 0s, transform 0.2s ease 0.2s;
  transition: margin 0.2s ease 0s, transform 0.2s ease 0.2s, -webkit-transform 0.2s ease 0.2s;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  background-image: url("/assets/images/lines/strike-menu-02.png");
}

.navbar__top--left .item__toggler.active span:last-of-type {
  margin-top: -2px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: margin 0.2s ease 0s, -webkit-transform 0.2s ease 0.2s;
  transition: margin 0.2s ease 0s, -webkit-transform 0.2s ease 0.2s;
  transition: margin 0.2s ease 0s, transform 0.2s ease 0.2s;
  transition: margin 0.2s ease 0s, transform 0.2s ease 0.2s, -webkit-transform 0.2s ease 0.2s;
  background-image: url("/assets/images/lines/strike-menu-02.png");
}

@media screen and (max-width: 767px) {
  .navbar__top--left .item__toggler {
    display: inline-block !important;
    top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .navbar__top--left .item {
    top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .navbar__top--left.active .item__toggler {
    display: inline-block !important;
  }
}

.navbar__top--center {
  position: absolute;
  width: 100%;
  text-align: center;
  padding-top: 5px;
  z-index: 1;
  left: 0;
  top: 0;
}

@media screen and (max-width: 767px) {
  .navbar__top--center .item {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .navbar__top--center .item {
    /*&:after{
                                                content:"";
                                                background-image:url("/assets/images/lines/strike-aboutus@2x.png");
                                                background-repeat:no-repeat;
                                                background-size:100% 4px;
                                                position:absolute;
                                                left:-10%;
                                                bottom:7px;
                                                transform:translateY(6px);
                                                width:0;
                                                height:8px;
                                        }*/
    /*&:hover,&:focus{

                                                &:after{
                                                        transition:width 0.5s $ease;
                                                        width:120%;
                                                }
                                        }*/
  }
  .navbar__top--center .item:before {
    content: "";
    background-image: url("/assets/images/lines/strike-aboutus@2x.png");
    background-repeat: no-repeat;
    background-size: 300px 4px;
    position: absolute;
    left: -10%;
    bottom: 7px;
    -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
            transform: translateY(6px);
    width: 120%;
    height: 8px;
  }
  .navbar__top--center .item.hover-out:before {
    left: -10%;
    right: auto;
    -webkit-transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    width: 120%;
  }
  .navbar__top--center .item.hover-in:before {
    right: -10%;
    left: auto;
    -webkit-transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    width: 0;
  }
  .navbar__top--center .item.active:before, .navbar__top--center .item.active.hover-out:before {
    right: -10%;
    left: auto;
    -webkit-transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    width: 0;
  }
  .navbar__top--center .item.active.hover-in:before {
    left: -10%;
    right: auto;
    -webkit-transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    width: 120%;
  }
  .navbar__top--center .item:first-of-type {
    /*&:after, */
    /*&.active{
                                                        &:before{
                                                                content:"";
                                                                background-image:url("/assets/images/lines/strike-productions@2x.png");
                                                        }
                                                }*/
  }
  .navbar__top--center .item:first-of-type:before {
    background-image: url("/assets/images/lines/strike-productions@2x.png");
  }
}

.navbar__top--right {
  float: right;
  padding-top: 5px;
  position: relative;
  z-index: 2;
}

.navbar__top--right .item {
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .navbar__top--right .item span {
    position: relative;
  }
  .navbar__top--right .item span span {
    display: block;
    position: absolute;
    left: -20%;
    top: 45%;
    width: 140%;
    height: 15px;
    background-image: url("/assets/images/lines/strike.png");
    background-repeat: no-repeat;
    background-size: 100% 10px;
  }
}

@media screen and (max-width: 767px) and (min-width: 768px) {
  .navbar__top--right .item span span {
    height: 5px;
  }
}

@media screen and (max-width: 767px) and (max-width: 544px) {
  .navbar__top--right .item span span {
    background-size: 100% 5px;
  }
}

@media screen and (max-width: 767px) {
  .navbar__top--right .item.active span span {
    width: 0;
  }
}

@media screen and (max-width: 767px) {
  .navbar__top--right .item {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .navbar__top--right .item:before {
    content: "";
    background-image: url("/assets/images/lines/strike-lang@2x.png");
    background-repeat: no-repeat;
    background-size: 100% 4px;
    position: absolute;
    left: -10%;
    bottom: 10px;
    -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
            transform: translateY(6px);
    width: 120%;
    height: 8px;
  }
  .navbar__top--right .item.hover-out:before {
    left: -10%;
    right: auto;
    -webkit-transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    width: 120%;
  }
  .navbar__top--right .item.hover-in:before {
    right: -10%;
    left: auto;
    -webkit-transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    width: 0;
  }
  .navbar__top--right .item.active:before, .navbar__top--right .item.active.hover-out:before {
    right: -10%;
    left: auto;
    -webkit-transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    width: 0;
  }
  .navbar__top--right .item.active.hover-in:before {
    left: -10%;
    right: auto;
    -webkit-transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    width: 120%;
  }
}

@media screen and (max-width: 544px) {
  .navbar__top--right .item.active span span {
    height: 10px;
  }
}

@media screen and (max-width: 767px) {
  .navbar__top--collapse.in {
    position: fixed;
    width: 100%;
    height: 100vh !important;
    left: 0;
    top: 0;
    z-index: 998;
    border-width: 10px;
    border-color: #fff;
    border-style: solid;
  }
  .navbar__top--collapse.in:after {
    content: '';
    background: #ffc45e;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: fillBackground 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            animation: fillBackground 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .navbar__top--collapse.in div.wrapper {
    opacity: 1;
    position: relative;
    z-index: 999;
    width: 100%;
    height: 100%;
    -webkit-animation: fadeInDelay 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            animation: fadeInDelay 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}

@media screen and (max-width: 767px) {
  .navbar__top--collapse.in .navbar__top--center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .navbar__top--collapse.in .navbar__top--center .item {
    width: auto;
    display: block;
    padding: 30px 0;
  }
  .navbar__top--collapse.in .navbar__top--center .item:after {
    content: " ";
    display: block;
    clear: both;
  }
}

@media screen and (max-width: 767px) {
  .navbar__top--collapse.in .navbar__top--right {
    position: absolute;
    bottom: 5%;
    width: 100%;
    left: 0;
    text-align: center;
    display: block;
  }
  .navbar__top--collapse.in .navbar__top--right .item {
    display: inline-block;
  }
}

.navbar__top--collapse.out:after {
  content: '';
  height: 0;
  -webkit-animation: emptyBackground 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5;
          animation: emptyBackground 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5;
}

.navbar__top--collapse.out div.wrapper {
  opacity: 0;
  -webkit-animation: fadeOut 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          animation: fadeOut 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media screen and (min-width: 768px) {
  .navbar__top--collapse {
    height: auto !important;
  }
}

.navbar__home {
  top: auto !important;
  position: static !important;
  -webkit-transform: translate3d(0px, 0px, 0px);
  /*

                &__sound{
                        width:25px;
                        display:inline-block;

                        &--off{
                                display:none;
                        }

                        &--on{
                                display:none;
                        }
                }*/
}

@media screen and (max-width: 767px) {
  .navbar__home {
    position: static;
    padding-top: 10px;
    padding: 0px;
    padding: 0 0 20px 0;
  }
}

.navbar__home.fixed, .navbar__home.active {
  position: fixed !important;
  top: 0 !important;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.navbar__home.fixed .item--sound {
  display: none !important;
}

.navbar__home.fixed .item__logo {
  display: block !important;
}

main {
  overflow-x: hidden;
  width: 100%;
}

main.home .wrapper__navbar {
  height: 80px;
  position: relative;
}

main:not(.home) {
  padding-top: 90px;
  /*@media screen and (min-width:$screen-md){
                        padding-top:0;
                }*/
}

.hero {
  position: relative;
}

.hero--logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 30px;
}

.hero--logo img {
  width: 100%;
  height: auto;
  min-width: 180px;
  margin: 0 5px;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 544px) {
  .hero--logo img {
    min-width: 100px;
  }
}

@media screen and (min-width: 544px) {
  .hero--logo {
    padding: 60px;
  }
}

.hero--logo__animate img {
  -webkit-animation: 9s ease 0s normal forwards 1 fadeOutDelay;
          animation: 9s ease 0s normal forwards 1 fadeOutDelay;
  opacity: 0;
  visibility: hidden;
}

.hero--logo:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 0;
  -webkit-animation: 9.5s ease 0s normal forwards 1 animateHeight;
          animation: 9.5s ease 0s normal forwards 1 animateHeight;
}

.hero--video {
  height: -webkit-calc(100vh - 80px);
  height: calc(100vh - 80px);
  overflow: hidden;
}

.hero--video img, .hero--video video {
  height: 100%;
}

.hero--video .overlay--content {
  display: none;
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .hero--video {
    min-height: 120px;
  }
}

.hero--video__sound {
  display: none;
}

@media screen and (min-width: 768px) {
  .hero--video__sound {
    display: block;
    position: absolute;
    right: 30px;
    top: 30px;
    background: #fff;
    width: 50px;
    height: 50px;
    z-index: 999;
  }
  .hero--video__sound button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .hero--video__sound .hide {
    display: none;
  }
}

.editor p {
  margin-bottom: 30px;
}

.editor p:last-of-type {
  margin-bottom: 0;
}

.editor p.margin {
  margin-bottom: 30px !important;
}

.editor h2, .editor h3, .editor h4 {
  margin-bottom: 15px;
}

.editor ol, .editor ul {
  margin-bottom: 30px;
}

.editor--block {
  margin-bottom: 30px;
  float: left;
  width: 100%;
}

.editor--block img {
  display: inline-block;
  width: 30px;
  height: auto;
  margin-right: 30px;
  position: relative;
  z-index: 1;
}

.editor__content {
  margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
  .editor__content {
    margin-bottom: 0;
  }
}

.editor__content--maxwidth {
  max-width: 800px;
}

.editor__production-info h2, .editor__production-info h3, .editor__production-info h4 {
  margin-bottom: 0px;
}

.editor__margins p, .editor__margins ul, .editor__margins ol {
  margin-bottom: 30px;
}

.editor__margins p:last-of-type, .editor__margins ul:last-of-type, .editor__margins ol:last-of-type {
  margin-bottom: 30px;
}

.cookie {
  background: #ffc45e;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 15px 0;
  z-index: 1000;
  display: none;
}

.cookie a.btn--close {
  top: -5px;
}

@media screen and (max-width: 768px) {
  .cookie .text-right {
    text-align: left;
  }
}

.pt__30 {
  padding-top: 30px;
}

.pt__40 {
  padding-top: 40px;
}

.pt__60 {
  padding-top: 60px;
}

.pt__15 {
  padding-top: 15px;
}

.pb__30 {
  padding-bottom: 30px;
}

.pb__40 {
  padding-bottom: 40px;
}

.pb__60 {
  padding-bottom: 60px;
}

.pb__15 {
  padding-bottom: 15px;
}

@media (max-width: 544px) {
  .pt--sm__0 {
    padding-top: 0;
  }
  .pt--sm__15 {
    padding-top: 15px;
  }
  .pb--sm__0 {
    padding-bottom: 0;
  }
}

.mt__20 {
  margin-top: 20px;
}

.mt__30 {
  margin-top: 30px;
}

.mt__60 {
  margin-top: 60px;
}

.mt__15 {
  margin-top: 15px;
}

.mb__5 {
  margin-bottom: 5px;
}

.mb__20 {
  margin-bottom: 20px;
}

.mb__30 {
  margin-bottom: 30px;
}

.mb__60 {
  margin-bottom: 60px;
}

.mb__15 {
  margin-bottom: 15px;
}

@media (max-width: 544px) {
  .mt--sm__0 {
    margin-top: 0;
  }
  .mt--sm__30 {
    margin-top: 30px;
  }
  .mt--sm__15 {
    margin-top: 15px;
  }
  .mb--sm__0 {
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
  .mt--md__0 {
    margin-top: 0;
  }
  .mt--md__30 {
    margin-top: 30px;
  }
  .mb--md__0 {
    margin-bottom: 0;
  }
  .mb--md__10 {
    margin-bottom: 10px;
  }
  .mb--md__20 {
    margin-bottom: 20px;
  }
}

/*# sourceMappingURL=screen.css.map */