@charset "UTF-8";
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: local("Asap Regular"), local("Asap-Regular"), url("../fonts/asap/asap-v11-latin-regular.woff2") format("woff2"), url("../fonts/asap/asap-v11-latin-regular.woff") format("woff"); }
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 600;
  src: local("Asap SemiBold"), local("Asap-SemiBold"), url("../fonts/asap/asap-v11-latin-600.woff2") format("woff2"), url("../fonts/asap/asap-v11-latin-600.woff") format("woff"); }
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 700;
  src: local("Asap Bold"), local("Asap-Bold"), url("../fonts/asap/asap-v11-latin-700.woff2") format("woff2"), url("../fonts/asap/asap-v11-latin-700.woff") format("woff"); }
@font-face {
  font-family: 'Myriad-Pro-Regular';
  src: url("../fonts/MyriadProRegular.woff") format("woff"), url("../fonts/myriad/MyriadProRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadProRegular.otf") format("opentype"), url("../fonts/MyriadProRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
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,
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: 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;
  max-width: 100%; }
  img.marginBottom {
    margin-bottom: 1rem; }

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

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  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;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  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; }

.scp-description-head::after, .scp-description-head::before, .scp-description-text::after, .scp-description-text::before, .about-database-section .ads-btn::before, .about-database-section .ads-btn::after, .ces-left::after, .hp-slider-wrapper .hp-slide .hp-slide-btn::after, .hp-slider-wrapper .hp-slide .hp-slide-btn::before, .hp-slider-wrapper .slider-slide:nth-child(1) .hp-slide-btn::before, .hp-slider-wrapper .slider-slide:nth-child(2) .hp-slide-btn::before {
  position: absolute;
  content: ''; }

.modal-dialog .modal-close-btn, .multiple-select-dialog .dialog-close-btn {
  position: absolute;
  top: 47px;
  right: 43px;
  padding: 9.5px 11px;
  border: 1px solid #d9d9d9;
  color: #d9d9d9;
  cursor: pointer;
  transition: color .3s ease; }
  .modal-dialog .modal-close-btn:hover, .multiple-select-dialog .dialog-close-btn:hover {
    color: #c0141b; }

.scp-price-classes .scp-price-content::after {
  font-size: 20px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  border: 4px solid #fff;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  content: '\f062';
  right: -13px;
  top: -20px;
  height: 73px;
  width: 73px;
  line-height: 73px; }

.line-through {
  text-decoration: line-through; }

a.underline {
  text-decoration: underline; }

.hide {
  display: none !important;
  opacity: 0; }

.disable-scroll {
  overflow: hidden;
  padding-right: 15px; }
  .disable-scroll .fixed-dialog .brands-models-wrapper, .disable-scroll .fixed-dialog .filters-holder {
    padding-right: 15px; }
  .disable-scroll .fixed-dialog .fixed-dialog-btn {
    left: calc(50% - 37px); }

.row {
  width: 100%;
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto; }
  .row.margin-bottom {
    margin-bottom: 20px; }
  .row.center {
    flex-direction: column;
    align-items: center;
    text-align: center; }
    @media (min-width: 1200px) {
      .row.center h3, .row.center .h3 {
        max-width: 740px; } }
  @media (min-width: 1200px) {
    .row.advantage-list {
      border-top: 1px solid #f2f2f2;
      border-bottom: 1px solid #f2f2f2;
      display: flex;
      align-items: center;
      margin-bottom: 30px; } }
  @media (min-width: 640px) {
    .row .col-6-sm {
      width: 48%;
      float: left; } }
  @media (min-width: 800px) {
    .row {
      display: flex;
      justify-content: space-between; }
      .row.column {
        flex-flow: column; }
      .row.end {
        align-items: flex-end; }
      .row .col-2 {
        width: 20%;
        margin-left: 14px; }
      .row .col-10 {
        width: 80%;
        margin-right: 14px; }
      .row .col-12 {
        width: 100%; }
      .row .col-6 {
        width: 48%; } }
  @media (min-width: 1200px) {
    .row .col-6.col-5 {
      width: 40%; } }

@media (min-width: 800px) {
  .no-medium {
    display: none; } }

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

.modal-open .car-details-fixed-container {
  padding-right: 15px; }

.variant-options {
  padding-left: 15px; }

.line {
  height: 1px;
  width: 100%;
  background: #dadada;
  margin: 30px 0; }

.pricebox {
  background: #008754;
  padding: 1.5rem;
  display: inline-block;
  margin: 1rem 0;
  display: inline-block; }
  @media (min-width: 480px) {
    .pricebox {
      float: right;
      margin: 1rem 0 2rem 2rem;
      position: relative;
      width: 240px; }
      .pricebox p {
        margin-bottom: 0 !important; } }
  .pricebox:after {
    content: '\f062';
    font-family: 'FontAwesome';
    height: 50px;
    width: 50px;
    background: #008754;
    border: 3px solid white;
    position: absolute;
    right: -10px;
    top: -10px;
    display: block;
    border-radius: 50%;
    color: white;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 20px; }
  .pricebox.fairerpreis {
    background: #66A292; }
    .pricebox.fairerpreis:after {
      background: #66A292;
      transform: rotate(45deg); }
  .pricebox.verhandeln {
    background: #808080; }
    .pricebox.verhandeln:after {
      background: #808080;
      transform: rotate(90deg); }
  .pricebox h4 {
    font-size: 22px; }
  .pricebox h4, .pricebox p {
    color: white !important; }

.marked-list, .underlined-list {
  padding: 0;
  list-style: none;
  overflow: hidden; }

.marked-list .ml-item {
  font-size: 15px;
  font-family: "Asap-Regular", sans-serif;
  position: relative;
  padding-left: 13px;
  margin-bottom: 5px; }
  .marked-list .ml-item::before {
    font-size: 13px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    content: "";
    font-weight: 900;
    left: 0;
    top: 2px;
    color: #b9b9b9; }

.underlined-list .underlined-item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d9d9d9;
  padding: 14px 40px 3px 0; }
  .underlined-list .underlined-item .underlined-item-title {
    font-size: 15px;
    font-family: "Asap-Regular", sans-serif;
    margin-right: 10px; }
  .underlined-list .underlined-item .underlined-item-value {
    font-size: 15px;
    font-family: "Asap-Regular", sans-serif;
    text-align: right; }

.error-msg-box, .success-msg-box {
  font-size: 16px;
  font-family: "Asap-Regular", sans-serif;
  padding: 10px;
  border: 1px solid transparent; }

.error-msg-box {
  color: #c0141b;
  border-color: #c0141b; }

.success-msg-box {
  color: #008754;
  border-color: #008754; }

.inline-error-msg {
  display: inline-block;
  min-width: 284px;
  height: 33px;
  padding: 6px 19px 0;
  font-size: 14px;
  color: #fff;
  background-color: #c0141b;
  z-index: 1; }
  .inline-error-msg::after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #c0141b;
    top: -7px;
    left: 11px;
    transform: rotate(180deg); }

#breadcrumbs {
  position: relative;
  padding: 2rem 0;
  margin-bottom: 20px;
  font-size: 1.4rem; }
  @media (min-width: 992px) {
    #breadcrumbs {
      padding: 20px 5px; } }
  #breadcrumbs > * {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px; }
    @media (min-width: 992px) {
      #breadcrumbs > * {
        font-size: 14px; } }
  #breadcrumbs > .separator {
    color: #ccc;
    margin: 0 11px; }
    @media (min-width: 992px) {
      #breadcrumbs > .separator {
        margin: 0 18px; } }
  #breadcrumbs > .current {
    color: #333333;
    font-weight: normal;
    display: inline-block;
    max-width: 50%; }

.loader {
  display: inline-block;
  height: 25px;
  width: 25px;
  background: url('/assets/images/spinner.gif') no-repeat center center;
  background-size: cover; }

.loader-wrapper {
  height: calc(100vh - 249px);
  text-align: center; }
  .loader-wrapper::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: .1px; }

.imageloader {
  position: relative; }
  .imageloader.loading::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 25px;
    width: 25px;
    margin: -12.5 0 0 -12.5;
    background: url('/assets/images/spinner.gif') no-repeat center center;
    background-size: cover; }

.modal-dialog .modal-title, .multiple-select-dialog .title {
  font-size: 30px;
  font-family: "Asap-Medium", sans-serif;
  font-weight: 600;
  padding: 0 33px 33px 5px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 0;
  color: #c0141b; }

.modal-dialog .modal-btn-holder, .multiple-filters-btn-holder {
  text-align: right; }
  .modal-dialog .modal-btn-holder .submit-btn, .multiple-filters-btn-holder .submit-btn {
    font-size: 16px;
    font-family: "Asap-Medium", sans-serif;
    font-weight: 600;
    position: relative;
    width: 170px;
    height: 41px;
    outline: none;
    border: 0;
    background-color: #c0141b;
    cursor: pointer;
    transition-property: background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    border: 0;
    color: #fff; }
    .modal-dialog .modal-btn-holder .submit-btn:hover, .multiple-filters-btn-holder .submit-btn:hover {
      background-color: #a91218; }
    .modal-dialog .modal-btn-holder .submit-btn[disabled], .multiple-filters-btn-holder .submit-btn[disabled] {
      opacity: .4; }
  .modal-dialog .modal-btn-holder .submit-btn-top, .multiple-filters-btn-holder .submit-btn-top {
    position: absolute;
    top: 50px;
    right: 45px;
    bottom: inherit; }

.modal-dialog .modal-content {
  top: 120px;
  width: 700px;
  padding: 50px 43px 50px 46px;
  border-radius: 0;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }

#infographic-modal {
  padding: 0; }
  #infographic-modal.visible {
    padding: 20px; }

#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: #008754;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #008754, 0 0 5px #008754;
  opacity: 1;
  transform: rotate(3deg) translate(0, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 999999;
  top: 15px;
  right: 15px; }

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #008754;
  border-left-color: #008754;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.select-label {
  position: relative; }
  .select-label:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    position: absolute;
    top: 23px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    right: 5px;
    height: 40px;
    width: 30px;
    pointer-events: none; }

.custom-select {
  border: 1px solid #ababab;
  background: #fff;
  width: 100%;
  line-height: 24px;
  padding: 5px 10px;
  height: 40px;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  font-weight: normal;
  font-family: "Asap-Medium", sans-serif; }
  .custom-select.selected {
    color: #c0141b;
    font-family: "Asap-Medium", sans-serif !important;
    font-weight: 700; }
  .custom-select:disabled {
    cursor: not-allowed;
    background-color: #f7f7f7;
    color: #999999; }
  .custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000; }
  .custom-select::-ms-expand {
    display: none; }

.multiple-select-dialog, .multiple-select-layer {
  position: fixed;
  z-index: 25; }
  .enable-opacity.multiple-select-dialog, .enable-opacity.multiple-select-layer {
    opacity: 0.01; }

.multiple-select {
  border: 1px solid #ababab;
  position: relative;
  height: 40px;
  padding-left: 11px;
  background-color: #fff;
  font-size: 14px;
  font-family: "Asap-Regular", sans-serif;
  line-height: 40px;
  cursor: pointer; }
  .multiple-select::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: .1px; }
  .multiple-select .icon {
    position: absolute;
    right: 13px;
    top: 13px; }
  .multiple-select .icon.fa-close {
    top: 6px;
    right: 6px;
    padding: 5px;
    text-align: center;
    color: #c0141b;
    font-size: 14px; }

.multiple-select-dialog {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  overflow-x: hidden;
  overflow-y: scroll;
  transition: opacity .3s ease-out; }

.multiple-select-layer {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .5;
  background-color: #000;
  transition: opacity .3s ease-out; }

.multiple-select-container {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  position: relative;
  width: 804px;
  margin: 9.041007426542% auto;
  padding: 50px 43px 70px 46px;
  background-color: #fff; }

.multiple-select-active-filters {
  font-size: 14px;
  font-family: "Asap-Medium", sans-serif;
  font-weight: 600;
  display: inline-block;
  width: 168px;
  color: #c0141b;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: top;
  text-overflow: ellipsis; }

.multiple-select-filters-count {
  font-size: 13px;
  font-family: "Asap-Italic", sans-serif;
  display: inline-block;
  width: 70px;
  color: #535353;
  text-align: right; }

.age-type-filter .submit-btn,
.spec-filter .submit-btn {
  bottom: 55px; }
.age-type-filter .multiple-filters-btn-holder,
.spec-filter .multiple-filters-btn-holder {
  margin-bottom: -59px; }

.custom-checkbox {
  display: inline-block;
  position: relative; }
  .custom-checkbox input[type="checkbox"]:not(:checked) + label::before,
  .custom-checkbox input[type="checkbox"]:checked + label::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 2px;
    width: 25px;
    height: 25px;
    border: 1px solid #d9d9d9;
    background: #fff;
    cursor: pointer; }
  .custom-checkbox input[type="checkbox"]:not(:checked) + label::after,
  .custom-checkbox input[type="checkbox"]:checked + label::after {
    font-size: 14px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f00c';
    position: absolute;
    top: 4px;
    left: 6px;
    color: #c0141b;
    transition: all .2s;
    cursor: pointer; }
  .custom-checkbox input[type="checkbox"]:not(:checked) + label::after {
    opacity: 0;
    transform: scale(0); }
  .custom-checkbox input[type="checkbox"]:checked + label::after {
    opacity: 1;
    transform: scale(1); }

.custom-value-input-zip {
  position: relative;
  float: left;
  margin-bottom: 10px;
  width: 48%;
  margin-right: 4%; }
  @media (min-width: 800px) {
    .custom-value-input-zip {
      width: 147px;
      margin-right: 13px; } }
  @media (min-width: 992px) {
    .custom-value-input-zip {
      width: 120px;
      margin-right: -1px; } }
  .custom-value-input-zip .text-input {
    border: 1px solid #ababab;
    background: #fff;
    width: 100%;
    line-height: 24px;
    font-size: 14px;
    padding: 5px 10px;
    height: 40px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: bold;
    position: relative; }
    .custom-value-input-zip .text-input.selected {
      color: #c0141b;
      font-family: "Asap-Medium", sans-serif !important;
      font-weight: 700; }
    .custom-value-input-zip .text-input::-webkit-input-placeholder {
      color: #3a3a3a;
      font-weight: bold;
      font-size: 14px; }
    .custom-value-input-zip .text-input::-moz-placeholder {
      color: #3a3a3a;
      font-weight: bold;
      font-size: 14px; }
    .custom-value-input-zip .text-input:-ms-input-placeholder {
      color: #3a3a3a;
      font-weight: bold;
      font-size: 14px; }
  .custom-value-input-zip .remove-icon {
    position: absolute;
    top: 11px;
    right: 11px;
    font-size: 16px;
    cursor: pointer; }
    .custom-value-input-zip .remove-icon::before {
      font-weight: normal; }

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none; }

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none; }

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none; }

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch; }

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: ""; }

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block; }

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px); }

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(43, 46, 56, 0.9); }

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes; }

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes; }

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0; }

/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff; }

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes; }

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes; }

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle; }

/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent; }

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38; }

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center; }

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0; }

.remodal-confirm {
  color: #fff;
  background: #81c784; }

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a; }

.remodal-cancel {
  color: #fff;
  background: #e57373; }

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350; }

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0); } }
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0); } }
@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0); } }
@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0); } }
@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px; } }
/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38; }

.lt-ie9 .remodal {
  width: 700px; }

/*!
 * Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em; }

.fa-spin {
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  animation: fa-spin 1s infinite steps(8); }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none; }

/*!
 * Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("../fonts/fontawesome/fa-regular-400.eot");
  src: url("../fonts/fontawesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-regular-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-regular-400.woff") format("woff"), url("../fonts/fontawesome/fa-regular-400.ttf") format("truetype"), url("../fonts/fontawesome/fa-regular-400.svg#fontawesome") format("svg"); }
.fa, .fas, .far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e"; }

.fa-accessible-icon:before {
  content: "\f368"; }

.fa-accusoft:before {
  content: "\f369"; }

.fa-acquisitions-incorporated:before {
  content: "\f6af"; }

.fa-ad:before {
  content: "\f641"; }

.fa-address-book:before {
  content: "\f2b9"; }

.fa-address-card:before {
  content: "\f2bb"; }

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

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

.fa-adobe:before {
  content: "\f778"; }

.fa-adversal:before {
  content: "\f36a"; }

.fa-affiliatetheme:before {
  content: "\f36b"; }

.fa-air-freshener:before {
  content: "\f5d0"; }

.fa-airbnb:before {
  content: "\f834"; }

.fa-algolia:before {
  content: "\f36c"; }

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

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

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

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

.fa-alipay:before {
  content: "\f642"; }

.fa-allergies:before {
  content: "\f461"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-amazon-pay:before {
  content: "\f42c"; }

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

.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-amilia:before {
  content: "\f36d"; }

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

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

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

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

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

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

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

.fa-angle-down:before {
  content: "\f107"; }

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

.fa-angle-right:before {
  content: "\f105"; }

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

.fa-angry:before {
  content: "\f556"; }

.fa-angrycreative:before {
  content: "\f36e"; }

.fa-angular:before {
  content: "\f420"; }

.fa-ankh:before {
  content: "\f644"; }

.fa-app-store:before {
  content: "\f36f"; }

.fa-app-store-ios:before {
  content: "\f370"; }

.fa-apper:before {
  content: "\f371"; }

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

.fa-apple-alt:before {
  content: "\f5d1"; }

.fa-apple-pay:before {
  content: "\f415"; }

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

.fa-archway:before {
  content: "\f557"; }

.fa-arrow-alt-circle-down:before {
  content: "\f358"; }

.fa-arrow-alt-circle-left:before {
  content: "\f359"; }

.fa-arrow-alt-circle-right:before {
  content: "\f35a"; }

.fa-arrow-alt-circle-up:before {
  content: "\f35b"; }

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

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

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

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

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

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

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

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

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

.fa-arrows-alt-h:before {
  content: "\f337"; }

.fa-arrows-alt-v:before {
  content: "\f338"; }

.fa-artstation:before {
  content: "\f77a"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

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

.fa-asymmetrik:before {
  content: "\f372"; }

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

.fa-atlas:before {
  content: "\f558"; }

.fa-atlassian:before {
  content: "\f77b"; }

.fa-atom:before {
  content: "\f5d2"; }

.fa-audible:before {
  content: "\f373"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-autoprefixer:before {
  content: "\f41c"; }

.fa-avianex:before {
  content: "\f374"; }

.fa-aviato:before {
  content: "\f421"; }

.fa-award:before {
  content: "\f559"; }

.fa-aws:before {
  content: "\f375"; }

.fa-baby:before {
  content: "\f77c"; }

.fa-baby-carriage:before {
  content: "\f77d"; }

.fa-backspace:before {
  content: "\f55a"; }

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

.fa-bacon:before {
  content: "\f7e5"; }

.fa-balance-scale:before {
  content: "\f24e"; }

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

.fa-band-aid:before {
  content: "\f462"; }

.fa-bandcamp:before {
  content: "\f2d5"; }

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

.fa-bars:before {
  content: "\f0c9"; }

.fa-baseball-ball:before {
  content: "\f433"; }

.fa-basketball-ball:before {
  content: "\f434"; }

.fa-bath:before {
  content: "\f2cd"; }

.fa-battery-empty:before {
  content: "\f244"; }

.fa-battery-full:before {
  content: "\f240"; }

.fa-battery-half:before {
  content: "\f242"; }

.fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-battle-net:before {
  content: "\f835"; }

.fa-bed:before {
  content: "\f236"; }

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

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

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

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

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

.fa-bezier-curve:before {
  content: "\f55b"; }

.fa-bible:before {
  content: "\f647"; }

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

.fa-bimobject:before {
  content: "\f378"; }

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

.fa-biohazard:before {
  content: "\f780"; }

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

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

.fa-bitcoin:before {
  content: "\f379"; }

.fa-bity:before {
  content: "\f37a"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-blackberry:before {
  content: "\f37b"; }

.fa-blender:before {
  content: "\f517"; }

.fa-blender-phone:before {
  content: "\f6b6"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-blog:before {
  content: "\f781"; }

.fa-blogger:before {
  content: "\f37c"; }

.fa-blogger-b:before {
  content: "\f37d"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

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

.fa-bolt:before {
  content: "\f0e7"; }

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

.fa-bone:before {
  content: "\f5d7"; }

.fa-bong:before {
  content: "\f55c"; }

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

.fa-book-dead:before {
  content: "\f6b7"; }

.fa-book-medical:before {
  content: "\f7e6"; }

.fa-book-open:before {
  content: "\f518"; }

.fa-book-reader:before {
  content: "\f5da"; }

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

.fa-bootstrap:before {
  content: "\f836"; }

.fa-bowling-ball:before {
  content: "\f436"; }

.fa-box:before {
  content: "\f466"; }

.fa-box-open:before {
  content: "\f49e"; }

.fa-boxes:before {
  content: "\f468"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-brain:before {
  content: "\f5dc"; }

.fa-bread-slice:before {
  content: "\f7ec"; }

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

.fa-briefcase-medical:before {
  content: "\f469"; }

.fa-broadcast-tower:before {
  content: "\f519"; }

.fa-broom:before {
  content: "\f51a"; }

.fa-brush:before {
  content: "\f55d"; }

.fa-btc:before {
  content: "\f15a"; }

.fa-buffer:before {
  content: "\f837"; }

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

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

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

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

.fa-burn:before {
  content: "\f46a"; }

.fa-buromobelexperte:before {
  content: "\f37f"; }

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

.fa-bus-alt:before {
  content: "\f55e"; }

.fa-business-time:before {
  content: "\f64a"; }

.fa-buysellads:before {
  content: "\f20d"; }

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

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

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

.fa-calendar-check:before {
  content: "\f274"; }

.fa-calendar-day:before {
  content: "\f783"; }

.fa-calendar-minus:before {
  content: "\f272"; }

.fa-calendar-plus:before {
  content: "\f271"; }

.fa-calendar-times:before {
  content: "\f273"; }

.fa-calendar-week:before {
  content: "\f784"; }

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

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

.fa-campground:before {
  content: "\f6bb"; }

.fa-canadian-maple-leaf:before {
  content: "\f785"; }

.fa-candy-cane:before {
  content: "\f786"; }

.fa-cannabis:before {
  content: "\f55f"; }

.fa-capsules:before {
  content: "\f46b"; }

.fa-car:before {
  content: "\f1b9"; }

.fa-car-alt:before {
  content: "\f5de"; }

.fa-car-battery:before {
  content: "\f5df"; }

.fa-car-crash:before {
  content: "\f5e1"; }

.fa-car-side:before {
  content: "\f5e4"; }

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

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

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

.fa-caret-square-down:before {
  content: "\f150"; }

.fa-caret-square-left:before {
  content: "\f191"; }

.fa-caret-square-right:before {
  content: "\f152"; }

.fa-caret-square-up:before {
  content: "\f151"; }

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

.fa-carrot:before {
  content: "\f787"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cash-register:before {
  content: "\f788"; }

.fa-cat:before {
  content: "\f6be"; }

.fa-cc-amazon-pay:before {
  content: "\f42d"; }

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

.fa-cc-apple-pay:before {
  content: "\f416"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

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

.fa-cc-jcb:before {
  content: "\f24b"; }

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

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

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

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

.fa-centercode:before {
  content: "\f380"; }

.fa-centos:before {
  content: "\f789"; }

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

.fa-chair:before {
  content: "\f6c0"; }

.fa-chalkboard:before {
  content: "\f51b"; }

.fa-chalkboard-teacher:before {
  content: "\f51c"; }

.fa-charging-station:before {
  content: "\f5e7"; }

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

.fa-chart-bar:before {
  content: "\f080"; }

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

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

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

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

.fa-check-double:before {
  content: "\f560"; }

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

.fa-cheese:before {
  content: "\f7ef"; }

.fa-chess:before {
  content: "\f439"; }

.fa-chess-bishop:before {
  content: "\f43a"; }

.fa-chess-board:before {
  content: "\f43c"; }

.fa-chess-king:before {
  content: "\f43f"; }

.fa-chess-knight:before {
  content: "\f441"; }

.fa-chess-pawn:before {
  content: "\f443"; }

.fa-chess-queen:before {
  content: "\f445"; }

.fa-chess-rook:before {
  content: "\f447"; }

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

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

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

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

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

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

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

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

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

.fa-chrome:before {
  content: "\f268"; }

.fa-chromecast:before {
  content: "\f838"; }

.fa-church:before {
  content: "\f51d"; }

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

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

.fa-city:before {
  content: "\f64f"; }

.fa-clinic-medical:before {
  content: "\f7f2"; }

.fa-clipboard:before {
  content: "\f328"; }

.fa-clipboard-check:before {
  content: "\f46c"; }

.fa-clipboard-list:before {
  content: "\f46d"; }

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

.fa-clone:before {
  content: "\f24d"; }

.fa-closed-captioning:before {
  content: "\f20a"; }

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

.fa-cloud-download-alt:before {
  content: "\f381"; }

.fa-cloud-meatball:before {
  content: "\f73b"; }

.fa-cloud-moon:before {
  content: "\f6c3"; }

.fa-cloud-moon-rain:before {
  content: "\f73c"; }

.fa-cloud-rain:before {
  content: "\f73d"; }

.fa-cloud-showers-heavy:before {
  content: "\f740"; }

.fa-cloud-sun:before {
  content: "\f6c4"; }

.fa-cloud-sun-rain:before {
  content: "\f743"; }

.fa-cloud-upload-alt:before {
  content: "\f382"; }

.fa-cloudscale:before {
  content: "\f383"; }

.fa-cloudsmith:before {
  content: "\f384"; }

.fa-cloudversify:before {
  content: "\f385"; }

.fa-cocktail:before {
  content: "\f561"; }

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

.fa-code-branch:before {
  content: "\f126"; }

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

.fa-codiepie:before {
  content: "\f284"; }

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

.fa-cog:before {
  content: "\f013"; }

.fa-cogs:before {
  content: "\f085"; }

.fa-coins:before {
  content: "\f51e"; }

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

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

.fa-comment-alt:before {
  content: "\f27a"; }

.fa-comment-dollar:before {
  content: "\f651"; }

.fa-comment-dots:before {
  content: "\f4ad"; }

.fa-comment-medical:before {
  content: "\f7f5"; }

.fa-comment-slash:before {
  content: "\f4b3"; }

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

.fa-comments-dollar:before {
  content: "\f653"; }

.fa-compact-disc:before {
  content: "\f51f"; }

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

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

.fa-compress-arrows-alt:before {
  content: "\f78c"; }

.fa-concierge-bell:before {
  content: "\f562"; }

.fa-confluence:before {
  content: "\f78d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-cookie:before {
  content: "\f563"; }

.fa-cookie-bite:before {
  content: "\f564"; }

.fa-copy:before {
  content: "\f0c5"; }

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

.fa-couch:before {
  content: "\f4b8"; }

.fa-cpanel:before {
  content: "\f388"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-creative-commons-by:before {
  content: "\f4e7"; }

.fa-creative-commons-nc:before {
  content: "\f4e8"; }

.fa-creative-commons-nc-eu:before {
  content: "\f4e9"; }

.fa-creative-commons-nc-jp:before {
  content: "\f4ea"; }

.fa-creative-commons-nd:before {
  content: "\f4eb"; }

.fa-creative-commons-pd:before {
  content: "\f4ec"; }

.fa-creative-commons-pd-alt:before {
  content: "\f4ed"; }

.fa-creative-commons-remix:before {
  content: "\f4ee"; }

.fa-creative-commons-sa:before {
  content: "\f4ef"; }

.fa-creative-commons-sampling:before {
  content: "\f4f0"; }

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1"; }

.fa-creative-commons-share:before {
  content: "\f4f2"; }

.fa-creative-commons-zero:before {
  content: "\f4f3"; }

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

.fa-critical-role:before {
  content: "\f6c9"; }

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

.fa-crop-alt:before {
  content: "\f565"; }

.fa-cross:before {
  content: "\f654"; }

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

.fa-crow:before {
  content: "\f520"; }

.fa-crown:before {
  content: "\f521"; }

.fa-crutch:before {
  content: "\f7f7"; }

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

.fa-css3-alt:before {
  content: "\f38b"; }

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

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

.fa-cut:before {
  content: "\f0c4"; }

.fa-cuttlefish:before {
  content: "\f38c"; }

.fa-d-and-d:before {
  content: "\f38d"; }

.fa-d-and-d-beyond:before {
  content: "\f6ca"; }

.fa-dashcube:before {
  content: "\f210"; }

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

.fa-deaf:before {
  content: "\f2a4"; }

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

.fa-democrat:before {
  content: "\f747"; }

.fa-deploydog:before {
  content: "\f38e"; }

.fa-deskpro:before {
  content: "\f38f"; }

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

.fa-dev:before {
  content: "\f6cc"; }

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

.fa-dharmachakra:before {
  content: "\f655"; }

.fa-dhl:before {
  content: "\f790"; }

.fa-diagnoses:before {
  content: "\f470"; }

.fa-diaspora:before {
  content: "\f791"; }

.fa-dice:before {
  content: "\f522"; }

.fa-dice-d20:before {
  content: "\f6cf"; }

.fa-dice-d6:before {
  content: "\f6d1"; }

.fa-dice-five:before {
  content: "\f523"; }

.fa-dice-four:before {
  content: "\f524"; }

.fa-dice-one:before {
  content: "\f525"; }

.fa-dice-six:before {
  content: "\f526"; }

.fa-dice-three:before {
  content: "\f527"; }

.fa-dice-two:before {
  content: "\f528"; }

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

.fa-digital-ocean:before {
  content: "\f391"; }

.fa-digital-tachograph:before {
  content: "\f566"; }

.fa-directions:before {
  content: "\f5eb"; }

.fa-discord:before {
  content: "\f392"; }

.fa-discourse:before {
  content: "\f393"; }

.fa-divide:before {
  content: "\f529"; }

.fa-dizzy:before {
  content: "\f567"; }

.fa-dna:before {
  content: "\f471"; }

.fa-dochub:before {
  content: "\f394"; }

.fa-docker:before {
  content: "\f395"; }

.fa-dog:before {
  content: "\f6d3"; }

.fa-dollar-sign:before {
  content: "\f155"; }

.fa-dolly:before {
  content: "\f472"; }

.fa-dolly-flatbed:before {
  content: "\f474"; }

.fa-donate:before {
  content: "\f4b9"; }

.fa-door-closed:before {
  content: "\f52a"; }

.fa-door-open:before {
  content: "\f52b"; }

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

.fa-dove:before {
  content: "\f4ba"; }

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

.fa-draft2digital:before {
  content: "\f396"; }

.fa-drafting-compass:before {
  content: "\f568"; }

.fa-dragon:before {
  content: "\f6d5"; }

.fa-draw-polygon:before {
  content: "\f5ee"; }

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

.fa-dribbble-square:before {
  content: "\f397"; }

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

.fa-drum:before {
  content: "\f569"; }

.fa-drum-steelpan:before {
  content: "\f56a"; }

.fa-drumstick-bite:before {
  content: "\f6d7"; }

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

.fa-dumbbell:before {
  content: "\f44b"; }

.fa-dumpster:before {
  content: "\f793"; }

.fa-dumpster-fire:before {
  content: "\f794"; }

.fa-dungeon:before {
  content: "\f6d9"; }

.fa-dyalog:before {
  content: "\f399"; }

.fa-earlybirds:before {
  content: "\f39a"; }

.fa-ebay:before {
  content: "\f4f4"; }

.fa-edge:before {
  content: "\f282"; }

.fa-edit:before {
  content: "\f044"; }

.fa-egg:before {
  content: "\f7fb"; }

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

.fa-elementor:before {
  content: "\f430"; }

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

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

.fa-ello:before {
  content: "\f5f1"; }

.fa-ember:before {
  content: "\f423"; }

.fa-empire:before {
  content: "\f1d1"; }

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

.fa-envelope-open:before {
  content: "\f2b6"; }

.fa-envelope-open-text:before {
  content: "\f658"; }

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

.fa-envira:before {
  content: "\f299"; }

.fa-equals:before {
  content: "\f52c"; }

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

.fa-erlang:before {
  content: "\f39d"; }

.fa-ethereum:before {
  content: "\f42e"; }

.fa-ethernet:before {
  content: "\f796"; }

.fa-etsy:before {
  content: "\f2d7"; }

.fa-euro-sign:before {
  content: "\f153"; }

.fa-evernote:before {
  content: "\f839"; }

.fa-exchange-alt:before {
  content: "\f362"; }

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

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

.fa-exclamation-triangle:before {
  content: "\f071"; }

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

.fa-expand-arrows-alt:before {
  content: "\f31e"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-external-link-alt:before {
  content: "\f35d"; }

.fa-external-link-square-alt:before {
  content: "\f360"; }

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

.fa-eye-dropper:before {
  content: "\f1fb"; }

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

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

.fa-facebook-f:before {
  content: "\f39e"; }

.fa-facebook-messenger:before {
  content: "\f39f"; }

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

.fa-fantasy-flight-games:before {
  content: "\f6dc"; }

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

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

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

.fa-feather:before {
  content: "\f52d"; }

.fa-feather-alt:before {
  content: "\f56b"; }

.fa-fedex:before {
  content: "\f797"; }

.fa-fedora:before {
  content: "\f798"; }

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

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

.fa-figma:before {
  content: "\f799"; }

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

.fa-file-alt:before {
  content: "\f15c"; }

.fa-file-archive:before {
  content: "\f1c6"; }

.fa-file-audio:before {
  content: "\f1c7"; }

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

.fa-file-contract:before {
  content: "\f56c"; }

.fa-file-csv:before {
  content: "\f6dd"; }

.fa-file-download:before {
  content: "\f56d"; }

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

.fa-file-export:before {
  content: "\f56e"; }

.fa-file-image:before {
  content: "\f1c5"; }

.fa-file-import:before {
  content: "\f56f"; }

.fa-file-invoice:before {
  content: "\f570"; }

.fa-file-invoice-dollar:before {
  content: "\f571"; }

.fa-file-medical:before {
  content: "\f477"; }

.fa-file-medical-alt:before {
  content: "\f478"; }

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

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

.fa-file-prescription:before {
  content: "\f572"; }

.fa-file-signature:before {
  content: "\f573"; }

.fa-file-upload:before {
  content: "\f574"; }

.fa-file-video:before {
  content: "\f1c8"; }

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

.fa-fill:before {
  content: "\f575"; }

.fa-fill-drip:before {
  content: "\f576"; }

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

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

.fa-fingerprint:before {
  content: "\f577"; }

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

.fa-fire-alt:before {
  content: "\f7e4"; }

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

.fa-firefox:before {
  content: "\f269"; }

.fa-first-aid:before {
  content: "\f479"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-first-order-alt:before {
  content: "\f50a"; }

.fa-firstdraft:before {
  content: "\f3a1"; }

.fa-fish:before {
  content: "\f578"; }

.fa-fist-raised:before {
  content: "\f6de"; }

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

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

.fa-flag-usa:before {
  content: "\f74d"; }

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

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

.fa-flipboard:before {
  content: "\f44d"; }

.fa-flushed:before {
  content: "\f579"; }

.fa-fly:before {
  content: "\f417"; }

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

.fa-folder-minus:before {
  content: "\f65d"; }

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

.fa-folder-plus:before {
  content: "\f65e"; }

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

.fa-font-awesome:before {
  content: "\f2b4"; }

.fa-font-awesome-alt:before {
  content: "\f35c"; }

.fa-font-awesome-flag:before {
  content: "\f425"; }

.fa-font-awesome-logo-full:before {
  content: "\f4e6"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-fonticons-fi:before {
  content: "\f3a2"; }

.fa-football-ball:before {
  content: "\f44e"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-fort-awesome-alt:before {
  content: "\f3a3"; }

.fa-forumbee:before {
  content: "\f211"; }

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

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

.fa-free-code-camp:before {
  content: "\f2c5"; }

.fa-freebsd:before {
  content: "\f3a4"; }

.fa-frog:before {
  content: "\f52e"; }

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

.fa-frown-open:before {
  content: "\f57a"; }

.fa-fulcrum:before {
  content: "\f50b"; }

.fa-funnel-dollar:before {
  content: "\f662"; }

.fa-futbol:before {
  content: "\f1e3"; }

.fa-galactic-republic:before {
  content: "\f50c"; }

.fa-galactic-senate:before {
  content: "\f50d"; }

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

.fa-gas-pump:before {
  content: "\f52f"; }

.fa-gavel:before {
  content: "\f0e3"; }

.fa-gem:before {
  content: "\f3a5"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-ghost:before {
  content: "\f6e2"; }

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

.fa-gifts:before {
  content: "\f79c"; }

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

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

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

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

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

.fa-gitkraken:before {
  content: "\f3a6"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-gitter:before {
  content: "\f426"; }

.fa-glass-cheers:before {
  content: "\f79f"; }

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

.fa-glass-martini-alt:before {
  content: "\f57b"; }

.fa-glass-whiskey:before {
  content: "\f7a0"; }

.fa-glasses:before {
  content: "\f530"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

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

.fa-globe-africa:before {
  content: "\f57c"; }

.fa-globe-americas:before {
  content: "\f57d"; }

.fa-globe-asia:before {
  content: "\f57e"; }

.fa-globe-europe:before {
  content: "\f7a2"; }

.fa-gofore:before {
  content: "\f3a7"; }

.fa-golf-ball:before {
  content: "\f450"; }

.fa-goodreads:before {
  content: "\f3a8"; }

.fa-goodreads-g:before {
  content: "\f3a9"; }

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

.fa-google-drive:before {
  content: "\f3aa"; }

.fa-google-play:before {
  content: "\f3ab"; }

.fa-google-plus:before {
  content: "\f2b3"; }

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

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

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

.fa-gopuram:before {
  content: "\f664"; }

.fa-graduation-cap:before {
  content: "\f19d"; }

.fa-gratipay:before {
  content: "\f184"; }

.fa-grav:before {
  content: "\f2d6"; }

.fa-greater-than:before {
  content: "\f531"; }

.fa-greater-than-equal:before {
  content: "\f532"; }

.fa-grimace:before {
  content: "\f57f"; }

.fa-grin:before {
  content: "\f580"; }

.fa-grin-alt:before {
  content: "\f581"; }

.fa-grin-beam:before {
  content: "\f582"; }

.fa-grin-beam-sweat:before {
  content: "\f583"; }

.fa-grin-hearts:before {
  content: "\f584"; }

.fa-grin-squint:before {
  content: "\f585"; }

.fa-grin-squint-tears:before {
  content: "\f586"; }

.fa-grin-stars:before {
  content: "\f587"; }

.fa-grin-tears:before {
  content: "\f588"; }

.fa-grin-tongue:before {
  content: "\f589"; }

.fa-grin-tongue-squint:before {
  content: "\f58a"; }

.fa-grin-tongue-wink:before {
  content: "\f58b"; }

.fa-grin-wink:before {
  content: "\f58c"; }

.fa-grip-horizontal:before {
  content: "\f58d"; }

.fa-grip-lines:before {
  content: "\f7a4"; }

.fa-grip-lines-vertical:before {
  content: "\f7a5"; }

.fa-grip-vertical:before {
  content: "\f58e"; }

.fa-gripfire:before {
  content: "\f3ac"; }

.fa-grunt:before {
  content: "\f3ad"; }

.fa-guitar:before {
  content: "\f7a6"; }

.fa-gulp:before {
  content: "\f3ae"; }

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

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

.fa-hacker-news-square:before {
  content: "\f3af"; }

.fa-hackerrank:before {
  content: "\f5f7"; }

.fa-hamburger:before {
  content: "\f805"; }

.fa-hammer:before {
  content: "\f6e3"; }

.fa-hamsa:before {
  content: "\f665"; }

.fa-hand-holding:before {
  content: "\f4bd"; }

.fa-hand-holding-heart:before {
  content: "\f4be"; }

.fa-hand-holding-usd:before {
  content: "\f4c0"; }

.fa-hand-lizard:before {
  content: "\f258"; }

.fa-hand-middle-finger:before {
  content: "\f806"; }

.fa-hand-paper:before {
  content: "\f256"; }

.fa-hand-peace:before {
  content: "\f25b"; }

.fa-hand-point-down:before {
  content: "\f0a7"; }

.fa-hand-point-left:before {
  content: "\f0a5"; }

.fa-hand-point-right:before {
  content: "\f0a4"; }

.fa-hand-point-up:before {
  content: "\f0a6"; }

.fa-hand-pointer:before {
  content: "\f25a"; }

.fa-hand-rock:before {
  content: "\f255"; }

.fa-hand-scissors:before {
  content: "\f257"; }

.fa-hand-spock:before {
  content: "\f259"; }

.fa-hands:before {
  content: "\f4c2"; }

.fa-hands-helping:before {
  content: "\f4c4"; }

.fa-handshake:before {
  content: "\f2b5"; }

.fa-hanukiah:before {
  content: "\f6e6"; }

.fa-hard-hat:before {
  content: "\f807"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-hat-wizard:before {
  content: "\f6e8"; }

.fa-haykal:before {
  content: "\f666"; }

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

.fa-heading:before {
  content: "\f1dc"; }

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

.fa-headphones-alt:before {
  content: "\f58f"; }

.fa-headset:before {
  content: "\f590"; }

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

.fa-heart-broken:before {
  content: "\f7a9"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-helicopter:before {
  content: "\f533"; }

.fa-highlighter:before {
  content: "\f591"; }

.fa-hiking:before {
  content: "\f6ec"; }

.fa-hippo:before {
  content: "\f6ed"; }

.fa-hips:before {
  content: "\f452"; }

.fa-hire-a-helper:before {
  content: "\f3b0"; }

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

.fa-hockey-puck:before {
  content: "\f453"; }

.fa-holly-berry:before {
  content: "\f7aa"; }

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

.fa-hooli:before {
  content: "\f427"; }

.fa-hornbill:before {
  content: "\f592"; }

.fa-horse:before {
  content: "\f6f0"; }

.fa-horse-head:before {
  content: "\f7ab"; }

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

.fa-hospital-alt:before {
  content: "\f47d"; }

.fa-hospital-symbol:before {
  content: "\f47e"; }

.fa-hot-tub:before {
  content: "\f593"; }

.fa-hotdog:before {
  content: "\f80f"; }

.fa-hotel:before {
  content: "\f594"; }

.fa-hotjar:before {
  content: "\f3b1"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-start:before {
  content: "\f251"; }

.fa-house-damage:before {
  content: "\f6f1"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-hryvnia:before {
  content: "\f6f2"; }

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

.fa-hubspot:before {
  content: "\f3b2"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-ice-cream:before {
  content: "\f810"; }

.fa-icicles:before {
  content: "\f7ad"; }

.fa-id-badge:before {
  content: "\f2c1"; }

.fa-id-card:before {
  content: "\f2c2"; }

.fa-id-card-alt:before {
  content: "\f47f"; }

.fa-igloo:before {
  content: "\f7ae"; }

.fa-image:before {
  content: "\f03e"; }

.fa-images:before {
  content: "\f302"; }

.fa-imdb:before {
  content: "\f2d8"; }

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

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

.fa-industry:before {
  content: "\f275"; }

.fa-infinity:before {
  content: "\f534"; }

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

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

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

.fa-intercom:before {
  content: "\f7af"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-invision:before {
  content: "\f7b0"; }

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

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

.fa-itch-io:before {
  content: "\f83a"; }

.fa-itunes:before {
  content: "\f3b4"; }

.fa-itunes-note:before {
  content: "\f3b5"; }

.fa-java:before {
  content: "\f4e4"; }

.fa-jedi:before {
  content: "\f669"; }

.fa-jedi-order:before {
  content: "\f50e"; }

.fa-jenkins:before {
  content: "\f3b6"; }

.fa-jira:before {
  content: "\f7b1"; }

.fa-joget:before {
  content: "\f3b7"; }

.fa-joint:before {
  content: "\f595"; }

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

.fa-journal-whills:before {
  content: "\f66a"; }

.fa-js:before {
  content: "\f3b8"; }

.fa-js-square:before {
  content: "\f3b9"; }

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

.fa-kaaba:before {
  content: "\f66b"; }

.fa-kaggle:before {
  content: "\f5fa"; }

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

.fa-keybase:before {
  content: "\f4f5"; }

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

.fa-keycdn:before {
  content: "\f3ba"; }

.fa-khanda:before {
  content: "\f66d"; }

.fa-kickstarter:before {
  content: "\f3bb"; }

.fa-kickstarter-k:before {
  content: "\f3bc"; }

.fa-kiss:before {
  content: "\f596"; }

.fa-kiss-beam:before {
  content: "\f597"; }

.fa-kiss-wink-heart:before {
  content: "\f598"; }

.fa-kiwi-bird:before {
  content: "\f535"; }

.fa-korvue:before {
  content: "\f42f"; }

.fa-landmark:before {
  content: "\f66f"; }

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

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

.fa-laptop-code:before {
  content: "\f5fc"; }

.fa-laptop-medical:before {
  content: "\f812"; }

.fa-laravel:before {
  content: "\f3bd"; }

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

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

.fa-laugh:before {
  content: "\f599"; }

.fa-laugh-beam:before {
  content: "\f59a"; }

.fa-laugh-squint:before {
  content: "\f59b"; }

.fa-laugh-wink:before {
  content: "\f59c"; }

.fa-layer-group:before {
  content: "\f5fd"; }

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

.fa-leanpub:before {
  content: "\f212"; }

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

.fa-less:before {
  content: "\f41d"; }

.fa-less-than:before {
  content: "\f536"; }

.fa-less-than-equal:before {
  content: "\f537"; }

.fa-level-down-alt:before {
  content: "\f3be"; }

.fa-level-up-alt:before {
  content: "\f3bf"; }

.fa-life-ring:before {
  content: "\f1cd"; }

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

.fa-line:before {
  content: "\f3c0"; }

.fa-link:before {
  content: "\f0c1"; }

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

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

.fa-linode:before {
  content: "\f2b8"; }

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

.fa-lira-sign:before {
  content: "\f195"; }

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

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

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

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

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

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

.fa-lock-open:before {
  content: "\f3c1"; }

.fa-long-arrow-alt-down:before {
  content: "\f309"; }

.fa-long-arrow-alt-left:before {
  content: "\f30a"; }

.fa-long-arrow-alt-right:before {
  content: "\f30b"; }

.fa-long-arrow-alt-up:before {
  content: "\f30c"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-luggage-cart:before {
  content: "\f59d"; }

.fa-lyft:before {
  content: "\f3c3"; }

.fa-magento:before {
  content: "\f3c4"; }

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

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

.fa-mail-bulk:before {
  content: "\f674"; }

.fa-mailchimp:before {
  content: "\f59e"; }

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

.fa-mandalorian:before {
  content: "\f50f"; }

.fa-map:before {
  content: "\f279"; }

.fa-map-marked:before {
  content: "\f59f"; }

.fa-map-marked-alt:before {
  content: "\f5a0"; }

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

.fa-map-marker-alt:before {
  content: "\f3c5"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-markdown:before {
  content: "\f60f"; }

.fa-marker:before {
  content: "\f5a1"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mask:before {
  content: "\f6fa"; }

.fa-mastodon:before {
  content: "\f4f6"; }

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

.fa-medal:before {
  content: "\f5a2"; }

.fa-medapps:before {
  content: "\f3c6"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-medium-m:before {
  content: "\f3c7"; }

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

.fa-medrt:before {
  content: "\f3c8"; }

.fa-meetup:before {
  content: "\f2e0"; }

.fa-megaport:before {
  content: "\f5a3"; }

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

.fa-meh-blank:before {
  content: "\f5a4"; }

.fa-meh-rolling-eyes:before {
  content: "\f5a5"; }

.fa-memory:before {
  content: "\f538"; }

.fa-mendeley:before {
  content: "\f7b3"; }

.fa-menorah:before {
  content: "\f676"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-meteor:before {
  content: "\f753"; }

.fa-microchip:before {
  content: "\f2db"; }

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

.fa-microphone-alt:before {
  content: "\f3c9"; }

.fa-microphone-alt-slash:before {
  content: "\f539"; }

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

.fa-microscope:before {
  content: "\f610"; }

.fa-microsoft:before {
  content: "\f3ca"; }

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

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

.fa-minus-square:before {
  content: "\f146"; }

.fa-mitten:before {
  content: "\f7b5"; }

.fa-mix:before {
  content: "\f3cb"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-mizuni:before {
  content: "\f3cc"; }

.fa-mobile:before {
  content: "\f10b"; }

.fa-mobile-alt:before {
  content: "\f3cd"; }

.fa-modx:before {
  content: "\f285"; }

.fa-monero:before {
  content: "\f3d0"; }

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

.fa-money-bill-alt:before {
  content: "\f3d1"; }

.fa-money-bill-wave:before {
  content: "\f53a"; }

.fa-money-bill-wave-alt:before {
  content: "\f53b"; }

.fa-money-check:before {
  content: "\f53c"; }

.fa-money-check-alt:before {
  content: "\f53d"; }

.fa-monument:before {
  content: "\f5a6"; }

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

.fa-mortar-pestle:before {
  content: "\f5a7"; }

.fa-mosque:before {
  content: "\f678"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-mountain:before {
  content: "\f6fc"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-mug-hot:before {
  content: "\f7b6"; }

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

.fa-napster:before {
  content: "\f3d2"; }

.fa-neos:before {
  content: "\f612"; }

.fa-network-wired:before {
  content: "\f6ff"; }

.fa-neuter:before {
  content: "\f22c"; }

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

.fa-nimblr:before {
  content: "\f5a8"; }

.fa-nintendo-switch:before {
  content: "\f418"; }

.fa-node:before {
  content: "\f419"; }

.fa-node-js:before {
  content: "\f3d3"; }

.fa-not-equal:before {
  content: "\f53e"; }

.fa-notes-medical:before {
  content: "\f481"; }

.fa-npm:before {
  content: "\f3d4"; }

.fa-ns8:before {
  content: "\f3d5"; }

.fa-nutritionix:before {
  content: "\f3d6"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-oil-can:before {
  content: "\f613"; }

.fa-old-republic:before {
  content: "\f510"; }

.fa-om:before {
  content: "\f679"; }

.fa-opencart:before {
  content: "\f23d"; }

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

.fa-opera:before {
  content: "\f26a"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-osi:before {
  content: "\f41a"; }

.fa-otter:before {
  content: "\f700"; }

.fa-outdent:before {
  content: "\f03b"; }

.fa-page4:before {
  content: "\f3d7"; }

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

.fa-pager:before {
  content: "\f815"; }

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

.fa-paint-roller:before {
  content: "\f5aa"; }

.fa-palette:before {
  content: "\f53f"; }

.fa-palfed:before {
  content: "\f3d8"; }

.fa-pallet:before {
  content: "\f482"; }

.fa-paper-plane:before {
  content: "\f1d8"; }

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

.fa-parachute-box:before {
  content: "\f4cd"; }

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

.fa-parking:before {
  content: "\f540"; }

.fa-passport:before {
  content: "\f5ab"; }

.fa-pastafarianism:before {
  content: "\f67b"; }

.fa-paste:before {
  content: "\f0ea"; }

.fa-patreon:before {
  content: "\f3d9"; }

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

.fa-pause-circle:before {
  content: "\f28b"; }

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

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

.fa-peace:before {
  content: "\f67c"; }

.fa-pen:before {
  content: "\f304"; }

.fa-pen-alt:before {
  content: "\f305"; }

.fa-pen-fancy:before {
  content: "\f5ac"; }

.fa-pen-nib:before {
  content: "\f5ad"; }

.fa-pen-square:before {
  content: "\f14b"; }

.fa-pencil-alt:before {
  content: "\f303"; }

.fa-pencil-ruler:before {
  content: "\f5ae"; }

.fa-penny-arcade:before {
  content: "\f704"; }

.fa-people-carry:before {
  content: "\f4ce"; }

.fa-pepper-hot:before {
  content: "\f816"; }

.fa-percent:before {
  content: "\f295"; }

.fa-percentage:before {
  content: "\f541"; }

.fa-periscope:before {
  content: "\f3da"; }

.fa-person-booth:before {
  content: "\f756"; }

.fa-phabricator:before {
  content: "\f3db"; }

.fa-phoenix-framework:before {
  content: "\f3dc"; }

.fa-phoenix-squadron:before {
  content: "\f511"; }

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

.fa-phone-slash:before {
  content: "\f3dd"; }

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

.fa-phone-volume:before {
  content: "\f2a0"; }

.fa-php:before {
  content: "\f457"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

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

.fa-pied-piper-hat:before {
  content: "\f4e5"; }

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

.fa-piggy-bank:before {
  content: "\f4d3"; }

.fa-pills:before {
  content: "\f484"; }

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

.fa-pinterest-p:before {
  content: "\f231"; }

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

.fa-pizza-slice:before {
  content: "\f818"; }

.fa-place-of-worship:before {
  content: "\f67f"; }

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

.fa-plane-arrival:before {
  content: "\f5af"; }

.fa-plane-departure:before {
  content: "\f5b0"; }

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

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

.fa-playstation:before {
  content: "\f3df"; }

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

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

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

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-podcast:before {
  content: "\f2ce"; }

.fa-poll:before {
  content: "\f681"; }

.fa-poll-h:before {
  content: "\f682"; }

.fa-poo:before {
  content: "\f2fe"; }

.fa-poo-storm:before {
  content: "\f75a"; }

.fa-poop:before {
  content: "\f619"; }

.fa-portrait:before {
  content: "\f3e0"; }

.fa-pound-sign:before {
  content: "\f154"; }

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

.fa-pray:before {
  content: "\f683"; }

.fa-praying-hands:before {
  content: "\f684"; }

.fa-prescription:before {
  content: "\f5b1"; }

.fa-prescription-bottle:before {
  content: "\f485"; }

.fa-prescription-bottle-alt:before {
  content: "\f486"; }

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

.fa-procedures:before {
  content: "\f487"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-project-diagram:before {
  content: "\f542"; }

.fa-pushed:before {
  content: "\f3e1"; }

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

.fa-python:before {
  content: "\f3e2"; }

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

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

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

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

.fa-quidditch:before {
  content: "\f458"; }

.fa-quinscape:before {
  content: "\f459"; }

.fa-quora:before {
  content: "\f2c4"; }

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

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

.fa-quran:before {
  content: "\f687"; }

.fa-r-project:before {
  content: "\f4f7"; }

.fa-radiation:before {
  content: "\f7b9"; }

.fa-radiation-alt:before {
  content: "\f7ba"; }

.fa-rainbow:before {
  content: "\f75b"; }

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

.fa-raspberry-pi:before {
  content: "\f7bb"; }

.fa-ravelry:before {
  content: "\f2d9"; }

.fa-react:before {
  content: "\f41b"; }

.fa-reacteurope:before {
  content: "\f75d"; }

.fa-readme:before {
  content: "\f4d5"; }

.fa-rebel:before {
  content: "\f1d0"; }

.fa-receipt:before {
  content: "\f543"; }

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

.fa-red-river:before {
  content: "\f3e3"; }

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

.fa-reddit-alien:before {
  content: "\f281"; }

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

.fa-redhat:before {
  content: "\f7bc"; }

.fa-redo:before {
  content: "\f01e"; }

.fa-redo-alt:before {
  content: "\f2f9"; }

.fa-registered:before {
  content: "\f25d"; }

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

.fa-reply:before {
  content: "\f3e5"; }

.fa-reply-all:before {
  content: "\f122"; }

.fa-replyd:before {
  content: "\f3e6"; }

.fa-republican:before {
  content: "\f75e"; }

.fa-researchgate:before {
  content: "\f4f8"; }

.fa-resolving:before {
  content: "\f3e7"; }

.fa-restroom:before {
  content: "\f7bd"; }

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

.fa-rev:before {
  content: "\f5b2"; }

.fa-ribbon:before {
  content: "\f4d6"; }

.fa-ring:before {
  content: "\f70b"; }

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

.fa-robot:before {
  content: "\f544"; }

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

.fa-rocketchat:before {
  content: "\f3e8"; }

.fa-rockrms:before {
  content: "\f3e9"; }

.fa-route:before {
  content: "\f4d7"; }

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

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

.fa-ruble-sign:before {
  content: "\f158"; }

.fa-ruler:before {
  content: "\f545"; }

.fa-ruler-combined:before {
  content: "\f546"; }

.fa-ruler-horizontal:before {
  content: "\f547"; }

.fa-ruler-vertical:before {
  content: "\f548"; }

.fa-running:before {
  content: "\f70c"; }

.fa-rupee-sign:before {
  content: "\f156"; }

.fa-sad-cry:before {
  content: "\f5b3"; }

.fa-sad-tear:before {
  content: "\f5b4"; }

.fa-safari:before {
  content: "\f267"; }

.fa-salesforce:before {
  content: "\f83b"; }

.fa-sass:before {
  content: "\f41e"; }

.fa-satellite:before {
  content: "\f7bf"; }

.fa-satellite-dish:before {
  content: "\f7c0"; }

.fa-save:before {
  content: "\f0c7"; }

.fa-schlix:before {
  content: "\f3ea"; }

.fa-school:before {
  content: "\f549"; }

.fa-screwdriver:before {
  content: "\f54a"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-scroll:before {
  content: "\f70e"; }

.fa-sd-card:before {
  content: "\f7c2"; }

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

.fa-search-dollar:before {
  content: "\f688"; }

.fa-search-location:before {
  content: "\f689"; }

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

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

.fa-searchengin:before {
  content: "\f3eb"; }

.fa-seedling:before {
  content: "\f4d8"; }

.fa-sellcast:before {
  content: "\f2da"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-server:before {
  content: "\f233"; }

.fa-servicestack:before {
  content: "\f3ec"; }

.fa-shapes:before {
  content: "\f61f"; }

.fa-share:before {
  content: "\f064"; }

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

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

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

.fa-shekel-sign:before {
  content: "\f20b"; }

.fa-shield-alt:before {
  content: "\f3ed"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-shipping-fast:before {
  content: "\f48b"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-shoe-prints:before {
  content: "\f54b"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

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

.fa-shopware:before {
  content: "\f5b5"; }

.fa-shower:before {
  content: "\f2cc"; }

.fa-shuttle-van:before {
  content: "\f5b6"; }

.fa-sign:before {
  content: "\f4d9"; }

.fa-sign-in-alt:before {
  content: "\f2f6"; }

.fa-sign-language:before {
  content: "\f2a7"; }

.fa-sign-out-alt:before {
  content: "\f2f5"; }

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

.fa-signature:before {
  content: "\f5b7"; }

.fa-sim-card:before {
  content: "\f7c4"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-sistrix:before {
  content: "\f3ee"; }

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

.fa-sith:before {
  content: "\f512"; }

.fa-skating:before {
  content: "\f7c5"; }

.fa-sketch:before {
  content: "\f7c6"; }

.fa-skiing:before {
  content: "\f7c9"; }

.fa-skiing-nordic:before {
  content: "\f7ca"; }

.fa-skull:before {
  content: "\f54c"; }

.fa-skull-crossbones:before {
  content: "\f714"; }

.fa-skyatlas:before {
  content: "\f216"; }

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

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

.fa-slack-hash:before {
  content: "\f3ef"; }

.fa-slash:before {
  content: "\f715"; }

.fa-sleigh:before {
  content: "\f7cc"; }

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

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

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

.fa-smile-beam:before {
  content: "\f5b8"; }

.fa-smile-wink:before {
  content: "\f4da"; }

.fa-smog:before {
  content: "\f75f"; }

.fa-smoking:before {
  content: "\f48d"; }

.fa-smoking-ban:before {
  content: "\f54d"; }

.fa-sms:before {
  content: "\f7cd"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-snowboarding:before {
  content: "\f7ce"; }

.fa-snowflake:before {
  content: "\f2dc"; }

.fa-snowman:before {
  content: "\f7d0"; }

.fa-snowplow:before {
  content: "\f7d2"; }

.fa-socks:before {
  content: "\f696"; }

.fa-solar-panel:before {
  content: "\f5ba"; }

.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-alpha-down:before {
  content: "\f15d"; }

.fa-sort-alpha-up:before {
  content: "\f15e"; }

.fa-sort-amount-down:before {
  content: "\f160"; }

.fa-sort-amount-up:before {
  content: "\f161"; }

.fa-sort-down:before {
  content: "\f0dd"; }

.fa-sort-numeric-down:before {
  content: "\f162"; }

.fa-sort-numeric-up:before {
  content: "\f163"; }

.fa-sort-up:before {
  content: "\f0de"; }

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

.fa-sourcetree:before {
  content: "\f7d3"; }

.fa-spa:before {
  content: "\f5bb"; }

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

.fa-speakap:before {
  content: "\f3f3"; }

.fa-speaker-deck:before {
  content: "\f83c"; }

.fa-spider:before {
  content: "\f717"; }

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

.fa-splotch:before {
  content: "\f5bc"; }

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

.fa-spray-can:before {
  content: "\f5bd"; }

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

.fa-square-full:before {
  content: "\f45c"; }

.fa-square-root-alt:before {
  content: "\f698"; }

.fa-squarespace:before {
  content: "\f5be"; }

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

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

.fa-stamp:before {
  content: "\f5bf"; }

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

.fa-star-and-crescent:before {
  content: "\f699"; }

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

.fa-star-half-alt:before {
  content: "\f5c0"; }

.fa-star-of-david:before {
  content: "\f69a"; }

.fa-star-of-life:before {
  content: "\f621"; }

.fa-staylinked:before {
  content: "\f3f5"; }

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

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

.fa-steam-symbol:before {
  content: "\f3f6"; }

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

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

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

.fa-sticker-mule:before {
  content: "\f3f7"; }

.fa-sticky-note:before {
  content: "\f249"; }

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

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stopwatch:before {
  content: "\f2f2"; }

.fa-store:before {
  content: "\f54e"; }

.fa-store-alt:before {
  content: "\f54f"; }

.fa-strava:before {
  content: "\f428"; }

.fa-stream:before {
  content: "\f550"; }

.fa-street-view:before {
  content: "\f21d"; }

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

.fa-stripe:before {
  content: "\f429"; }

.fa-stripe-s:before {
  content: "\f42a"; }

.fa-stroopwafel:before {
  content: "\f551"; }

.fa-studiovinari:before {
  content: "\f3f8"; }

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

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

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

.fa-subway:before {
  content: "\f239"; }

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

.fa-suitcase-rolling:before {
  content: "\f5c1"; }

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

.fa-superpowers:before {
  content: "\f2dd"; }

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

.fa-supple:before {
  content: "\f3f9"; }

.fa-surprise:before {
  content: "\f5c2"; }

.fa-suse:before {
  content: "\f7d6"; }

.fa-swatchbook:before {
  content: "\f5c3"; }

.fa-swimmer:before {
  content: "\f5c4"; }

.fa-swimming-pool:before {
  content: "\f5c5"; }

.fa-symfony:before {
  content: "\f83d"; }

.fa-synagogue:before {
  content: "\f69b"; }

.fa-sync:before {
  content: "\f021"; }

.fa-sync-alt:before {
  content: "\f2f1"; }

.fa-syringe:before {
  content: "\f48e"; }

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

.fa-table-tennis:before {
  content: "\f45d"; }

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

.fa-tablet-alt:before {
  content: "\f3fa"; }

.fa-tablets:before {
  content: "\f490"; }

.fa-tachometer-alt:before {
  content: "\f3fd"; }

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

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

.fa-tape:before {
  content: "\f4db"; }

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

.fa-taxi:before {
  content: "\f1ba"; }

.fa-teamspeak:before {
  content: "\f4f9"; }

.fa-teeth:before {
  content: "\f62e"; }

.fa-teeth-open:before {
  content: "\f62f"; }

.fa-telegram:before {
  content: "\f2c6"; }

.fa-telegram-plane:before {
  content: "\f3fe"; }

.fa-temperature-high:before {
  content: "\f769"; }

.fa-temperature-low:before {
  content: "\f76b"; }

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

.fa-tenge:before {
  content: "\f7d7"; }

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

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

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

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

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

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

.fa-the-red-yeti:before {
  content: "\f69d"; }

.fa-theater-masks:before {
  content: "\f630"; }

.fa-themeco:before {
  content: "\f5c6"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-thermometer:before {
  content: "\f491"; }

.fa-thermometer-empty:before {
  content: "\f2cb"; }

.fa-thermometer-full:before {
  content: "\f2c7"; }

.fa-thermometer-half:before {
  content: "\f2c9"; }

.fa-thermometer-quarter:before {
  content: "\f2ca"; }

.fa-thermometer-three-quarters:before {
  content: "\f2c8"; }

.fa-think-peaks:before {
  content: "\f731"; }

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

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

.fa-thumbtack:before {
  content: "\f08d"; }

.fa-ticket-alt:before {
  content: "\f3ff"; }

.fa-times:before {
  content: "\f00d"; }

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

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

.fa-tint-slash:before {
  content: "\f5c7"; }

.fa-tired:before {
  content: "\f5c8"; }

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

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

.fa-toilet:before {
  content: "\f7d8"; }

.fa-toilet-paper:before {
  content: "\f71e"; }

.fa-toolbox:before {
  content: "\f552"; }

.fa-tools:before {
  content: "\f7d9"; }

.fa-tooth:before {
  content: "\f5c9"; }

.fa-torah:before {
  content: "\f6a0"; }

.fa-torii-gate:before {
  content: "\f6a1"; }

.fa-tractor:before {
  content: "\f722"; }

.fa-trade-federation:before {
  content: "\f513"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-traffic-light:before {
  content: "\f637"; }

.fa-train:before {
  content: "\f238"; }

.fa-tram:before {
  content: "\f7da"; }

.fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

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

.fa-trash-alt:before {
  content: "\f2ed"; }

.fa-trash-restore:before {
  content: "\f829"; }

.fa-trash-restore-alt:before {
  content: "\f82a"; }

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

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

.fa-tripadvisor:before {
  content: "\f262"; }

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

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

.fa-truck-loading:before {
  content: "\f4de"; }

.fa-truck-monster:before {
  content: "\f63b"; }

.fa-truck-moving:before {
  content: "\f4df"; }

.fa-truck-pickup:before {
  content: "\f63c"; }

.fa-tshirt:before {
  content: "\f553"; }

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

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

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

.fa-tv:before {
  content: "\f26c"; }

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

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

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

.fa-typo3:before {
  content: "\f42b"; }

.fa-uber:before {
  content: "\f402"; }

.fa-ubuntu:before {
  content: "\f7df"; }

.fa-uikit:before {
  content: "\f403"; }

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

.fa-umbrella-beach:before {
  content: "\f5ca"; }

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

.fa-undo:before {
  content: "\f0e2"; }

.fa-undo-alt:before {
  content: "\f2ea"; }

.fa-uniregistry:before {
  content: "\f404"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-university:before {
  content: "\f19c"; }

.fa-unlink:before {
  content: "\f127"; }

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

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

.fa-untappd:before {
  content: "\f405"; }

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

.fa-ups:before {
  content: "\f7e0"; }

.fa-usb:before {
  content: "\f287"; }

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

.fa-user-alt:before {
  content: "\f406"; }

.fa-user-alt-slash:before {
  content: "\f4fa"; }

.fa-user-astronaut:before {
  content: "\f4fb"; }

.fa-user-check:before {
  content: "\f4fc"; }

.fa-user-circle:before {
  content: "\f2bd"; }

.fa-user-clock:before {
  content: "\f4fd"; }

.fa-user-cog:before {
  content: "\f4fe"; }

.fa-user-edit:before {
  content: "\f4ff"; }

.fa-user-friends:before {
  content: "\f500"; }

.fa-user-graduate:before {
  content: "\f501"; }

.fa-user-injured:before {
  content: "\f728"; }

.fa-user-lock:before {
  content: "\f502"; }

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

.fa-user-minus:before {
  content: "\f503"; }

.fa-user-ninja:before {
  content: "\f504"; }

.fa-user-nurse:before {
  content: "\f82f"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-user-shield:before {
  content: "\f505"; }

.fa-user-slash:before {
  content: "\f506"; }

.fa-user-tag:before {
  content: "\f507"; }

.fa-user-tie:before {
  content: "\f508"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-users:before {
  content: "\f0c0"; }

.fa-users-cog:before {
  content: "\f509"; }

.fa-usps:before {
  content: "\f7e1"; }

.fa-ussunnah:before {
  content: "\f407"; }

.fa-utensil-spoon:before {
  content: "\f2e5"; }

.fa-utensils:before {
  content: "\f2e7"; }

.fa-vaadin:before {
  content: "\f408"; }

.fa-vector-square:before {
  content: "\f5cb"; }

.fa-venus:before {
  content: "\f221"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-vial:before {
  content: "\f492"; }

.fa-vials:before {
  content: "\f493"; }

.fa-viber:before {
  content: "\f409"; }

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

.fa-video-slash:before {
  content: "\f4e2"; }

.fa-vihara:before {
  content: "\f6a7"; }

.fa-vimeo:before {
  content: "\f40a"; }

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

.fa-vimeo-v:before {
  content: "\f27d"; }

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

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

.fa-vnv:before {
  content: "\f40b"; }

.fa-volleyball-ball:before {
  content: "\f45f"; }

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

.fa-volume-mute:before {
  content: "\f6a9"; }

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

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

.fa-vote-yea:before {
  content: "\f772"; }

.fa-vr-cardboard:before {
  content: "\f729"; }

.fa-vuejs:before {
  content: "\f41f"; }

.fa-walking:before {
  content: "\f554"; }

.fa-wallet:before {
  content: "\f555"; }

.fa-warehouse:before {
  content: "\f494"; }

.fa-water:before {
  content: "\f773"; }

.fa-wave-square:before {
  content: "\f83e"; }

.fa-waze:before {
  content: "\f83f"; }

.fa-weebly:before {
  content: "\f5cc"; }

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

.fa-weight:before {
  content: "\f496"; }

.fa-weight-hanging:before {
  content: "\f5cd"; }

.fa-weixin:before {
  content: "\f1d7"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-whatsapp-square:before {
  content: "\f40c"; }

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

.fa-whmcs:before {
  content: "\f40d"; }

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

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-wind:before {
  content: "\f72e"; }

.fa-window-close:before {
  content: "\f410"; }

.fa-window-maximize:before {
  content: "\f2d0"; }

.fa-window-minimize:before {
  content: "\f2d1"; }

.fa-window-restore:before {
  content: "\f2d2"; }

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

.fa-wine-bottle:before {
  content: "\f72f"; }

.fa-wine-glass:before {
  content: "\f4e3"; }

.fa-wine-glass-alt:before {
  content: "\f5ce"; }

.fa-wix:before {
  content: "\f5cf"; }

.fa-wizards-of-the-coast:before {
  content: "\f730"; }

.fa-wolf-pack-battalion:before {
  content: "\f514"; }

.fa-won-sign:before {
  content: "\f159"; }

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

.fa-wordpress-simple:before {
  content: "\f411"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpexplorer:before {
  content: "\f2de"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-wpressr:before {
  content: "\f3e4"; }

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

.fa-x-ray:before {
  content: "\f497"; }

.fa-xbox:before {
  content: "\f412"; }

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

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

.fa-y-combinator:before {
  content: "\f23b"; }

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

.fa-yammer:before {
  content: "\f840"; }

.fa-yandex:before {
  content: "\f413"; }

.fa-yandex-international:before {
  content: "\f414"; }

.fa-yarn:before {
  content: "\f7e3"; }

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

.fa-yen-sign:before {
  content: "\f157"; }

.fa-yin-yang:before {
  content: "\f6ad"; }

.fa-yoast:before {
  content: "\f2b1"; }

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

.fa-youtube-square:before {
  content: "\f431"; }

.fa-zhihu:before {
  content: "\f63f"; }

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

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

/*!
 * Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("../fonts/fontawesome/fa-solid-900.eot");
  src: url("../fonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome/fa-solid-900.woff") format("woff"), url("../fonts/fontawesome/fa-solid-900.ttf") format("truetype"), url("../fonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg"); }
.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

.big-banner {
  padding: 60px 0;
  background-color: #eee; }
  .big-banner .banner-wrapper {
    width: 59.83606557377%;
    padding: 15px 0;
    margin: 0 auto;
    text-align: center;
    background-color: #000; }
  .big-banner .banner-content {
    font-size: 16px;
    font-family: "Asap-Regular", sans-serif;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    width: 38.114754098361%;
    color: #fff;
    background-color: #c1121c; }

.search-banner {
  display: flex;
  align-items: center;
  position: relative;
  height: 324px;
  background-color: #eee; }
  .search-banner .banner-wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 1220px;
    margin: 0 auto; }
  .search-banner .content {
    padding-top: 17px;
    width: 48.360655737705%; }
  .search-banner img {
    position: absolute;
    left: 50.7%;
    bottom: 0; }

.search-banner-title {
  font-size: 26px;
  font-family: "Asap-Medium", sans-serif;
  font-weight: 600;
  color: #3a3a3a;
  margin-bottom: 33px; }

.search-banner-text {
  font-size: 16px;
  font-family: "Asap-Regular", sans-serif;
  line-height: 22px;
  color: #3a3a3a;
  margin-bottom: 30px; }

.car-details-banner {
  position: relative;
  width: 28.688525%;
  padding: 30px 23px 20px;
  margin-bottom: 30px;
  overflow: hidden;
  background-color: #fff; }
  .car-details-banner .car-details-banner-title {
    font-size: 20px;
    font-family: "Asap-Regular", sans-serif;
    margin-bottom: 20px;
    color: #3a3a3a; }
  .car-details-banner .car-details-banner-text,
  .car-details-banner .car-details-banner-text-bold {
    font-size: 15px;
    font-family: "Asap-Regular", sans-serif;
    width: 300px;
    margin-bottom: 40px;
    z-index: 1;
    line-height: 20px;
    color: #3a3a3a; }
  .car-details-banner .car-details-banner-text-bold {
    width: 171px;
    margin-bottom: 127px;
    font-family: "Asap-Medium", sans-serif;
    font-weight: bold; }
  .car-details-banner img {
    position: absolute;
    bottom: -5px;
    right: 5px;
    width: 190px;
    height: 300px; }

.banner-btn {
  position: relative;
  width: 257px;
  height: 50px;
  outline: none;
  border: 0;
  background-color: #3679c4;
  cursor: pointer;
  transition-property: background-color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  font-size: 16px;
  font-family: "Asap-Medium", sans-serif;
  font-weight: 600;
  padding-left: 38px;
  border: 0;
  color: #fff;
  z-index: 1; }
  .banner-btn:hover {
    background-color: #306db0; }
  .banner-btn::after {
    position: absolute;
    content: '';
    top: 5px;
    left: 15px;
    width: 27px;
    height: 36px;
    background: url('/assets/images/cash-white.png'); }

.box {
  font-size: 16px;
  font-family: "Asap-Regular", sans-serif;
  align-self: flex-end;
  width: 24.590163934426%;
  height: 250px;
  color: #fff;
  text-align: center;
  background-color: #4f4f4f; }
  .box::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: .1px; }

.car-details-banner-empty {
  width: 28.688525%;
  padding: 30px 25px 33px;
  background-color: #fff; }
  .car-details-banner-empty .box {
    width: 300px;
    height: 250px; }

.registration-banner {
  width: 700px;
  padding: 35px 0 0 50px;
  margin-left: 28px;
  background: #fff url("assets/images/signup-banner-img.png") no-repeat right bottom; }

.registration-banner-title {
  font-size: 26px;
  font-family: "Asap-Medium", sans-serif;
  font-weight: 600;
  margin-bottom: 22px; }

.registration-banner-text {
  font-size: 16px;
  font-family: "Asap-Regular", sans-serif;
  width: 339px;
  line-height: 22px;
  margin-bottom: 34px; }

.registration-banner-btn {
  position: relative;
  width: 100%;
  height: 41px;
  outline: none;
  border: 0;
  background-color: #c0141b;
  cursor: pointer;
  transition-property: background-color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  font-size: 16px;
  font-family: "Asap-Regular", sans-serif;
  padding-left: 29px;
  color: #fff;
  margin-bottom: 1rem;
  display: inline-block;
  height: auto;
  padding: 1rem 3rem;
  text-align: center;
  width: auto;
  min-width: 190px;
  text-decoration: none; }
  .registration-banner-btn:hover {
    background-color: #a91218; }
  .registration-banner-btn:hover, .registration-banner-btn:focus, .registration-banner-btn:active {
    color: white;
    background: #a91218;
    text-decoration: none; }
  @media (min-width: 800px) {
    .registration-banner-btn {
      margin: 0 2rem;
      position: relative;
      top: auto;
      transform: none; } }
  @media (min-width: 1200px) {
    .registration-banner-btn {
      margin: 0; } }

.dealer-registration-banner {
  background: #fff;
  height: 265px; }
  .dealer-registration-banner .registration-banner-text {
    width: 354px; }
  .dealer-registration-banner .registration-banner-btn::after {
    left: 22px; }

/*
* Static content. Price check styles
*/
.static-content-price {
  position: relative; }
  @media (min-width: 1200px) {
    .static-content-price {
      margin: 60px 0; } }
  .static-content-price .wrapper {
    max-width: 1220px;
    margin: 0 auto;
    height: 100%; }

.scp-description-box {
  display: block;
  margin-bottom: 2rem;
  font-size: 16px;
  padding: 2rem 2rem 0 2rem; }
  @media (min-width: 1200px) {
    .scp-description-box {
      display: inline-block;
      width: 410px;
      margin: 0 40px 0 0;
      padding: 0 0 0 2rem; } }
  @media (min-width: 1400px) {
    .scp-description-box {
      width: 450px;
      padding-left: 0; } }
  .scp-description-box .btn {
    background: #c0141b;
    color: white;
    text-align: center;
    display: block;
    display: block;
    padding: 10px;
    font-size: 16px;
    transition: all .5s;
    text-decoration: none;
    margin-bottom: 10px;
    text-transform: none; }
    @media (min-width: 480px) {
      .scp-description-box .btn {
        display: inline-block;
        padding: 10px 20px; } }
    @media (min-width: 800px) {
      .scp-description-box .btn {
        margin-top: 20px; } }
    @media (min-width: 1400px) {
      .scp-description-box .btn {
        margin-right: 15px; } }
    .scp-description-box .btn.border {
      border: 1px solid #c0141b;
      color: #c0141b;
      background: white;
      text-transform: none; }
    .scp-description-box .btn.btn-blue {
      background: #3679c4;
      color: white; }
      .scp-description-box .btn.btn-blue:hover, .scp-description-box .btn.btn-blue:active {
        background: #0e2f54;
        color: white !important; }
    .scp-description-box .btn:hover, .scp-description-box .btn:active {
      background: #a91218;
      color: white !important; }

.scp-description-head {
  font-size: 16px;
  position: relative;
  padding: 1rem 2rem;
  margin-bottom: 73px;
  line-height: 20px;
  color: #fff;
  background: #67a349;
  margin-bottom: 2rem;
  display: flex;
  align-items: center; }
  @media (min-width: 1200px) {
    .scp-description-head {
      display: inline-block;
      padding: 15px 78px 15px 70px;
      font-size: 18px; }
      .scp-description-head::after {
        right: 23px;
        top: 14px;
        width: 20px;
        height: 36px;
        background: url('/assets/images/hp-arrow.png') no-repeat center center; } }
  .scp-description-head::before {
    width: 71px;
    height: 51px;
    background: url('/assets/images/price-calc.png') no-repeat center center;
    display: inline-block;
    position: relative;
    background-size: contain;
    margin-right: 1.4rem; }
    @media (min-width: 1200px) {
      .scp-description-head::before {
        width: 45px;
        left: 10px;
        top: 8px;
        position: absolute;
        margin-right: 0; } }

.scp-description-title {
  font-size: 18px; }
  @media (min-width: 640px) {
    .scp-description-title {
      font-size: 26px;
      color: #3a3a3a; } }
  @media (min-width: 992px) {
    .scp-description-title {
      display: inline-block; } }
  @media (min-width: 1200px) {
    .scp-description-title {
      display: block; } }

.scp-description-text {
  position: relative;
  padding: 0 110px 0 0;
  margin: 1rem 0 2rem; }
  @media (min-width: 640px) {
    .scp-description-text {
      font-size: 16px;
      height: 65px;
      padding: 34px 0 0 230px; } }
  @media (min-width: 992px) {
    .scp-description-text {
      display: inline-block; } }
  @media (min-width: 1200px) {
    .scp-description-text {
      padding: 24px 0 0 199px;
      display: block; } }
  .scp-description-text::after {
    width: 105px;
    height: 55px;
    background: url('/assets/images/hp-baner-blue.png') no-repeat center center;
    position: absolute;
    display: block;
    top: 50%;
    right: 0;
    background-size: contain;
    transform: translateY(-50%); }
    @media (min-width: 640px) {
      .scp-description-text::after {
        width: 155px;
        transform: none;
        top: 21px;
        left: 2rem; } }
    @media (min-width: 1200px) {
      .scp-description-text::after {
        left: 0; } }
  .scp-description-text::before {
    left: 206px;
    top: 17px;
    height: 65px;
    border-left: 1px solid #d9d9d9;
    display: none; }
    @media (min-width: 640px) {
      .scp-description-text::before {
        display: block; } }
    @media (min-width: 1200px) {
      .scp-description-text::before {
        left: 176px; } }

.scp-price-classes {
  display: inline-block;
  vertical-align: top;
  padding: 2rem 2rem 0 2rem;
  position: relative;
  width: 100%;
  overflow: hidden; }
  @media (min-width: 480px) {
    .scp-price-classes {
      display: flex;
      justify-content: space-between; } }
  @media (min-width: 1200px) {
    .scp-price-classes {
      width: auto;
      display: inline-block;
      padding: 0;
      overflow: visible; } }
  .scp-price-classes .scp-price-class {
    position: relative;
    display: block;
    margin-bottom: 20px; }
    @media (min-width: 480px) {
      .scp-price-classes .scp-price-class {
        float: left;
        width: 31%; } }
    @media (min-width: 640px) {
      .scp-price-classes .scp-price-class {
        height: 300px;
        width: 30%;
        margin-bottom: 0;
        display: inline-block; }
        .scp-price-classes .scp-price-class:not(:last-child) {
          margin-right: 4%; } }
    @media (min-width: 800px) {
      .scp-price-classes .scp-price-class {
        height: 280px;
        display: inline-block;
        float: none;
        width: auto; }
        .scp-price-classes .scp-price-class:not(:last-child) {
          margin-right: 40px; } }
    @media (min-width: 1400px) {
      .scp-price-classes .scp-price-class:not(:last-child) {
        margin-right: 20px; } }
    @media (min-width: 640px) {
      .scp-price-classes .scp-price-class.good-price {
        background: url('/assets/images/car-icon-high-price.png') no-repeat;
        background-position: center 148px;
        background-size: 160px auto; } }
    @media (min-width: 992px) {
      .scp-price-classes .scp-price-class.good-price {
        background-position: center bottom;
        background-size: auto; } }
    .scp-price-classes .scp-price-class.good-price .scp-price-content {
      background-color: #008754; }
      .scp-price-classes .scp-price-class.good-price .scp-price-content::before {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-left: 33px solid transparent;
        border-right: 12px solid transparent;
        border-top: 23px solid #008754; }
      .scp-price-classes .scp-price-class.good-price .scp-price-content::after {
        background-color: #008754; }
    @media (min-width: 640px) {
      .scp-price-classes .scp-price-class.fair-price {
        background: url('/assets/images/car-icon-fair-price.png') no-repeat;
        background-position: center 148px;
        background-size: 160px auto; } }
    @media (min-width: 992px) {
      .scp-price-classes .scp-price-class.fair-price {
        background-position: center bottom;
        background-size: auto; } }
    .scp-price-classes .scp-price-class.fair-price .scp-price-content {
      background-color: #598e7a; }
      .scp-price-classes .scp-price-class.fair-price .scp-price-content::before {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-left: 33px solid transparent;
        border-right: 12px solid transparent;
        border-top: 23px solid #598e7a; }
      .scp-price-classes .scp-price-class.fair-price .scp-price-content::after {
        background-color: #598e7a;
        transform: rotate(45deg); }
    @media (min-width: 640px) {
      .scp-price-classes .scp-price-class.high-price {
        background: url('/assets/images/car-icon-low-price.png') no-repeat;
        background-position: center 148px;
        background-size: 160px auto; } }
    @media (min-width: 992px) {
      .scp-price-classes .scp-price-class.high-price {
        background-position: center bottom;
        background-size: auto; } }
    .scp-price-classes .scp-price-class.high-price .scp-price-content {
      background-color: #6d6d6d; }
      .scp-price-classes .scp-price-class.high-price .scp-price-content::before {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-left: 33px solid transparent;
        border-right: 12px solid transparent;
        border-top: 23px solid #6d6d6d; }
      .scp-price-classes .scp-price-class.high-price .scp-price-content::after {
        background-color: #808080;
        transform: rotate(90deg); }
  .scp-price-classes .scp-price-content {
    position: relative;
    padding: 20px 52px 22px 20px;
    color: #fff;
    width: 100%; }
    @media (min-width: 480px) {
      .scp-price-classes .scp-price-content {
        padding: 15px; } }
    @media (min-width: 992px) {
      .scp-price-classes .scp-price-content {
        width: 233px; } }
    @media (min-width: 1200px) {
      .scp-price-classes .scp-price-content {
        padding: 20px 22px 22px 20px;
        width: 210px; } }
    @media (min-width: 1400px) {
      .scp-price-classes .scp-price-content {
        width: 220px; } }
    .scp-price-classes .scp-price-content::after {
      right: -14px;
      top: -17px;
      height: 50px;
      width: 50px;
      line-height: 50px; }
      @media (min-width: 480px) {
        .scp-price-classes .scp-price-content::after {
          height: 40px;
          width: 40px;
          line-height: 40px;
          font-size: 22px; } }
      @media (min-width: 800px) {
        .scp-price-classes .scp-price-content::after {
          height: 50px;
          width: 50px;
          line-height: 50px;
          font-size: 28.25px; } }
    .scp-price-classes .scp-price-content::before {
      bottom: -23px;
      display: none; }
      @media (min-width: 480px) {
        .scp-price-classes .scp-price-content::before {
          display: block; } }
  .scp-price-classes .scp-price-class-title {
    margin-bottom: 7px;
    font-size: 20px; }
    @media (min-width: 480px) {
      .scp-price-classes .scp-price-class-title {
        font-size: 14px; } }
    @media (min-width: 640px) {
      .scp-price-classes .scp-price-class-title {
        font-size: 19px; } }
    @media (min-width: 800px) {
      .scp-price-classes .scp-price-class-title {
        font-size: 22px; } }
  .scp-price-classes .scp-price-class-text {
    hyphens: none;
    line-height: 20px;
    font-size: 16px; }
    @media (min-width: 480px) {
      .scp-price-classes .scp-price-class-text {
        line-height: 17px;
        font-size: 14px; } }
    @media (min-width: 640px) {
      .scp-price-classes .scp-price-class-text {
        line-height: 24px;
        font-size: 15px; } }
    @media (min-width: 800px) {
      .scp-price-classes .scp-price-class-text {
        font-size: 17px; } }

/*
* Static content. List of advantages styles
*/
.list-of-advantages {
  padding: 2rem;
  border-bottom: 1px solid #d9d9d9; }
  @media (min-width: 992px) {
    .list-of-advantages {
      padding: 5rem 2rem; } }
  @media (min-width: 1400px) {
    .list-of-advantages {
      padding: 63px 0 133px; } }
  .list-of-advantages .wrapper {
    max-width: 1220px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }

.app-in-stores-title,
.about-database-title,
.list-of-advantages-title {
  font-size: 23px;
  width: 100%;
  margin-bottom: 40px;
  color: #c0141b; }
  @media (min-width: 800px) {
    .app-in-stores-title,
    .about-database-title,
    .list-of-advantages-title {
      margin-bottom: 67px;
      font-size: 30px; } }

.list-of-advantages-item {
  position: relative;
  margin-bottom: 2rem; }
  @media (min-width: 640px) {
    .list-of-advantages-item {
      width: 48%; } }
  @media (min-width: 800px) {
    .list-of-advantages-item {
      margin-bottom: 4rem; } }
  @media (min-width: 992px) {
    .list-of-advantages-item {
      margin-bottom: 0;
      width: 30%; } }
  .list-of-advantages-item .item-title {
    font-size: 22px;
    font-family: "Asap-Medium", sans-serif;
    font-weight: 600;
    padding-left: 57px;
    margin-bottom: 14px;
    font-weight: 600;
    font-family: "Asap-Medium", sans-serif; }
  .list-of-advantages-item .item-text {
    font-size: 15px;
    font-family: "Asap-Regular", sans-serif;
    line-height: 24px;
    color: #3a3a3a; }

.list-of-advantages-marker {
  font-size: 20px;
  font-family: "Asap-Regular", sans-serif;
  position: absolute;
  top: -12px;
  left: 0;
  width: 38px;
  height: 36px;
  line-height: 36px;
  background-color: #c0141b;
  text-align: center;
  color: #fff; }
  .list-of-advantages-marker::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 5px solid transparent;
    border-top: 9px solid #c0141b;
    bottom: -7px; }

/*
* Static content. Database description
*/
.about-database-section {
  border-bottom: 1px solid #d9d9d9; }
  .about-database-section .wrapper {
    padding: 2rem;
    overflow: hidden; }
    @media (min-width: 800px) {
      .about-database-section .wrapper {
        background: url('/assets/images/home-page-bank-cars.png') no-repeat center right; } }
    @media (min-width: 992px) {
      .about-database-section .wrapper {
        padding: 5rem 2rem; } }
    @media (min-width: 1400px) {
      .about-database-section .wrapper {
        padding: 89px 0 108px; } }
  .about-database-section .about-database-text {
    padding: 25px 0 35px; }
  .about-database-section .ads-btn {
    position: relative;
    width: 100%;
    height: 50px;
    outline: none;
    border: 0;
    background-color: #c0141b;
    cursor: pointer;
    transition-property: background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    font-size: 16px;
    font-family: "Asap-Medium", sans-serif;
    font-weight: 600;
    padding-left: 80px;
    text-align: left;
    color: #fff; }
    .about-database-section .ads-btn:hover {
      background-color: #a91218; }
    @media (min-width: 640px) {
      .about-database-section .ads-btn {
        width: 257px; } }
    .about-database-section .ads-btn::before {
      top: 13px;
      left: 21px;
      height: 23px;
      width: 17px;
      background-image: url('/assets/images/home-page-bank-btn-ico.png'); }
    .about-database-section .ads-btn::after {
      left: 60px;
      top: 10px;
      height: 27px;
      line-height: 50px;
      opacity: .5;
      border-left: 1px solid #ccc; }

@media (min-width: 800px) {
  .about-database {
    width: 596px; } }

.about-database-title {
  margin-bottom: 0; }
  @media (min-width: 800px) {
    .about-database-title {
      width: 420px; } }

/*
* Static content. List of links
*/
.list-of-links {
  padding: 2rem; }
  @media (min-width: 1400px) {
    .list-of-links {
      padding: 70px 0 80px; } }
  .list-of-links .wrapper {
    max-width: 1220px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }

.links-list {
  margin-top: 20px;
  width: 100%; }
  @media (min-width: 480px) {
    .links-list {
      width: 50%; } }
  @media (min-width: 800px) {
    .links-list {
      width: 284px; } }
  .links-list .ml-item {
    font-size: 15px;
    font-family: "Asap-Regular", sans-serif;
    padding-left: 20px;
    margin-bottom: 3px; }
    .links-list .ml-item::before {
      color: #c0141b; }

.links-list-title {
  font-size: 17px;
  font-family: "Asap-Medium", sans-serif;
  font-weight: 600;
  margin-bottom: 13px; }

.app-description-box {
  border-bottom: 1px solid #d9d9d9; }
  .app-description-box .wrapper {
    padding: 2rem;
    overflow: hidden; }
    @media (min-width: 480px) {
      .app-description-box .wrapper {
        background: url('/assets/images/hp-baner2.png') no-repeat right bottom;
        background-size: 240px; } }
    @media (min-width: 800px) {
      .app-description-box .wrapper {
        background: url('/assets/images/hp-baner2.png') no-repeat center bottom;
        background-size: 250px; } }
    @media (min-width: 992px) {
      .app-description-box .wrapper {
        background: url('/assets/images/hp-baner2.png') no-repeat 335px 55px;
        background-size: auto;
        padding: 0rem 2rem 17rem; } }
    @media (min-width: 1400px) {
      .app-description-box .wrapper {
        padding: 83px 0 134px; } }

@media (min-width: 800px) {
  .app-in-stores {
    float: left;
    width: 40%; } }
@media (min-width: 1200px) {
  .app-in-stores {
    width: 388px; } }

.app-in-stores-title {
  margin-bottom: 0; }
  @media (min-width: 800px) {
    .app-in-stores-title {
      width: 312px; } }

.app-in-stores-text,
.about-database-text {
  font-size: 16px;
  font-family: "Asap-Regular", sans-serif;
  padding: 23px 0;
  line-height: 24px; }

.app-in-stores-link {
  font-size: 16px;
  font-family: "Asap-Regular", sans-serif;
  color: #c0141b; }

.app-in-stores-btns {
  padding-top: 18px;
  overflow: hidden; }
  .app-in-stores-btns .app-in-store-btn {
    float: left;
    height: 40px;
    border-radius: 4px;
    font-size: 0;
    background-size: cover; }
    .app-in-stores-btns .app-in-store-btn.app-store {
      width: 136px;
      margin-right: 26px;
      background-image: url('/assets/images/hp-app-store.png'); }
    .app-in-stores-btns .app-in-store-btn.google-play {
      width: 118px;
      background-image: url('/assets/images/hp-google-play.png'); }

.app-feedbacks {
  padding-top: 94px;
  background: url('/assets/images/rate.png') no-repeat 0 38px; }
  @media (min-width: 480px) {
    .app-feedbacks {
      padding-right: 21rem; } }
  @media (min-width: 800px) {
    .app-feedbacks {
      float: right;
      width: 30%;
      padding-right: 0; } }
  @media (min-width: 1200px) {
    .app-feedbacks {
      width: 388px; } }

.app-feedback-title {
  font-size: 16px;
  font-family: "Asap-Medium", sans-serif;
  font-weight: 600;
  display: block;
  line-height: 24px; }

.app-feedback-author {
  font-size: 16px;
  font-family: "Asap-Regular", sans-serif;
  display: block;
  margin-bottom: 24px;
  color: #3a3a3a; }

.app-feedback-text {
  font-size: 15px;
  font-family: "Asap-Regular", sans-serif;
  width: 355px;
  line-height: 24px;
  color: #3a3a3a; }

/*
* Static content. Car evaluation section
*/
.car-evaluation-section {
  border-bottom: 1px solid #d9d9d9; }
  .car-evaluation-section .wrapper {
    overflow: hidden;
    padding: 2rem; }
    @media (min-width: 992px) {
      .car-evaluation-section .wrapper {
        padding: 5rem 2rem; } }
    @media (min-width: 1200px) {
      .car-evaluation-section .wrapper {
        padding: 88px 0 131px; } }

.ces-left {
  position: relative;
  padding-top: 197px;
  background: url('/assets/images/home-page-superprice-img.png') no-repeat top left;
  margin-bottom: 2rem; }
  @media (min-width: 640px) {
    .ces-left {
      padding-top: 0;
      padding-left: 270px; } }
  @media (min-width: 800px) {
    .ces-left {
      margin-bottom: 3rem; } }
  @media (min-width: 992px) {
    .ces-left {
      min-height: 160px; } }
  @media (min-width: 1200px) {
    .ces-left {
      width: 388px;
      margin-right: 131px;
      float: left;
      margin-bottom: 0;
      padding-left: 0;
      padding-top: 197px; } }
  .ces-left::after {
    position: absolute;
    top: -5px;
    right: -64px;
    width: 1px;
    height: 371px;
    background-color: #d9d9d9; }

@media (min-width: 1200px) {
  .ces-right {
    float: left;
    width: 610px;
    padding-top: 30px; } }
@media (min-width: 1400px) {
  .ces-right {
    width: 700px; } }
.ces-right .ces-text:first-of-type {
  margin-bottom: 35px; }

.ces-title {
  font-size: 20px;
  font-family: "Asap-Medium", sans-serif;
  font-weight: 600;
  margin-bottom: 25px;
  color: #3a3a3a; }

.ces-text {
  font-size: 15px;
  font-family: "Asap-Regular", sans-serif;
  line-height: 22px;
  color: #3a3a3a; }

.hp-top-slider {
  position: relative;
  background: #eaebed;
  padding: 1.2rem;
  padding-top: 15px;
  overflow: hidden; }
  @media (min-width: 800px) {
    .hp-top-slider {
      height: 540px;
      padding: 0 1.2rem;
      background: url("/assets/images/gebrauchtwagen-online-kaufen.jpg") no-repeat center top #f2f2f2; } }
  @media (min-width: 1400px) {
    .hp-top-slider {
      padding: 0; } }

.hp-search-component {
  position: relative;
  display: inline-block;
  padding: 15px 20px;
  background: #fff;
  z-index: 10;
  width: 100%; }
  @media (min-width: 800px) {
    .hp-search-component {
      width: 347px; } }
  @media (min-width: 992px) {
    .hp-search-component {
      width: 580px;
      padding: 0; } }
  .hp-search-component .title {
    font-size: 18px;
    margin-bottom: 10px;
    color: #c0141b; }
    @media (min-width: 992px) {
      .hp-search-component .title {
        font-size: 20px;
        padding-bottom: 25px;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 20px;
        background: #FBFBFB;
        padding: 25px 30px;
        margin-bottom: 0; }
        .hp-search-component .title:before {
          content: "\f1b9";
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          display: inline-block;
          margin-right: 10px; } }
  @media (min-width: 992px) {
    .hp-search-component .online-buy-wrap {
      display: flex; } }
  .hp-search-component .online-buy-wrap .online-buy-form-fields {
    display: flex; }
    .hp-search-component .online-buy-wrap .online-buy-form-fields .select-label {
      display: inline-block;
      float: none; }
      .hp-search-component .online-buy-wrap .online-buy-form-fields .select-label:first-child {
        margin-right: 4%; }
      .hp-search-component .online-buy-wrap .online-buy-form-fields .select-label.hp-select-model {
        margin-right: 0; }
    @media (min-width: 992px) {
      .hp-search-component .online-buy-wrap .online-buy-form-fields {
        width: 335px; } }
  .hp-search-component .online-buy-wrap .online-buy {
    display: flex;
    justify-content: space-between;
    margin: 20px 0; }
    @media (min-width: 992px) {
      .hp-search-component .online-buy-wrap .online-buy {
        flex-flow: column;
        margin: 0 0 0 15px; } }
    .hp-search-component .online-buy-wrap .online-buy .online-buy-info {
      order: 2;
      font-size: 15px;
      line-height: 20px;
      background-color: transparent;
      color: #969696; }
      .hp-search-component .online-buy-wrap .online-buy .online-buy-info i {
        color: #969696; }
      @media (min-width: 992px) {
        .hp-search-component .online-buy-wrap .online-buy .online-buy-info {
          order: 0;
          align-self: flex-end; } }
    .hp-search-component .online-buy-wrap .online-buy .financing-checkbox-wrap {
      display: flex;
      align-items: center; }
      @media (min-width: 992px) {
        .hp-search-component .online-buy-wrap .online-buy .financing-checkbox-wrap {
          margin-bottom: 17px; } }
      .hp-search-component .online-buy-wrap .online-buy .financing-checkbox-wrap p {
        margin: 0 0 0 18px;
        font-size: 15px;
        font-weight: 700;
        color: #333333; }
      .hp-search-component .online-buy-wrap .online-buy .financing-checkbox-wrap span {
        position: relative;
        padding: 0 5px;
        margin-left: 15px;
        font-size: 12px;
        font-weight: 700;
        background-color: #ff6900;
        color: #fff; }
        .hp-search-component .online-buy-wrap .online-buy .financing-checkbox-wrap span:after {
          content: '';
          position: absolute;
          z-index: -1;
          top: 50%;
          left: 0;
          transform: translate(-50%, -50%) rotate(-315deg);
          width: 9px;
          height: 9px;
          background-color: #ff6900; }
      .hp-search-component .online-buy-wrap .online-buy .financing-checkbox-wrap .custom-checkbox label:before {
        top: -2px; }
      .hp-search-component .online-buy-wrap .online-buy .financing-checkbox-wrap .custom-checkbox label:after {
        top: -2px; }
    .hp-search-component .online-buy-wrap .online-buy .financing-checkbox-content {
      display: flex; }
  @media (min-width: 992px) {
    .hp-search-component .form-wrapper {
      padding: 20px 30px 40px 30px; } }
  .hp-search-component .form-wrapper .input-title {
    font-size: 16px;
    font-family: "Asap-Medium", sans-serif;
    font-weight: 600;
    margin-bottom: 3px;
    font-weight: 600;
    font-family: "Asap-Medium", sans-serif; }
  .hp-search-component .form-wrapper .select-label {
    margin-bottom: 7px;
    width: 48%;
    float: left; }
    @media (min-width: 800px) {
      .hp-search-component .form-wrapper .select-label {
        width: 147px;
        margin-bottom: 10px; } }
    @media (min-width: 992px) {
      .hp-search-component .form-wrapper .select-label {
        width: 48%; }
        .hp-search-component .form-wrapper .select-label.umkreis {
          width: 130px;
          margin: 0 !important; } }
    .hp-search-component .form-wrapper .select-label:nth-child(even) {
      margin-right: 4%; }
      @media (min-width: 800px) {
        .hp-search-component .form-wrapper .select-label:nth-child(even) {
          margin-right: 12px; } }
      @media (min-width: 992px) {
        .hp-search-component .form-wrapper .select-label:nth-child(even) {
          margin-right: 4%;
          margin-left: 0; } }
  .hp-search-component .form-wrapper .custom-select {
    font-size: 14px;
    font-family: "Asap-Regular", sans-serif;
    cursor: pointer; }
  .hp-search-component .form-wrapper .search-btn {
    position: relative;
    width: 100%;
    height: 50px;
    outline: none;
    border: 0;
    background-color: #c0141b;
    cursor: pointer;
    transition-property: background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    font-size: 16px;
    font-family: "Asap-Medium", sans-serif;
    font-weight: 600;
    position: relative;
    padding-left: 25px;
    color: #fff;
    font-weight: normal;
    font-family: "Asap-Medium", sans-serif; }
    .hp-search-component .form-wrapper .search-btn:hover {
      background-color: #a91218; }
    @media (min-width: 800px) {
      .hp-search-component .form-wrapper .search-btn {
        width: 307px; } }
    @media (min-width: 992px) {
      .hp-search-component .form-wrapper .search-btn {
        width: 48%;
        margin-left: 20px;
        margin-top: 12px;
        height: 50px;
        padding-left: 0; } }
    .hp-search-component .form-wrapper .search-btn:before {
      font-size: 16px;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      content: "";
      font-weight: 900;
      position: relative;
      margin-right: 1rem; }

.hp-slider-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none; }
  @media (min-width: 800px) {
    .hp-slider-wrapper {
      display: block;
      margin-top: 50px; }
      .hp-slider-wrapper .slider {
        overflow: hidden;
        width: 50vw;
        float: right;
        margin-right: 2rem; }
        .hp-slider-wrapper .slider .slider-frame {
          width: 50vw; }
          .hp-slider-wrapper .slider .slider-frame .slider-list {
            padding: 0;
            position: relative;
            height: 100%;
            width: 150vw; }
            .hp-slider-wrapper .slider .slider-frame .slider-list .slider-slide {
              float: left;
              width: 50vw; } }
  @media (min-width: 992px) {
    .hp-slider-wrapper {
      display: block;
      margin-top: 100px; }
      .hp-slider-wrapper .slider {
        overflow: hidden;
        width: 540px;
        float: right;
        margin-right: 2rem; }
        .hp-slider-wrapper .slider .slider-frame {
          width: 540px; }
          .hp-slider-wrapper .slider .slider-frame .slider-list {
            padding: 0;
            position: relative;
            height: 100%;
            width: 1620px; }
            .hp-slider-wrapper .slider .slider-frame .slider-list .slider-slide {
              float: left;
              width: 540px; } }
  @media (min-width: 1200px) {
    .hp-slider-wrapper {
      margin-top: 0; }
      .hp-slider-wrapper .slider {
        width: 1220px;
        margin: 0 auto;
        float: none; }
        .hp-slider-wrapper .slider .slider-frame {
          width: 1220px; }
          .hp-slider-wrapper .slider .slider-frame .slider-list {
            width: 3660px; }
            .hp-slider-wrapper .slider .slider-frame .slider-list .slider-slide {
              width: 1220px; } }
  .hp-slider-wrapper .slider-decorator {
    position: relative;
    left: 0;
    top: -270px;
    height: 40px;
    width: 180px; }
    @media (min-width: 1200px) {
      .hp-slider-wrapper .slider-decorator {
        padding-left: 420px;
        bottom: 120px;
        top: auto;
        width: auto; } }
    .hp-slider-wrapper .slider-decorator .home-page-slider-ctrl {
      float: left;
      margin-bottom: 60px;
      padding: 0;
      display: none; }
      @media (min-width: 1200px) {
        .hp-slider-wrapper .slider-decorator .home-page-slider-ctrl {
          display: inline-block; } }
      .hp-slider-wrapper .slider-decorator .home-page-slider-ctrl .hpsc-control {
        float: left;
        width: 30px;
        height: 30px;
        font-size: 20px;
        text-align: center;
        line-height: 27px;
        margin-right: 20px; }
  .hp-slider-wrapper .hp-slide {
    position: relative; }
    @media (min-width: 1200px) {
      .hp-slider-wrapper .hp-slide .wrapper {
        padding: 130px 0 0 420px; } }
    .hp-slider-wrapper .hp-slide .hp-slide-btn {
      padding-left: 83px;
      text-align: left; }
      .hp-slider-wrapper .hp-slide .hp-slide-btn::after {
        left: 53px;
        top: 10px;
        height: 27px;
        line-height: 50px;
        border-left: 1px solid #ccc; }
  @media (min-width: 1200px) {
    .hp-slider-wrapper .slider-slide:nth-child(1) .hp-slide {
      margin: auto;
      background: url('/assets/images/registration-page-banner.png') no-repeat bottom right; } }
  .hp-slider-wrapper .slider-slide:nth-child(1) .hp-slide-btn::before {
    top: 8px;
    left: 17px;
    height: 27px;
    width: 22px;
    background-image: url('/assets/images/hp-lock.png'); }
  .hp-slider-wrapper .slider-slide:nth-child(1) .hp-slide-text {
    max-width: 400px; }
  .hp-slider-wrapper .slider-slide:nth-child(2) {
    background-color: #eaebed; }
    @media (min-width: 1200px) {
      .hp-slider-wrapper .slider-slide:nth-child(2) .wrapper {
        background: url('/assets/images/hb-slide-2-change.png') no-repeat right bottom; } }
    .hp-slider-wrapper .slider-slide:nth-child(2) .hp-slide-text {
      max-width: 330px; }
    .hp-slider-wrapper .slider-slide:nth-child(2) .hp-slide-btn::before {
      top: 12px;
      left: 16px;
      height: 29px;
      width: 38px;
      background: url('/assets/images/price-check-icon-red.png') no-repeat center center; }
    .hp-slider-wrapper .slider-slide:nth-child(2) .hp-slide-btn::after {
      left: 70px; }
  .hp-slider-wrapper .slider-slide:nth-child(3) {
    background-color: #eaebed; }
    @media (min-width: 1200px) {
      .hp-slider-wrapper .slider-slide:nth-child(3) .wrapper {
        background: url('/assets/images/hb-img-3.png') no-repeat right 210px; } }
    .hp-slider-wrapper .slider-slide:nth-child(3) .hp-slide-text {
      max-width: 480px; }
  .hp-slider-wrapper .hp-slide-store-link {
    display: inline-block;
    height: 50px;
    margin-right: 60px;
    text-align: center;
    font-size: 0;
    background-size: contain;
    background-repeat: no-repeat; }
    .hp-slider-wrapper .hp-slide-store-link.google-play {
      width: 148px;
      background-image: url('/assets/images/hp-google-play.png'); }
    .hp-slider-wrapper .hp-slide-store-link.app-store {
      width: 173px;
      background-image: url('/assets/images/hp-app-store.png'); }
  .hp-slider-wrapper .hp-slide-title {
    font-size: 50px;
    font-family: "Asap-Medium", sans-serif;
    font-weight: 600;
    max-width: 505px;
    line-height: 53px;
    color: #c0141b;
    margin-bottom: 40px; }
  .hp-slider-wrapper .hp-slide-text {
    font-size: 16px;
    font-family: "Asap-Regular", sans-serif;
    max-width: 410px;
    line-height: 24px;
    margin-bottom: 40px; }
  .hp-slider-wrapper .hp-slide-btn {
    position: relative;
    width: 260px;
    height: 50px;
    outline: none;
    border: 0;
    background-color: #fff;
    cursor: pointer;
    transition-property: background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    font-size: 15px;
    font-family: "Asap-Medium", sans-serif;
    font-weight: 600;
    color: #c0141b; }
    .hp-slider-wrapper .hp-slide-btn:hover {
      background-color: #f2f2f2; }
    .hp-slider-wrapper .hp-slide-btn:hover {
      background-color: #fff; }
  .hp-slider-wrapper .slider,
  .hp-slider-wrapper .hp-slide,
  .hp-slider-wrapper .slider-frame,
  .hp-slider-wrapper .slider-slide,
  .hp-slider-wrapper .slider-list {
    height: 100% !important; }

.slider-decorator-0 {
  top: 233px !important;
  right: 5.3% !important; }

.home-page-slider-ctrl .hpsc-control {
  font-size: 14px;
  font-family: "Asap-Regular", sans-serif;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #a7a7a7;
  border-radius: 50%;
  margin-bottom: 18px;
  color: #a7a7a7;
  text-align: center;
  cursor: pointer; }
  .home-page-slider-ctrl .hpsc-control.active {
    color: #fff;
    background-color: #a7a7a7; }

ul.advantages {
  margin: 10px 0 0 0;
  padding: 0;
  width: 100%; }
  ul.advantages li {
    font-size: 16px; }
    ul.advantages li:before {
      content: "\f00c";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      display: inline-block;
      margin-right: 5px;
      color: #008754; }
  @media (min-width: 992px) {
    ul.advantages {
      margin: 0;
      display: flex; }
      ul.advantages li {
        font-size: 16px; }
        ul.advantages li:first-child {
          margin-right: 30px; } }

.fahrzeugbewertungTeaser {
  background: #3679c4;
  display: block;
  padding: 20px;
  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 18px;
  line-height: 22px;
  margin-top: 10px;
  transition: all .5s; }
  @media (min-width: 800px) {
    .fahrzeugbewertungTeaser {
      padding: 20px 60px; } }
  .fahrzeugbewertungTeaser span {
    display: block; }
    .fahrzeugbewertungTeaser span strong, .fahrzeugbewertungTeaser span.btn {
      font-weight: 600;
      font-family: "Asap-Medium", sans-serif; }
    .fahrzeugbewertungTeaser span.btn {
      max-width: 300px;
      position: relative;
      margin: 10px auto 0;
      color: #3679c4;
      background: white;
      padding: 10px 15px;
      font-size: 16px;
      transition: all .5s; }
    .fahrzeugbewertungTeaser span.tuev {
      font-size: 12px;
      border: 2px solid white;
      text-align: center;
      padding: 2px 0;
      color: white;
      width: 90px;
      left: 50%;
      transform: rotate(-7deg) translateX(-50%);
      margin-bottom: 20px;
      position: relative; }
  .fahrzeugbewertungTeaser:hover, .fahrzeugbewertungTeaser:active, .fahrzeugbewertungTeaser:focus {
    background: #0e2f54;
    text-decoration: none;
    color: #fff; }
    .fahrzeugbewertungTeaser:hover span.btn, .fahrzeugbewertungTeaser:active span.btn, .fahrzeugbewertungTeaser:focus span.btn {
      background: #3679c4;
      color: #fff; }

.login-btn::after, .user-profile-reg-btn::after {
  font-size: 16px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  content: "";
  font-weight: 900;
  position: absolute;
  height: 15px;
  left: 0;
  width: 10px; }
  @media (min-width: 800px) {
    .login-btn::after, .user-profile-reg-btn::after {
      left: 15px; } }

.user-profile {
  display: inline-block;
  position: relative; }
  .user-profile:hover .user-profile-dropdown {
    display: block; }
  .user-profile:hover .login-btn {
    border-color: #d9d9d9; }

.login-btn {
  font-size: 16px;
  font-family: "Asap-Medium", sans-serif;
  font-weight: 600;
  position: relative;
  height: 42px;
  padding-left: 28px;
  background-color: #fff;
  z-index: 21;
  width: 100%;
  text-align: left; }
  @media (min-width: 800px) {
    .login-btn {
      width: 142px;
      margin-top: -9px;
      border: 1px solid #fff;
      border-bottom: none;
      padding-left: 35px; } }

.user-profile-dropdown {
  display: none;
  min-width: 260px;
  right: 0;
  padding: 2rem;
  border: 1px solid #d9d9d9;
  z-index: 20;
  background-color: #fff;
  overflow: hidden; }
  @media (min-width: 800px) {
    .user-profile-dropdown {
      position: absolute;
      margin-top: -1px;
      padding: 29px 22px 9px;
      overflow: visible; } }

.user-profile-text-item {
  font-size: 14px;
  font-family: "Asap-Regular", sans-serif;
  display: inline-block;
  width: 100%;
  margin-bottom: 9px;
  color: #3a3a3a; }
  .user-profile-text-item.logout {
    position: relative;
    padding-left: 16px; }
    .user-profile-text-item.logout::after {
      font-size: 14px;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      content: "";
      font-weight: 900;
      left: 0; }

.user-profile-links {
  padding: 13px 0 28px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 20px; }

.user-profile-link {
  font-size: 16px;
  font-family: "Asap-Regular", sans-serif;
  position: relative;
  height: 20px;
  line-height: 20px;
  padding-left: 17px;
  border-left: 1px solid #d9d9d9;
  margin-left: 34px;
  color: #c0141b; }
  .user-profile-link::after {
    content: '';
    position: absolute;
    top: -3px;
    left: -34px;
    height: 28px;
    width: 19px;
    background: url("assets/images/diler-login-icon.png"); }
  .user-profile-link:first-child {
    margin-bottom: 22px; }
    .user-profile-link:first-child::after {
      background: url("assets/images/login-icon.png") no-repeat 0 0; }

.user-profile-reg-title {
  font-size: 16px;
  font-family: "Asap-Medium", sans-serif;
  font-weight: 600;
  margin: 13px 0;
  text-align: center; }

.user-profile-reg-btn {
  position: relative;
  width: 211px;
  height: 41px;
  outline: none;
  border: 0;
  background-color: #c0141b;
  cursor: pointer;
  transition-property: background-color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  font-size: 16px;
  font-family: "Asap-Medium", sans-serif;
  font-weight: 600;
  padding-left: 25px;
  color: #fff; }
  .user-profile-reg-btn:hover {
    background-color: #a91218; }
  .user-profile-reg-btn::after {
    left: 37px; }
  @media (min-width: 800px) {
    .user-profile-reg-btn {
      margin: 1rem 0; } }

.user-profile-counter {
  font-size: 13px;
  font-family: "Asap-Regular", sans-serif;
  position: absolute;
  top: -25px;
  left: 22px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  z-index: 25;
  color: #fff;
  text-align: center;
  background-color: #c0141b; }
  .user-profile-counter::after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 8px solid transparent;
    border-top: 5px solid #c0141b;
    top: 22px;
    right: 5px; }

@keyframes rotate-btn {
  0% {
    transform: rotate(1deg); }
  50% {
    transform: rotate(5deg); }
  100% {
    transform: rotate(1deg); } }
.internetseite, .kundenfeedback, .fahrzeugwidget, .ankaufwidget, .infopage {
  padding: 0 2rem;
  max-width: 1120px;
  margin: 20px auto 0;
  position: relative; }
  @media (min-width: 640px) {
    .internetseite, .kundenfeedback, .fahrzeugwidget, .ankaufwidget, .infopage {
      max-width: 80vw; } }
  @media (min-width: 800px) {
    .internetseite, .kundenfeedback, .fahrzeugwidget, .ankaufwidget, .infopage {
      max-width: 1120px;
      margin: 0 auto 0; } }
  .internetseite p, .internetseite ul li, .kundenfeedback p, .kundenfeedback ul li, .fahrzeugwidget p, .fahrzeugwidget ul li, .ankaufwidget p, .ankaufwidget ul li, .infopage p, .infopage ul li {
    font-size: 16px;
    line-height: 150%; }
  .internetseite ul, .kundenfeedback ul, .fahrzeugwidget ul, .ankaufwidget ul, .infopage ul {
    padding: 0;
    margin: 1rem 0; }
    .internetseite ul li, .kundenfeedback ul li, .fahrzeugwidget ul li, .ankaufwidget ul li, .infopage ul li {
      margin-bottom: 8px;
      padding-left: 30px;
      position: relative; }
      .internetseite ul li:before, .kundenfeedback ul li:before, .fahrzeugwidget ul li:before, .ankaufwidget ul li:before, .infopage ul li:before {
        content: '\f00c';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        display: inline-block;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 0;
        left: 0;
        color: #008754; }
    @media (min-width: 800px) {
      .internetseite ul.iconlist, .kundenfeedback ul.iconlist, .fahrzeugwidget ul.iconlist, .ankaufwidget ul.iconlist, .infopage ul.iconlist {
        display: flex;
        justify-content: space-between; } }
    .internetseite ul.iconlist li, .kundenfeedback ul.iconlist li, .fahrzeugwidget ul.iconlist li, .ankaufwidget ul.iconlist li, .infopage ul.iconlist li {
      padding-left: 0;
      text-align: center;
      margin-top: 30px; }
      @media (min-width: 992px) {
        .internetseite ul.iconlist li, .kundenfeedback ul.iconlist li, .fahrzeugwidget ul.iconlist li, .ankaufwidget ul.iconlist li, .infopage ul.iconlist li {
          font-size: 20px;
          max-width: 30%; } }
      @media (min-width: 1200px) {
        .internetseite ul.iconlist li, .kundenfeedback ul.iconlist li, .fahrzeugwidget ul.iconlist li, .ankaufwidget ul.iconlist li, .infopage ul.iconlist li {
          border: 1px solid #dadada;
          border-radius: 50%;
          height: 270px;
          width: 270px;
          padding: 3rem 2rem 2rem 2rem; }
          .internetseite ul.iconlist li + li, .kundenfeedback ul.iconlist li + li, .fahrzeugwidget ul.iconlist li + li, .ankaufwidget ul.iconlist li + li, .infopage ul.iconlist li + li {
            padding-top: 5rem; }
            .internetseite ul.iconlist li + li + li, .kundenfeedback ul.iconlist li + li + li, .fahrzeugwidget ul.iconlist li + li + li, .ankaufwidget ul.iconlist li + li + li, .infopage ul.iconlist li + li + li {
              padding-top: 3rem; }
          .internetseite ul.iconlist li:after, .kundenfeedback ul.iconlist li:after, .fahrzeugwidget ul.iconlist li:after, .ankaufwidget ul.iconlist li:after, .infopage ul.iconlist li:after {
            content: '';
            display: block;
            position: absolute;
            right: -120px;
            top: 70px;
            background: url('/assets/images/arrow.png') 0 0 no-repeat;
            height: 37px;
            width: 102px;
            transform: rotate(180deg); }
          .internetseite ul.iconlist li:last-child:after, .kundenfeedback ul.iconlist li:last-child:after, .fahrzeugwidget ul.iconlist li:last-child:after, .ankaufwidget ul.iconlist li:last-child:after, .infopage ul.iconlist li:last-child:after {
            display: none; } }
      .internetseite ul.iconlist li:before, .kundenfeedback ul.iconlist li:before, .fahrzeugwidget ul.iconlist li:before, .ankaufwidget ul.iconlist li:before, .infopage ul.iconlist li:before {
        content: '';
        display: block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        height: 80px;
        width: 80px;
        background: url('/assets/images/vario-icon-1.png') 0 0 no-repeat; }
      .internetseite ul.iconlist li + li:before, .kundenfeedback ul.iconlist li + li:before, .fahrzeugwidget ul.iconlist li + li:before, .ankaufwidget ul.iconlist li + li:before, .infopage ul.iconlist li + li:before {
        background: url('/assets/images/vario-icon-2.png') 0 0 no-repeat; }
      .internetseite ul.iconlist li + li + li:before, .kundenfeedback ul.iconlist li + li + li:before, .fahrzeugwidget ul.iconlist li + li + li:before, .ankaufwidget ul.iconlist li + li + li:before, .infopage ul.iconlist li + li + li:before {
        background: url('/assets/images/vario-icon-3.png') 0 0 no-repeat; }
  .internetseite img, .kundenfeedback img, .fahrzeugwidget img, .ankaufwidget img, .infopage img {
    margin-bottom: 1rem; }
    @media (min-width: 800px) {
      .internetseite img, .kundenfeedback img, .fahrzeugwidget img, .ankaufwidget img, .infopage img {
        margin-bottom: 0; } }
    @media (min-width: 1200px) {
      .internetseite img.widthauto, .kundenfeedback img.widthauto, .fahrzeugwidget img.widthauto, .ankaufwidget img.widthauto, .infopage img.widthauto {
        max-width: none; } }
  .internetseite h1, .internetseite .h1, .internetseite h2, .internetseite .h2, .internetseite h4, .internetseite .h4, .kundenfeedback h1, .kundenfeedback .h1, .kundenfeedback h2, .kundenfeedback .h2, .kundenfeedback h4, .kundenfeedback .h4, .fahrzeugwidget h1, .fahrzeugwidget .h1, .fahrzeugwidget h2, .fahrzeugwidget .h2, .fahrzeugwidget h4, .fahrzeugwidget .h4, .ankaufwidget h1, .ankaufwidget .h1, .ankaufwidget h2, .ankaufwidget .h2, .ankaufwidget h4, .ankaufwidget .h4, .infopage h1, .infopage .h1, .infopage h2, .infopage .h2, .infopage h4, .infopage .h4 {
    font-weight: bold;
    font-family: "Asap-SemiBold", sans-serif; }
  .internetseite h1, .internetseite .h1, .kundenfeedback h1, .kundenfeedback .h1, .fahrzeugwidget h1, .fahrzeugwidget .h1, .ankaufwidget h1, .ankaufwidget .h1, .infopage h1, .infopage .h1 {
    font-size: 30px;
    line-height: 38px; }
  .internetseite h2, .internetseite .h2, .kundenfeedback h2, .kundenfeedback .h2, .fahrzeugwidget h2, .fahrzeugwidget .h2, .ankaufwidget h2, .ankaufwidget .h2, .infopage h2, .infopage .h2 {
    font-size: 20px;
    line-height: 30px; }
    @media (min-width: 992px) {
      .internetseite h2, .internetseite .h2, .kundenfeedback h2, .kundenfeedback .h2, .fahrzeugwidget h2, .fahrzeugwidget .h2, .ankaufwidget h2, .ankaufwidget .h2, .infopage h2, .infopage .h2 {
        font-size: 24px; } }
  .internetseite h3, .internetseite .h3, .internetseite h4, .internetseite .h4, .kundenfeedback h3, .kundenfeedback .h3, .kundenfeedback h4, .kundenfeedback .h4, .fahrzeugwidget h3, .fahrzeugwidget .h3, .fahrzeugwidget h4, .fahrzeugwidget .h4, .ankaufwidget h3, .ankaufwidget .h3, .ankaufwidget h4, .ankaufwidget .h4, .infopage h3, .infopage .h3, .infopage h4, .infopage .h4 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px; }
  .internetseite .big-headline, .kundenfeedback .big-headline, .fahrzeugwidget .big-headline, .ankaufwidget .big-headline, .infopage .big-headline {
    font-size: 22px;
    line-height: 32px;
    font-weight: bold;
    font-family: "Asap-SemiBold", sans-serif; }
    @media (min-width: 992px) {
      .internetseite .big-headline, .kundenfeedback .big-headline, .fahrzeugwidget .big-headline, .ankaufwidget .big-headline, .infopage .big-headline {
        font-size: 40px;
        line-height: normal; } }
  .internetseite ul, .kundenfeedback ul, .fahrzeugwidget ul, .ankaufwidget ul, .infopage ul {
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .internetseite ul, .kundenfeedback ul, .fahrzeugwidget ul, .ankaufwidget ul, .infopage ul {
        margin-bottom: 35px; } }
  .internetseite .phone, .kundenfeedback .phone, .fahrzeugwidget .phone, .ankaufwidget .phone, .infopage .phone {
    border: 1px solid #3e3e3e;
    color: #3e3e3e;
    font-size: 18px;
    text-align: center;
    padding: 10px 25px 13px 25px;
    border-radius: 3px;
    display: inline-block;
    background: white;
    margin-bottom: 20px; }
    @media (min-width: 1200px) {
      .internetseite .phone, .kundenfeedback .phone, .fahrzeugwidget .phone, .ankaufwidget .phone, .infopage .phone {
        font-size: 20px; } }
    .internetseite .phone.petrol, .kundenfeedback .phone.petrol, .fahrzeugwidget .phone.petrol, .ankaufwidget .phone.petrol, .infopage .phone.petrol {
      border: 1px solid #387b8e;
      color: #387b8e; }
    .internetseite .phone.lightpetrol, .kundenfeedback .phone.lightpetrol, .fahrzeugwidget .phone.lightpetrol, .ankaufwidget .phone.lightpetrol, .infopage .phone.lightpetrol {
      border: 1px solid #80b6ae;
      color: #80b6ae; }
    .internetseite .phone.yellow, .kundenfeedback .phone.yellow, .fahrzeugwidget .phone.yellow, .ankaufwidget .phone.yellow, .infopage .phone.yellow {
      border: 1px solid #ffd96e;
      color: #ffd96e; }
    .internetseite .phone.green, .kundenfeedback .phone.green, .fahrzeugwidget .phone.green, .ankaufwidget .phone.green, .infopage .phone.green {
      border: 1px solid #008754;
      color: #008754; }
    .internetseite .phone.blue, .kundenfeedback .phone.blue, .fahrzeugwidget .phone.blue, .ankaufwidget .phone.blue, .infopage .phone.blue {
      border: 1px solid #4D75C9;
      color: #4D75C9; }

@media (min-width: 992px) {
  .break {
    display: block; } }

.accHandler {
  display: block;
  border: 1px solid #dadada;
  padding: 10px 50px 10px 10px;
  font-size: 15px !important;
  line-height: 20px !important;
  font-weight: bold;
  font-family: "Asap-SemiBold", sans-serif;
  position: relative;
  transition: all .5s; }
  @media (min-width: 800px) {
    .accHandler {
      padding: 1.5rem 5rem 1.5rem 2rem;
      font-size: 18px !important;
      line-height: 24px !important; } }
  .accHandler:hover, .accHandler.active {
    color: #c0141b !important;
    border-color: #c0141b;
    cursor: pointer; }
  .accHandler:after {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    position: absolute;
    right: 2rem;
    transition: all .5s;
    top: 50%;
    transform: translateY(-50%); }
  .accHandler.active:after {
    content: "\f068"; }

.faq {
  margin-top: 5rem; }
  @media (min-width: 1200px) {
    .faq {
      margin: 5rem 0px 10rem; } }
  .faq p {
    margin-bottom: 2rem; }

.cta-header {
  background: #edf3f9;
  display: flex;
  padding: 3rem 2rem;
  margin: 3rem 0 5rem; }
  @media (min-width: 992px) {
    .cta-header {
      align-items: center;
      padding: 4rem; } }
  .cta-header .row {
    position: relative; }
    @media (min-width: 375px) {
      .cta-header .row {
        display: flex;
        justify-content: space-between;
        align-items: center; } }
    @media (min-width: 640px) {
      .cta-header .row {
        flex-direction: row; } }
    @media (min-width: 800px) {
      .cta-header .row .col-12 {
        display: flex;
        justify-content: space-between;
        align-items: center; } }
  .cta-header .slogan {
    font-size: 24px;
    line-height: initial;
    font-weight: bold; }
    @media (min-width: 992px) {
      .cta-header .slogan {
        font-size: 30px;
        margin-bottom: 0; } }
    @media (min-width: 1200px) {
      .cta-header .slogan {
        font-size: 40px; } }
  .cta-header .small-slogan {
    display: block;
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 2rem;
    line-height: normal; }
    @media (min-width: 375px) {
      .cta-header .small-slogan {
        margin-bottom: 2rem; } }
    @media (min-width: 992px) {
      .cta-header .small-slogan {
        font-size: 30px;
        margin-bottom: 0; } }
  .cta-header .btn {
    background-color: #49ad90;
    color: white;
    border: none;
    padding: 1rem 3rem;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.2);
    border-radius: 50px;
    transition: all 0.2s ease-in-out;
    font-size: 20px;
    line-height: normal;
    padding: 2rem;
    display: block;
    text-decoration: none;
    text-align: center; }
    @media (min-width: 375px) {
      .cta-header .btn {
        font-size: 15px;
        padding: 12px 20px;
        font-weight: bold; } }
    @media (min-width: 640px) {
      .cta-header .btn {
        font-size: 20px;
        padding: 2rem; } }
    @media (min-width: 800px) {
      .cta-header .btn {
        display: inline-block; } }
    @media (min-width: 992px) {
      .cta-header .btn {
        padding: 2rem 4rem; } }
    .cta-header .btn:hover {
      background: #fff;
      color: #ff6900; }
      .cta-header .btn:hover:after {
        color: #ff6900; }

.cta-header-list {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  position: absolute;
  bottom: -120px;
  left: 0; }
  @media (min-width: 375px) {
    .cta-header-list {
      padding: 0 1rem; } }
  @media (min-width: 640px) {
    .cta-header-list {
      padding: 0 2rem; } }
  @media (min-width: 1200px) {
    .cta-header-list {
      width: 650px;
      position: relative;
      bottom: auto;
      margin-top: 4rem; } }
  .cta-header-list li {
    position: relative;
    padding-top: 55px;
    font-size: 14px;
    color: #3e3e3e;
    text-align: center;
    max-width: 100px;
    line-height: 16px; }
    .cta-header-list li:before {
      content: '';
      width: 66px;
      height: 46px;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      position: absolute;
      background: url('/assets/images/sprite.png') 0 -456px no-repeat; }
    .cta-header-list li + li:before {
      background: url('/assets/images/sprite.png') -66px -408px no-repeat; }
    .cta-header-list li + li + li:before {
      background: url('/assets/images/sprite.png') -132px -362px no-repeat; }
    .cta-header-list li + li + li + li:before {
      background: url('/assets/images/sprite.png') -198px -316px no-repeat; }
    .cta-header-list li:after {
      content: '';
      width: 60px;
      height: 46px;
      top: 6px;
      right: -26px;
      position: absolute;
      background: url('/assets/images/sprite.png') -264px -270px no-repeat; }
      @media (min-width: 480px) {
        .cta-header-list li:after {
          right: -74px; } }
      @media (min-width: 800px) {
        .cta-header-list li:after {
          right: -74px; } }
    .cta-header-list li + li + li + li:after {
      display: none; }

.bank11-teaser {
  background: #f2f2f2;
  padding: 3rem 2rem 20rem 2rem;
  height: 380px;
  position: relative;
  background: #f2f2f2 url('/assets/images/background-bank11-financing-small.jpg') no-repeat;
  background-size: 90%;
  background-position: right bottom;
  margin-bottom: 15rem; }
  @media (min-width: 480px) {
    .bank11-teaser {
      background-size: 60%; } }
  @media (min-width: 640px) {
    .bank11-teaser {
      height: 260px; } }
  @media (min-width: 1200px) {
    .bank11-teaser {
      height: 530px;
      padding: 7rem;
      margin: 5rem auto 2rem;
      box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
      max-width: 1220px;
      background-size: auto 100%;
      background: #f9f9f9 url('/assets/images/background-bank11-financing.jpg') center right no-repeat; } }
  .bank11-teaser .slogan {
    font-size: 22px;
    line-height: 32px;
    font-weight: bold;
    font-family: "Asap-SemiBold", sans-serif;
    color: #3e3e3e; }
    @media (min-width: 480px) {
      .bank11-teaser .slogan {
        margin-bottom: 20px;
        font-size: 30px;
        line-height: 34px; } }
    @media (min-width: 1200px) {
      .bank11-teaser .slogan {
        font-size: 45px;
        line-height: 60px;
        margin-bottom: 54px; } }
    .bank11-teaser .slogan span {
      display: block;
      color: #ff6900;
      font-size: 18px;
      line-height: 24px; }
      @media (min-width: 480px) {
        .bank11-teaser .slogan span {
          font-size: 28px;
          line-height: 34px; } }
      @media (min-width: 640px) {
        .bank11-teaser .slogan span {
          font-size: 22px; } }
      @media (min-width: 800px) {
        .bank11-teaser .slogan span {
          font-size: 30px; } }
      @media (min-width: 1200px) {
        .bank11-teaser .slogan span {
          font-size: 45px;
          line-height: 38px; }
          .bank11-teaser .slogan span span {
            background: #6cb01c;
            padding: 11px 0;
            display: inherit;
            width: 280px;
            text-align: center;
            margin-top: 10px;
            font-size: 40px;
            color: white; } }
  .bank11-teaser .smallslogan {
    font-size: 18px;
    color: #5e5e5e;
    font-weight: bold;
    font-family: "Asap-SemiBold", sans-serif;
    hyphens: none;
    margin: 3rem 0 1rem 0; }
    @media (min-width: 480px) {
      .bank11-teaser .smallslogan {
        font-size: 22px;
        margin: 3rem 0 1rem 0; } }
    @media (min-width: 1200px) {
      .bank11-teaser .smallslogan {
        font-size: 26px;
        margin-bottom: 10px; } }

.bank11-explanation {
  background: #e5e5e5;
  padding: 2rem;
  text-align: center; }
  @media (min-width: 800px) {
    .bank11-explanation {
      padding: 6rem 0 8rem;
      margin-top: 6rem;
      margin-bottom: 5rem; } }
  .bank11-explanation .row {
    display: block; }
  .bank11-explanation h2 {
    margin-bottom: 4rem;
    font-size: 20px;
    font-weight: bold;
    font-family: "Asap-SemiBold", sans-serif; }
    @media (min-width: 800px) {
      .bank11-explanation h2 {
        font-size: 30px; } }
    .bank11-explanation h2 span {
      display: block;
      color: #ff6900; }
  .bank11-explanation ul {
    padding: 0;
    margin-top: 2rem; }
    @media (min-width: 800px) {
      .bank11-explanation ul {
        display: flex;
        margin-bottom: 2rem; } }
    .bank11-explanation ul li {
      background: white;
      border-top: 4px solid #00a3c6;
      position: relative;
      flex: 1;
      padding: 10rem 3rem 5rem;
      margin-bottom: 4rem; }
      @media (min-width: 800px) {
        .bank11-explanation ul li {
          margin-bottom: 0; } }
      .bank11-explanation ul li:before {
        content: '';
        background: url("/assets/images/sprite.png") -132px -362px no-repeat;
        width: 66px;
        height: 46px;
        position: absolute;
        top: 45px;
        left: 50%;
        transform: translateX(-50%);
        display: block; }
      .bank11-explanation ul li + li:before {
        background-position: -66px -408px; }
      .bank11-explanation ul li + li + li:before {
        background-position: -198px -316px; }
      .bank11-explanation ul li + li + li + li:before {
        background-position: 0 -456px; }
      .bank11-explanation ul li p {
        font-size: 20px;
        font-weight: bold;
        font-family: "Asap-SemiBold", sans-serif; }
        .bank11-explanation ul li p.small-info {
          font-weight: normal;
          font-family: "Asap", sans-serif;
          font-size: 16px; }
      .bank11-explanation ul li .numbers {
        border-radius: 50%;
        height: 35px;
        width: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        position: absolute;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        background: #00a3c6;
        font-weight: bold; }
      .bank11-explanation ul li + li {
        border-color: #285aa0; }
        .bank11-explanation ul li + li .numbers {
          background: #285aa0; }
      .bank11-explanation ul li + li + li {
        border-color: #22ad91; }
        .bank11-explanation ul li + li + li .numbers {
          background: #22ad91; }
      .bank11-explanation ul li + li + li + li {
        border-color: #6cb01c;
        margin-bottom: 1rem; }
        @media (min-width: 800px) {
          .bank11-explanation ul li + li + li + li {
            margin-bottom: 0; } }
        .bank11-explanation ul li + li + li + li .numbers {
          background: #6cb01c; }

.infopage {
  margin-top: 3rem;
  max-width: 1180px; }
  @media (min-width: 800px) {
    .infopage {
      margin: 0 auto;
      padding: 3rem 2rem; } }
  @media (min-width: 1200px) {
    .infopage {
      padding: 0; } }
  .infopage .topic-list {
    display: none; }
    .infopage .topic-list li {
      padding-left: 20px;
      position: relative; }
      .infopage .topic-list li:before {
        content: '\f00c';
        font-family: 'FontAwesome';
        display: inline-block;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 0;
        left: 0;
        color: #008754; }
    @media (min-width: 800px) {
      .infopage .topic-list {
        display: block;
        margin: 0;
        padding: 0;
        margin-top: 15px; } }
    @media (min-width: 992px) {
      .infopage .topic-list {
        display: flex;
        justify-content: space-between;
        position: absolute;
        width: 590px;
        bottom: 36px; } }
    @media (min-width: 1200px) {
      .infopage .topic-list {
        width: 650px;
        position: relative;
        bottom: auto; }
        .infopage .topic-list li {
          font-size: 18px;
          padding-left: 23px; } }

.info-box {
  background: #3e3e3e;
  padding: 25px;
  margin: 20px 0;
  position: relative; }
  @media (min-width: 992px) {
    .info-box {
      margin: 30px 0 20px 0;
      max-width: 440px; } }
  .info-box:before {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    left: 20px;
    border-left: 10px solid transparent;
    border-right: 35px solid transparent;
    border-bottom: 20px solid #387b8e; }
  .info-box p {
    color: white !important; }
    @media (min-width: 992px) {
      .info-box p {
        font-size: 18px;
        line-height: 26px; } }
    .info-box p:last-child {
      margin: 0 !important;
      opacity: .6; }
  .info-box.petrol {
    background: #387b8e; }
  .info-box.lightpetrol {
    background: #80b6ae;
    margin: 30px 0 0 0;
    max-width: none; }
    .info-box.lightpetrol:before {
      border-bottom: 20px solid #80b6ae;
      display: none; }
  .info-box.yellow {
    background: #ffd96e; }
    .info-box.yellow:before {
      border-bottom: 20px solid #ffd96e; }
    .info-box.yellow p {
      color: #3e3e3e !important; }
  .info-box.green {
    background: #008754; }
    .info-box.green:before {
      border-bottom: 20px solid #008754; }
    .info-box.green a {
      color: white !important;
      border-bottom: 1px solid white;
      text-decoration: none; }
  .info-box.blue {
    background: #4D75C9; }
    .info-box.blue:before {
      border-bottom: 20px solid #4D75C9; }
    .info-box.blue a {
      color: white !important;
      border-bottom: 1px solid white;
      text-decoration: none; }

.cars {
  display: none;
  position: relative; }
  @media (min-width: 1200px) {
    .cars {
      display: block;
      margin-top: 20px; }
      .cars:before {
        content: '';
        display: block;
        position: absolute;
        left: -140px;
        top: 40px;
        background: url('/assets/images/arrow.png') 0 0 no-repeat;
        height: 37px;
        width: 102px; } }

.main-btn {
  background-color: #ff6900;
  color: white;
  border: none;
  text-decoration: none !important;
  padding: 1rem 2rem;
  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease-in-out;
  border-radius: 50px;
  display: inline-block; }
  @media (min-width: 480px) {
    .main-btn {
      padding: 15px 30px;
      font-size: 18px; } }
  @media (min-width: 1200px) {
    .main-btn {
      font-size: 22px;
      line-height: 40px;
      padding: 1rem 3.5rem; } }
  .main-btn.orange {
    background: white;
    color: #ff6900;
    border: 1px solid #ff6900; }
    .main-btn.orange:after {
      color: #ff6900; }
    .main-btn.orange:hover {
      background: #ff6900;
      color: white; }
      .main-btn.orange:hover:after {
        color: white; }
  .main-btn.petrol {
    background: #00a3c6;
    color: white; }
  .main-btn.green {
    color: #00663f;
    background: white;
    border: 1px solid #00663f; }
    .main-btn.green:hover {
      background: #00663f;
      color: #fff; }
    .main-btn.green:after {
      display: none; }
  .main-btn.lightpetrol {
    background: #80b6ae;
    color: white; }
  .main-btn:after {
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    color: #fff;
    margin-left: 10px; }
  .main-btn:hover {
    background: white;
    color: #ff6900; }
    .main-btn:hover:after {
      color: #ff6900; }

.col-reverse {
  display: flex;
  flex-direction: column-reverse; }
  @media (min-width: 800px) {
    .col-reverse {
      flex-direction: row; } }

.wunschdomain {
  background: #f2f2f2;
  padding: 10px;
  width: 100%; }
  .wunschdomain p {
    display: block;
    width: 80%;
    background: white;
    border-radius: 20px;
    text-align: center;
    border: 1px solid #dadada;
    padding: 10px 0;
    position: relative;
    margin: 0 auto; }

@media (min-width: 800px) {
  .gridContainer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem 2rem; } }
@media (min-width: 1200px) {
  .gridContainer {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0;
    background: url('/assets/images/background-car.jpg') center 50px no-repeat;
    margin-bottom: 5rem; }
    .gridContainer .advantage1 {
      grid-column: 1 / 2;
      grid-row: 1; }
    .gridContainer .advantage2 {
      grid-column: 3 / 4;
      grid-row: 1; }
    .gridContainer .advantage3 {
      grid-column: 1 / 2;
      grid-row: 2;
      margin-bottom: 0; }
    .gridContainer .advantage4 {
      grid-column: 3 / 4;
      grid-row: 2;
      margin-bottom: 0; } }
.gridContainer div {
  position: relative;
  text-align: center;
  margin-bottom: 3rem; }
  .gridContainer div.advantage1:before {
    content: '\f0d6'; }
  .gridContainer div.advantage2:before {
    content: '\f1b9'; }
  .gridContainer div.advantage3:before {
    content: '\f164'; }
  .gridContainer div.advantage4:before {
    content: '\f2a0'; }
  .gridContainer div.advantage5:before {
    content: '\f02b'; }
  @media (min-width: 800px) {
    .gridContainer div.advantage5 {
      grid-column: 1 / 3;
      grid-row: 3; } }
  @media (min-width: 1200px) {
    .gridContainer div.advantage5 {
      grid-column: 1 / 4;
      padding: 0 20%; } }
  .gridContainer div.advantage6:before {
    display: none; }
  @media (min-width: 800px) {
    .gridContainer div.advantage6 {
      grid-column: 1 / 3;
      grid-row: 4; } }
  @media (min-width: 1200px) {
    .gridContainer div.advantage6 {
      grid-column: 1 / 4;
      grid-row: 2; } }
  .gridContainer div strong {
    font-size: 18px; }
  .gridContainer div:before {
    content: '\f02b';
    font-family: 'FontAwesome';
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #dadada;
    height: 55px;
    width: 55px;
    text-align: center;
    line-height: 53px;
    margin-bottom: 1rem;
    color: #ff6900;
    font-size: 20px; }
.gridContainer .financing-btn {
  background: #ff6900;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  display: block;
  padding: 1rem;
  border-radius: 5px;
  font-size: 18px;
  color: white;
  transition: all .5s;
  text-decoration: none; }
  .gridContainer .financing-btn:hover, .gridContainer .financing-btn:focus {
    background: white;
    color: #ff6900; }
  @media (min-width: 800px) {
    .gridContainer .financing-btn {
      display: inline-block;
      padding: 1rem 3rem; } }
  @media (min-width: 1200px) {
    .gridContainer .financing-btn {
      background: white;
      color: #ff6900;
      transform: rotate(5deg);
      position: relative;
      animation-name: rotate-btn;
      animation-duration: 2s;
      animation-iteration-count: infinite;
      margin-top: 3rem; }
      .gridContainer .financing-btn:hover, .gridContainer .financing-btn:focus {
        background: #ff6900;
        color: white; } }

@media (min-width: 992px) {
  .financing-cars .block {
    display: block; } }
@media (min-width: 640px) {
  .financing-cars .car-teaser {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px 20px;
    width: 100%; } }
@media (min-width: 992px) {
  .financing-cars .car-teaser {
    grid-template-columns: 1fr 1fr 1fr 1fr; } }
.financing-cars .car-teaser li {
  padding: 0; }
  .financing-cars .car-teaser li:before {
    display: none; }
  .financing-cars .car-teaser li a {
    background: white;
    padding: 2rem 1rem;
    color: #3e3e3e;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    display: block;
    margin-bottom: 2rem;
    text-decoration: none;
    transition: all .5s;
    text-align: center; }
    .financing-cars .car-teaser li a:hover {
      color: #ff6900;
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); }
    .financing-cars .car-teaser li a img {
      margin-bottom: 10px; }
    @media (min-width: 480px) {
      .financing-cars .car-teaser li a {
        font-size: 20px;
        line-height: 150%; } }
    @media (min-width: 800px) {
      .financing-cars .car-teaser li a {
        padding: 2rem; } }
    @media (min-width: 992px) {
      .financing-cars .car-teaser li a {
        padding: 6.5rem 2.5rem; } }
  .financing-cars .car-teaser li .car-teaser-title {
    font-size: 24px;
    line-height: 30px; }
    .financing-cars .car-teaser li .car-teaser-title span {
      display: block;
      font-weight: bold; }
  .financing-cars .car-teaser li .brand img {
    height: 50px; }
  .financing-cars .car-teaser li .small {
    font-size: 12px;
    color: grey; }

.red-box {
  background: #c0141b;
  padding: 10px;
  color: white !important;
  text-align: center; }

.green-hint, .blue-hint, .yellow-hint {
  padding: 5px 20px;
  color: white !important;
  text-align: center;
  display: inline-block;
  margin-bottom: 8px !important; }

.green-hint {
  background: #008754; }

.blue-hint {
  background: #4D75C9; }

.yellow-hint {
  background: #ffd96e;
  color: #3e3e3e !important; }

.pink-hint {
  display: inline-block;
  background: #ee0f51;
  color: white;
  font-weight: bold;
  padding: 5px 15px; }
  @media (min-width: 800px) {
    .pink-hint {
      min-width: 240px;
      text-align: center;
      margin-left: 2rem; } }

.small-hint {
  text-align: center;
  font-size: 12px !important;
  margin-bottom: 0;
  width: 100%;
  margin-bottom: 2rem; }
  @media (min-width: 1200px) {
    .small-hint {
      margin-bottom: 0; } }

.grey-box {
  background: #f2f2f2;
  padding: 2rem;
  text-align: center; }
  .grey-box.small-padding {
    padding: 2rem;
    text-align: left; }
  .grey-box .phone {
    background: #fff; }
  @media (min-width: 800px) {
    .grey-box {
      margin-top: 30px;
      padding: 4rem 2rem; } }
  @media (min-width: 1200px) {
    .grey-box {
      padding: 4rem 10rem; }
      .grey-box h3, .grey-box .h3 {
        max-width: 740px;
        position: relative;
        margin-left: auto;
        margin-right: auto; } }

.lightpetrol {
  color: #80b6ae; }

.petrol {
  color: #387b8e; }

.yellow {
  color: #ffd96e; }

.green {
  color: #008754; }

.blue {
  color: #4D75C9; }

.thanks {
  color: #d06f6f;
  font-weight: bold;
  font-family: "Asap-SemiBold", sans-serif; }

.dark-grey {
  background: #f2f2f2;
  padding: 30px 20px;
  margin: 30px 0; }
  @media (min-width: 992px) {
    .dark-grey {
      padding: 60px 30px 30px; } }

.teaser {
  padding: 75px 20px 30px 20px;
  margin-top: 20px;
  text-align: center;
  position: relative;
  margin-bottom: 40px; }
  @media (min-width: 992px) {
    .teaser {
      width: 32%; }
      .teaser.small {
        width: 23%; } }
  .teaser p {
    color: white; }
  .teaser.petrol {
    background: #387b8e; }
  .teaser.lightpetrol {
    background: #80b6ae; }
  .teaser.green {
    background: #008754; }
  .teaser.yellow {
    background: #ffd96e; }
    .teaser.yellow p {
      color: #3e3e3e; }
  .teaser.blue {
    background: #4D75C9; }
  @media (min-width: 992px) {
    .teaser {
      margin: 50px 0; } }
  .teaser:before {
    content: '\f26c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 20px;
    line-height: 40px;
    display: block;
    height: 40px;
    width: 40px;
    border: 1px solid white;
    position: absolute;
    top: 20px;
    left: 50%;
    border-radius: 50%;
    transform: translateX(-50%);
    color: white; }
  .teaser.green:before {
    content: '\f1b9'; }
  .teaser.blue:before {
    content: '\f1b9'; }
  .teaser.yellow:before {
    content: '\f005';
    color: #3e3e3e;
    border-color: #3e3e3e; }
  .teaser strong {
    font-size: 18px; }
  .teaser .btn {
    background: #fff;
    padding: 10px 15px;
    color: #387b8e;
    font-size: 16px;
    margin-bottom: 1rem;
    display: inline-block; }
    .teaser .btn.green {
      color: #008754; }
    .teaser .btn.blue {
      color: #4D75C9; }
    .teaser .btn.yellow {
      color: #ffd96e;
      color: #3e3e3e; }

.btn.instruction {
  background: #c0141b;
  padding: 10px;
  color: white;
  font-size: 16px;
  display: inline-block;
  text-decoration: none;
  transition: all .5s;
  margin-bottom: 1rem; }
  .btn.instruction.blue {
    background: #4D75C9; }
  .btn.instruction.green {
    background: #008754; }
  .btn.instruction.petrol {
    background: #387b8e; }
  .btn.instruction.lightpetrol {
    background: #80b6ae; }
  .btn.instruction.yellow {
    background: #ffd96e; }
  .btn.instruction:hover {
    background: #3e3e3e; }
  @media (min-width: 480px) {
    .btn.instruction {
      padding: 15px; }
      .btn.instruction:before {
        content: '\f0c5';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        display: inline-block;
        margin-right: 10px; } }

.feedback-card {
  margin: 20px 0;
  border: 1px solid #dadada; }
  .feedback-card ul {
    padding-left: 3rem;
    margin-bottom: 10px; }
  .feedback-card .feedback-title {
    background: #ffd96e;
    padding: 10px 20px;
    width: 100%; }
  .feedback-card img {
    max-width: 100px;
    margin-left: 30px; }
  .feedback-card .bewertung {
    margin-left: 30px; }

.max-width {
  max-width: 200px; }

@media (min-width: 800px) {
  .padding-top {
    padding-top: 40px; } }

@media (min-width: 800px) {
  .margin-bottom {
    margin-bottom: 30px !important; } }

.number {
  display: block;
  height: 50px;
  width: 50px;
  border: 1px solid #dadada;
  border-radius: 50%;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  line-height: 45px; }

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

.border {
  border: 1px solid #dadada;
  margin-bottom: 20px; }

.red {
  color: #c0141b; }

.black {
  color: black; }

.row.orange {
  background: #ff6900;
  padding: 2rem 0;
  margin-bottom: 3rem;
  position: relative; }
  .row.orange:after {
    content: '';
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ff6900;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%); }
  .row.orange .h2 {
    margin-bottom: 0;
    color: white; }
  @media (min-width: 1200px) {
    .row.orange {
      margin-bottom: 5rem; } }

@media (min-width: 992px) {
  .max-width-text {
    max-width: 70%; } }

.new {
  display: inline-block;
  background: #ff6900;
  padding: 0px 10px;
  color: white;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-family: "Asap-Regular", sans-serif;
  position: relative; }
  @media (min-width: 480px) {
    .new {
      margin: 0 20px; }
      .new:before {
        content: '';
        display: block;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #ff6900;
        position: absolute;
        left: -10px;
        top: 50%;
        transform: translateY(-50%); } }

/* Car Evaluation Animation Teaser */
@keyframes background {
  0% {
    background: #0c2a48; }
  50% {
    background: #3679c4; }
  100% {
    background: #0c2a48; } }
@keyframes blink {
  0% {
    height: 0;
    width: 0;
    opacity: 0; }
  50% {
    height: 30px;
    width: 30px;
    opacity: 1; }
  100% {
    height: 0;
    width: 0;
    opacity: 0; } }
@keyframes hint {
  0% {
    transform: rotate(0); }
  50% {
    transform: rotate(10deg); }
  100% {
    transform: rotate(0); } }
.coin:nth-of-type(1) {
  animation-name: coin-1;
  animation-delay: 7s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 91%;
  opacity: 11.4;
  top: -58%;
  height: 14px;
  width: 14px; }

@Keyframes coin-1 {
  0% {
    left: 91%;
    opacity: 11.4;
    top: -58%; }
  100% {
    opacity: 0;
    top: 98%; } }
.coin:nth-of-type(2) {
  animation-name: coin-2;
  animation-delay: 1s;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  left: 78%;
  opacity: 11.2;
  top: -85%;
  height: 3px;
  width: 3px; }

@Keyframes coin-2 {
  0% {
    left: 78%;
    opacity: 11.2;
    top: -85%; }
  100% {
    opacity: 0;
    top: 125%; } }
.coin:nth-of-type(3) {
  animation-name: coin-3;
  animation-delay: 3s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 37%;
  opacity: 8.8;
  top: -62%;
  height: 2px;
  width: 2px; }

@Keyframes coin-3 {
  0% {
    left: 37%;
    opacity: 8.8;
    top: -62%; }
  100% {
    opacity: 0;
    top: 102%; } }
.coin:nth-of-type(4) {
  animation-name: coin-4;
  animation-delay: 12s;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  left: 78%;
  opacity: 9.6;
  top: -95%;
  height: 7px;
  width: 7px; }

@Keyframes coin-4 {
  0% {
    left: 78%;
    opacity: 9.6;
    top: -95%; }
  100% {
    opacity: 0;
    top: 135%; } }
.coin:nth-of-type(5) {
  animation-name: coin-5;
  animation-delay: 5s;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  left: 72%;
  opacity: 11.2;
  top: -79%;
  height: 2px;
  width: 2px; }

@Keyframes coin-5 {
  0% {
    left: 72%;
    opacity: 11.2;
    top: -79%; }
  100% {
    opacity: 0;
    top: 119%; } }
.coin:nth-of-type(6) {
  animation-name: coin-6;
  animation-delay: 16s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 41%;
  opacity: 7.8;
  top: -83%;
  height: 8px;
  width: 8px; }

@Keyframes coin-6 {
  0% {
    left: 41%;
    opacity: 7.8;
    top: -83%; }
  100% {
    opacity: 0;
    top: 123%; } }
.coin:nth-of-type(7) {
  animation-name: coin-7;
  animation-delay: 17s;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  left: 26%;
  opacity: 9.2;
  top: -60%;
  height: 14px;
  width: 14px; }

@Keyframes coin-7 {
  0% {
    left: 26%;
    opacity: 9.2;
    top: -60%; }
  100% {
    opacity: 0;
    top: 100%; } }
.coin:nth-of-type(8) {
  animation-name: coin-8;
  animation-delay: 1s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 8%;
  opacity: 10.4;
  top: -67%;
  height: 16px;
  width: 16px; }

@Keyframes coin-8 {
  0% {
    left: 8%;
    opacity: 10.4;
    top: -67%; }
  100% {
    opacity: 0;
    top: 107%; } }
.coin:nth-of-type(9) {
  animation-name: coin-9;
  animation-delay: 17s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 72%;
  opacity: 7.6;
  top: -75%;
  height: 6px;
  width: 6px; }

@Keyframes coin-9 {
  0% {
    left: 72%;
    opacity: 7.6;
    top: -75%; }
  100% {
    opacity: 0;
    top: 115%; } }
.coin:nth-of-type(10) {
  animation-name: coin-10;
  animation-delay: 4s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 50%;
  opacity: 6.4;
  top: -73%;
  height: 6px;
  width: 6px; }

@Keyframes coin-10 {
  0% {
    left: 50%;
    opacity: 6.4;
    top: -73%; }
  100% {
    opacity: 0;
    top: 113%; } }
.coin:nth-of-type(11) {
  animation-name: coin-11;
  animation-delay: 14s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 67%;
  opacity: 6.6;
  top: -62%;
  height: 5px;
  width: 5px; }

@Keyframes coin-11 {
  0% {
    left: 67%;
    opacity: 6.6;
    top: -62%; }
  100% {
    opacity: 0;
    top: 102%; } }
.coin:nth-of-type(12) {
  animation-name: coin-12;
  animation-delay: 15s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 41%;
  opacity: 8.8;
  top: -57%;
  height: 6px;
  width: 6px; }

@Keyframes coin-12 {
  0% {
    left: 41%;
    opacity: 8.8;
    top: -57%; }
  100% {
    opacity: 0;
    top: 97%; } }
.coin:nth-of-type(13) {
  animation-name: coin-13;
  animation-delay: 13s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 66%;
  opacity: 8.8;
  top: -67%;
  height: 4px;
  width: 4px; }

@Keyframes coin-13 {
  0% {
    left: 66%;
    opacity: 8.8;
    top: -67%; }
  100% {
    opacity: 0;
    top: 107%; } }
.coin:nth-of-type(14) {
  animation-name: coin-14;
  animation-delay: 3s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 62%;
  opacity: 6.4;
  top: -86%;
  height: 3px;
  width: 3px; }

@Keyframes coin-14 {
  0% {
    left: 62%;
    opacity: 6.4;
    top: -86%; }
  100% {
    opacity: 0;
    top: 126%; } }
.coin:nth-of-type(15) {
  animation-name: coin-15;
  animation-delay: 16s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 13%;
  opacity: 7;
  top: -64%;
  height: 7px;
  width: 7px; }

@Keyframes coin-15 {
  0% {
    left: 13%;
    opacity: 7;
    top: -64%; }
  100% {
    opacity: 0;
    top: 104%; } }
.coin:nth-of-type(16) {
  animation-name: coin-16;
  animation-delay: 11s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 56%;
  opacity: 9.6;
  top: -91%;
  height: 12px;
  width: 12px; }

@Keyframes coin-16 {
  0% {
    left: 56%;
    opacity: 9.6;
    top: -91%; }
  100% {
    opacity: 0;
    top: 131%; } }
.coin:nth-of-type(17) {
  animation-name: coin-17;
  animation-delay: 16s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 95%;
  opacity: 10.8;
  top: -91%;
  height: 5px;
  width: 5px; }

@Keyframes coin-17 {
  0% {
    left: 95%;
    opacity: 10.8;
    top: -91%; }
  100% {
    opacity: 0;
    top: 131%; } }
.coin:nth-of-type(18) {
  animation-name: coin-18;
  animation-delay: 1s;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  left: 6%;
  opacity: 6.6;
  top: -68%;
  height: 16px;
  width: 16px; }

@Keyframes coin-18 {
  0% {
    left: 6%;
    opacity: 6.6;
    top: -68%; }
  100% {
    opacity: 0;
    top: 108%; } }
.coin:nth-of-type(19) {
  animation-name: coin-19;
  animation-delay: 7s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 38%;
  opacity: 6.4;
  top: -53%;
  height: 19px;
  width: 19px; }

@Keyframes coin-19 {
  0% {
    left: 38%;
    opacity: 6.4;
    top: -53%; }
  100% {
    opacity: 0;
    top: 93%; } }
.coin:nth-of-type(20) {
  animation-name: coin-20;
  animation-delay: 18s;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  left: 56%;
  opacity: 9.6;
  top: -95%;
  height: 7px;
  width: 7px; }

@Keyframes coin-20 {
  0% {
    left: 56%;
    opacity: 9.6;
    top: -95%; }
  100% {
    opacity: 0;
    top: 135%; } }
.coin:nth-of-type(21) {
  animation-name: coin-21;
  animation-delay: 16s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 2%;
  opacity: 8;
  top: -80%;
  height: 16px;
  width: 16px; }

@Keyframes coin-21 {
  0% {
    left: 2%;
    opacity: 8;
    top: -80%; }
  100% {
    opacity: 0;
    top: 120%; } }
.coin:nth-of-type(22) {
  animation-name: coin-22;
  animation-delay: 0s;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  left: 37%;
  opacity: 8;
  top: -93%;
  height: 3px;
  width: 3px; }

@Keyframes coin-22 {
  0% {
    left: 37%;
    opacity: 8;
    top: -93%; }
  100% {
    opacity: 0;
    top: 133%; } }
.coin:nth-of-type(23) {
  animation-name: coin-23;
  animation-delay: 19s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 19%;
  opacity: 10;
  top: -94%;
  height: 15px;
  width: 15px; }

@Keyframes coin-23 {
  0% {
    left: 19%;
    opacity: 10;
    top: -94%; }
  100% {
    opacity: 0;
    top: 134%; } }
.coin:nth-of-type(24) {
  animation-name: coin-24;
  animation-delay: 0s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 92%;
  opacity: 11.6;
  top: -59%;
  height: 8px;
  width: 8px; }

@Keyframes coin-24 {
  0% {
    left: 92%;
    opacity: 11.6;
    top: -59%; }
  100% {
    opacity: 0;
    top: 99%; } }
.coin:nth-of-type(25) {
  animation-name: coin-25;
  animation-delay: 6s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 79%;
  opacity: 10.8;
  top: -76%;
  height: 17px;
  width: 17px; }

@Keyframes coin-25 {
  0% {
    left: 79%;
    opacity: 10.8;
    top: -76%; }
  100% {
    opacity: 0;
    top: 116%; } }
.coin:nth-of-type(26) {
  animation-name: coin-26;
  animation-delay: 1s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 61%;
  opacity: 9.6;
  top: -95%;
  height: 11px;
  width: 11px; }

@Keyframes coin-26 {
  0% {
    left: 61%;
    opacity: 9.6;
    top: -95%; }
  100% {
    opacity: 0;
    top: 135%; } }
.coin:nth-of-type(27) {
  animation-name: coin-27;
  animation-delay: 16s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 63%;
  opacity: 10.2;
  top: -82%;
  height: 13px;
  width: 13px; }

@Keyframes coin-27 {
  0% {
    left: 63%;
    opacity: 10.2;
    top: -82%; }
  100% {
    opacity: 0;
    top: 122%; } }
.coin:nth-of-type(28) {
  animation-name: coin-28;
  animation-delay: 3s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 50%;
  opacity: 10.6;
  top: -78%;
  height: 5px;
  width: 5px; }

@Keyframes coin-28 {
  0% {
    left: 50%;
    opacity: 10.6;
    top: -78%; }
  100% {
    opacity: 0;
    top: 118%; } }
.coin:nth-of-type(29) {
  animation-name: coin-29;
  animation-delay: 6s;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  left: 59%;
  opacity: 11.8;
  top: -55%;
  height: 16px;
  width: 16px; }

@Keyframes coin-29 {
  0% {
    left: 59%;
    opacity: 11.8;
    top: -55%; }
  100% {
    opacity: 0;
    top: 95%; } }
.coin:nth-of-type(30) {
  animation-name: coin-30;
  animation-delay: 10s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 79%;
  opacity: 7.4;
  top: -64%;
  height: 19px;
  width: 19px; }

@Keyframes coin-30 {
  0% {
    left: 79%;
    opacity: 7.4;
    top: -64%; }
  100% {
    opacity: 0;
    top: 104%; } }
.coin:nth-of-type(31) {
  animation-name: coin-31;
  animation-delay: 7s;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  left: 53%;
  opacity: 10.6;
  top: -72%;
  height: 5px;
  width: 5px; }

@Keyframes coin-31 {
  0% {
    left: 53%;
    opacity: 10.6;
    top: -72%; }
  100% {
    opacity: 0;
    top: 112%; } }
.coin:nth-of-type(32) {
  animation-name: coin-32;
  animation-delay: 6s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 61%;
  opacity: 8.6;
  top: -60%;
  height: 11px;
  width: 11px; }

@Keyframes coin-32 {
  0% {
    left: 61%;
    opacity: 8.6;
    top: -60%; }
  100% {
    opacity: 0;
    top: 100%; } }
.coin:nth-of-type(33) {
  animation-name: coin-33;
  animation-delay: 12s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 67%;
  opacity: 8.6;
  top: -96%;
  height: 7px;
  width: 7px; }

@Keyframes coin-33 {
  0% {
    left: 67%;
    opacity: 8.6;
    top: -96%; }
  100% {
    opacity: 0;
    top: 136%; } }
.coin:nth-of-type(34) {
  animation-name: coin-34;
  animation-delay: 19s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 20%;
  opacity: 11.6;
  top: -86%;
  height: 13px;
  width: 13px; }

@Keyframes coin-34 {
  0% {
    left: 20%;
    opacity: 11.6;
    top: -86%; }
  100% {
    opacity: 0;
    top: 126%; } }
.coin:nth-of-type(35) {
  animation-name: coin-35;
  animation-delay: 7s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 21%;
  opacity: 7.6;
  top: -99%;
  height: 18px;
  width: 18px; }

@Keyframes coin-35 {
  0% {
    left: 21%;
    opacity: 7.6;
    top: -99%; }
  100% {
    opacity: 0;
    top: 139%; } }
.coin:nth-of-type(36) {
  animation-name: coin-36;
  animation-delay: 12s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 1%;
  opacity: 7.2;
  top: -69%;
  height: 1px;
  width: 1px; }

@Keyframes coin-36 {
  0% {
    left: 1%;
    opacity: 7.2;
    top: -69%; }
  100% {
    opacity: 0;
    top: 109%; } }
.coin:nth-of-type(37) {
  animation-name: coin-37;
  animation-delay: 0s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 82%;
  opacity: 11.6;
  top: -62%;
  height: 10px;
  width: 10px; }

@Keyframes coin-37 {
  0% {
    left: 82%;
    opacity: 11.6;
    top: -62%; }
  100% {
    opacity: 0;
    top: 102%; } }
.coin:nth-of-type(38) {
  animation-name: coin-38;
  animation-delay: 6s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 71%;
  opacity: 9;
  top: -100%;
  height: 9px;
  width: 9px; }

@Keyframes coin-38 {
  0% {
    left: 71%;
    opacity: 9;
    top: -100%; }
  100% {
    opacity: 0;
    top: 140%; } }
.coin:nth-of-type(39) {
  animation-name: coin-39;
  animation-delay: 8s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 46%;
  opacity: 8.8;
  top: -73%;
  height: 14px;
  width: 14px; }

@Keyframes coin-39 {
  0% {
    left: 46%;
    opacity: 8.8;
    top: -73%; }
  100% {
    opacity: 0;
    top: 113%; } }
.coin:nth-of-type(40) {
  animation-name: coin-40;
  animation-delay: 10s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 30%;
  opacity: 8.8;
  top: -70%;
  height: 3px;
  width: 3px; }

@Keyframes coin-40 {
  0% {
    left: 30%;
    opacity: 8.8;
    top: -70%; }
  100% {
    opacity: 0;
    top: 110%; } }
.coin:nth-of-type(41) {
  animation-name: coin-41;
  animation-delay: 17s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 81%;
  opacity: 10.8;
  top: -81%;
  height: 17px;
  width: 17px; }

@Keyframes coin-41 {
  0% {
    left: 81%;
    opacity: 10.8;
    top: -81%; }
  100% {
    opacity: 0;
    top: 121%; } }
.coin:nth-of-type(42) {
  animation-name: coin-42;
  animation-delay: 17s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 12%;
  opacity: 10.6;
  top: -59%;
  height: 15px;
  width: 15px; }

@Keyframes coin-42 {
  0% {
    left: 12%;
    opacity: 10.6;
    top: -59%; }
  100% {
    opacity: 0;
    top: 99%; } }
.coin:nth-of-type(43) {
  animation-name: coin-43;
  animation-delay: 5s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 65%;
  opacity: 8.2;
  top: -75%;
  height: 2px;
  width: 2px; }

@Keyframes coin-43 {
  0% {
    left: 65%;
    opacity: 8.2;
    top: -75%; }
  100% {
    opacity: 0;
    top: 115%; } }
.coin:nth-of-type(44) {
  animation-name: coin-44;
  animation-delay: 5s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 12%;
  opacity: 10.6;
  top: -73%;
  height: 12px;
  width: 12px; }

@Keyframes coin-44 {
  0% {
    left: 12%;
    opacity: 10.6;
    top: -73%; }
  100% {
    opacity: 0;
    top: 113%; } }
.coin:nth-of-type(45) {
  animation-name: coin-45;
  animation-delay: 6s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 64%;
  opacity: 6.4;
  top: -61%;
  height: 14px;
  width: 14px; }

@Keyframes coin-45 {
  0% {
    left: 64%;
    opacity: 6.4;
    top: -61%; }
  100% {
    opacity: 0;
    top: 101%; } }
.coin:nth-of-type(46) {
  animation-name: coin-46;
  animation-delay: 10s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 24%;
  opacity: 8.8;
  top: -57%;
  height: 14px;
  width: 14px; }

@Keyframes coin-46 {
  0% {
    left: 24%;
    opacity: 8.8;
    top: -57%; }
  100% {
    opacity: 0;
    top: 97%; } }
.coin:nth-of-type(47) {
  animation-name: coin-47;
  animation-delay: 6s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 95%;
  opacity: 8.4;
  top: -73%;
  height: 17px;
  width: 17px; }

@Keyframes coin-47 {
  0% {
    left: 95%;
    opacity: 8.4;
    top: -73%; }
  100% {
    opacity: 0;
    top: 113%; } }
.coin:nth-of-type(48) {
  animation-name: coin-48;
  animation-delay: 1s;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  left: 9%;
  opacity: 11.8;
  top: -66%;
  height: 18px;
  width: 18px; }

@Keyframes coin-48 {
  0% {
    left: 9%;
    opacity: 11.8;
    top: -66%; }
  100% {
    opacity: 0;
    top: 106%; } }
.coin:nth-of-type(49) {
  animation-name: coin-49;
  animation-delay: 4s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 26%;
  opacity: 6.4;
  top: -95%;
  height: 13px;
  width: 13px; }

@Keyframes coin-49 {
  0% {
    left: 26%;
    opacity: 6.4;
    top: -95%; }
  100% {
    opacity: 0;
    top: 135%; } }
.coin:nth-of-type(50) {
  animation-name: coin-50;
  animation-delay: 0s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 93%;
  opacity: 8.2;
  top: -72%;
  height: 1px;
  width: 1px; }

@Keyframes coin-50 {
  0% {
    left: 93%;
    opacity: 8.2;
    top: -72%; }
  100% {
    opacity: 0;
    top: 112%; } }
.coin:nth-of-type(51) {
  animation-name: coin-51;
  animation-delay: 17s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 43%;
  opacity: 11.4;
  top: -54%;
  height: 11px;
  width: 11px; }

@Keyframes coin-51 {
  0% {
    left: 43%;
    opacity: 11.4;
    top: -54%; }
  100% {
    opacity: 0;
    top: 94%; } }
.coin:nth-of-type(52) {
  animation-name: coin-52;
  animation-delay: 16s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 27%;
  opacity: 6.6;
  top: -80%;
  height: 18px;
  width: 18px; }

@Keyframes coin-52 {
  0% {
    left: 27%;
    opacity: 6.6;
    top: -80%; }
  100% {
    opacity: 0;
    top: 120%; } }
.coin:nth-of-type(53) {
  animation-name: coin-53;
  animation-delay: 12s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 55%;
  opacity: 10.4;
  top: -87%;
  height: 18px;
  width: 18px; }

@Keyframes coin-53 {
  0% {
    left: 55%;
    opacity: 10.4;
    top: -87%; }
  100% {
    opacity: 0;
    top: 127%; } }
.coin:nth-of-type(54) {
  animation-name: coin-54;
  animation-delay: 16s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 73%;
  opacity: 7.8;
  top: -76%;
  height: 13px;
  width: 13px; }

@Keyframes coin-54 {
  0% {
    left: 73%;
    opacity: 7.8;
    top: -76%; }
  100% {
    opacity: 0;
    top: 116%; } }
.coin:nth-of-type(55) {
  animation-name: coin-55;
  animation-delay: 4s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 80%;
  opacity: 10.2;
  top: -62%;
  height: 12px;
  width: 12px; }

@Keyframes coin-55 {
  0% {
    left: 80%;
    opacity: 10.2;
    top: -62%; }
  100% {
    opacity: 0;
    top: 102%; } }
.coin:nth-of-type(56) {
  animation-name: coin-56;
  animation-delay: 3s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 11%;
  opacity: 10.2;
  top: -81%;
  height: 16px;
  width: 16px; }

@Keyframes coin-56 {
  0% {
    left: 11%;
    opacity: 10.2;
    top: -81%; }
  100% {
    opacity: 0;
    top: 121%; } }
.coin:nth-of-type(57) {
  animation-name: coin-57;
  animation-delay: 16s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 32%;
  opacity: 8.2;
  top: -85%;
  height: 17px;
  width: 17px; }

@Keyframes coin-57 {
  0% {
    left: 32%;
    opacity: 8.2;
    top: -85%; }
  100% {
    opacity: 0;
    top: 125%; } }
.coin:nth-of-type(58) {
  animation-name: coin-58;
  animation-delay: 6s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 33%;
  opacity: 7.6;
  top: -52%;
  height: 20px;
  width: 20px; }

@Keyframes coin-58 {
  0% {
    left: 33%;
    opacity: 7.6;
    top: -52%; }
  100% {
    opacity: 0;
    top: 92%; } }
.coin:nth-of-type(59) {
  animation-name: coin-59;
  animation-delay: 6s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 100%;
  opacity: 10;
  top: -61%;
  height: 2px;
  width: 2px; }

@Keyframes coin-59 {
  0% {
    left: 100%;
    opacity: 10;
    top: -61%; }
  100% {
    opacity: 0;
    top: 101%; } }
.coin:nth-of-type(60) {
  animation-name: coin-60;
  animation-delay: 2s;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  left: 85%;
  opacity: 6.8;
  top: -51%;
  height: 16px;
  width: 16px; }

@Keyframes coin-60 {
  0% {
    left: 85%;
    opacity: 6.8;
    top: -51%; }
  100% {
    opacity: 0;
    top: 91%; } }
.coin:nth-of-type(61) {
  animation-name: coin-61;
  animation-delay: 6s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 4%;
  opacity: 10.8;
  top: -64%;
  height: 17px;
  width: 17px; }

@Keyframes coin-61 {
  0% {
    left: 4%;
    opacity: 10.8;
    top: -64%; }
  100% {
    opacity: 0;
    top: 104%; } }
.coin:nth-of-type(62) {
  animation-name: coin-62;
  animation-delay: 16s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 73%;
  opacity: 9.8;
  top: -77%;
  height: 19px;
  width: 19px; }

@Keyframes coin-62 {
  0% {
    left: 73%;
    opacity: 9.8;
    top: -77%; }
  100% {
    opacity: 0;
    top: 117%; } }
.coin:nth-of-type(63) {
  animation-name: coin-63;
  animation-delay: 5s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 16%;
  opacity: 9.4;
  top: -62%;
  height: 9px;
  width: 9px; }

@Keyframes coin-63 {
  0% {
    left: 16%;
    opacity: 9.4;
    top: -62%; }
  100% {
    opacity: 0;
    top: 102%; } }
.coin:nth-of-type(64) {
  animation-name: coin-64;
  animation-delay: 10s;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  left: 24%;
  opacity: 8.8;
  top: -84%;
  height: 9px;
  width: 9px; }

@Keyframes coin-64 {
  0% {
    left: 24%;
    opacity: 8.8;
    top: -84%; }
  100% {
    opacity: 0;
    top: 124%; } }
.coin:nth-of-type(65) {
  animation-name: coin-65;
  animation-delay: 15s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 83%;
  opacity: 10;
  top: -92%;
  height: 13px;
  width: 13px; }

@Keyframes coin-65 {
  0% {
    left: 83%;
    opacity: 10;
    top: -92%; }
  100% {
    opacity: 0;
    top: 132%; } }
.coin:nth-of-type(66) {
  animation-name: coin-66;
  animation-delay: 8s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 81%;
  opacity: 7.4;
  top: -76%;
  height: 15px;
  width: 15px; }

@Keyframes coin-66 {
  0% {
    left: 81%;
    opacity: 7.4;
    top: -76%; }
  100% {
    opacity: 0;
    top: 116%; } }
.coin:nth-of-type(67) {
  animation-name: coin-67;
  animation-delay: 6s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 15%;
  opacity: 10.2;
  top: -66%;
  height: 3px;
  width: 3px; }

@Keyframes coin-67 {
  0% {
    left: 15%;
    opacity: 10.2;
    top: -66%; }
  100% {
    opacity: 0;
    top: 106%; } }
.coin:nth-of-type(68) {
  animation-name: coin-68;
  animation-delay: 9s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 11%;
  opacity: 11;
  top: -100%;
  height: 13px;
  width: 13px; }

@Keyframes coin-68 {
  0% {
    left: 11%;
    opacity: 11;
    top: -100%; }
  100% {
    opacity: 0;
    top: 140%; } }
.coin:nth-of-type(69) {
  animation-name: coin-69;
  animation-delay: 2s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 94%;
  opacity: 8.6;
  top: -80%;
  height: 17px;
  width: 17px; }

@Keyframes coin-69 {
  0% {
    left: 94%;
    opacity: 8.6;
    top: -80%; }
  100% {
    opacity: 0;
    top: 120%; } }
.coin:nth-of-type(70) {
  animation-name: coin-70;
  animation-delay: 6s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 2%;
  opacity: 6.8;
  top: -71%;
  height: 5px;
  width: 5px; }

@Keyframes coin-70 {
  0% {
    left: 2%;
    opacity: 6.8;
    top: -71%; }
  100% {
    opacity: 0;
    top: 111%; } }
.coin:nth-of-type(71) {
  animation-name: coin-71;
  animation-delay: 11s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 13%;
  opacity: 7.4;
  top: -72%;
  height: 10px;
  width: 10px; }

@Keyframes coin-71 {
  0% {
    left: 13%;
    opacity: 7.4;
    top: -72%; }
  100% {
    opacity: 0;
    top: 112%; } }
.coin:nth-of-type(72) {
  animation-name: coin-72;
  animation-delay: 6s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 27%;
  opacity: 8.6;
  top: -54%;
  height: 3px;
  width: 3px; }

@Keyframes coin-72 {
  0% {
    left: 27%;
    opacity: 8.6;
    top: -54%; }
  100% {
    opacity: 0;
    top: 94%; } }
.coin:nth-of-type(73) {
  animation-name: coin-73;
  animation-delay: 6s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 20%;
  opacity: 11.6;
  top: -75%;
  height: 11px;
  width: 11px; }

@Keyframes coin-73 {
  0% {
    left: 20%;
    opacity: 11.6;
    top: -75%; }
  100% {
    opacity: 0;
    top: 115%; } }
.coin:nth-of-type(74) {
  animation-name: coin-74;
  animation-delay: 4s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 81%;
  opacity: 6.4;
  top: -58%;
  height: 16px;
  width: 16px; }

@Keyframes coin-74 {
  0% {
    left: 81%;
    opacity: 6.4;
    top: -58%; }
  100% {
    opacity: 0;
    top: 98%; } }
.coin:nth-of-type(75) {
  animation-name: coin-75;
  animation-delay: 6s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 65%;
  opacity: 11.2;
  top: -91%;
  height: 18px;
  width: 18px; }

@Keyframes coin-75 {
  0% {
    left: 65%;
    opacity: 11.2;
    top: -91%; }
  100% {
    opacity: 0;
    top: 131%; } }
.coin:nth-of-type(76) {
  animation-name: coin-76;
  animation-delay: 6s;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  left: 64%;
  opacity: 10.6;
  top: -59%;
  height: 19px;
  width: 19px; }

@Keyframes coin-76 {
  0% {
    left: 64%;
    opacity: 10.6;
    top: -59%; }
  100% {
    opacity: 0;
    top: 99%; } }
.coin:nth-of-type(77) {
  animation-name: coin-77;
  animation-delay: 0s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 11%;
  opacity: 9.2;
  top: -62%;
  height: 19px;
  width: 19px; }

@Keyframes coin-77 {
  0% {
    left: 11%;
    opacity: 9.2;
    top: -62%; }
  100% {
    opacity: 0;
    top: 102%; } }
.coin:nth-of-type(78) {
  animation-name: coin-78;
  animation-delay: 18s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 95%;
  opacity: 9.4;
  top: -53%;
  height: 11px;
  width: 11px; }

@Keyframes coin-78 {
  0% {
    left: 95%;
    opacity: 9.4;
    top: -53%; }
  100% {
    opacity: 0;
    top: 93%; } }
.coin:nth-of-type(79) {
  animation-name: coin-79;
  animation-delay: 18s;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  left: 85%;
  opacity: 10.6;
  top: -91%;
  height: 11px;
  width: 11px; }

@Keyframes coin-79 {
  0% {
    left: 85%;
    opacity: 10.6;
    top: -91%; }
  100% {
    opacity: 0;
    top: 131%; } }
.coin:nth-of-type(80) {
  animation-name: coin-80;
  animation-delay: 6s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 73%;
  opacity: 10.4;
  top: -94%;
  height: 9px;
  width: 9px; }

@Keyframes coin-80 {
  0% {
    left: 73%;
    opacity: 10.4;
    top: -94%; }
  100% {
    opacity: 0;
    top: 134%; } }
.coin:nth-of-type(81) {
  animation-name: coin-81;
  animation-delay: 16s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 50%;
  opacity: 6.6;
  top: -72%;
  height: 1px;
  width: 1px; }

@Keyframes coin-81 {
  0% {
    left: 50%;
    opacity: 6.6;
    top: -72%; }
  100% {
    opacity: 0;
    top: 112%; } }
.coin:nth-of-type(82) {
  animation-name: coin-82;
  animation-delay: 12s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 59%;
  opacity: 11.6;
  top: -91%;
  height: 18px;
  width: 18px; }

@Keyframes coin-82 {
  0% {
    left: 59%;
    opacity: 11.6;
    top: -91%; }
  100% {
    opacity: 0;
    top: 131%; } }
.coin:nth-of-type(83) {
  animation-name: coin-83;
  animation-delay: 7s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 92%;
  opacity: 6.2;
  top: -96%;
  height: 15px;
  width: 15px; }

@Keyframes coin-83 {
  0% {
    left: 92%;
    opacity: 6.2;
    top: -96%; }
  100% {
    opacity: 0;
    top: 136%; } }
.coin:nth-of-type(84) {
  animation-name: coin-84;
  animation-delay: 10s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 17%;
  opacity: 9.6;
  top: -63%;
  height: 15px;
  width: 15px; }

@Keyframes coin-84 {
  0% {
    left: 17%;
    opacity: 9.6;
    top: -63%; }
  100% {
    opacity: 0;
    top: 103%; } }
.coin:nth-of-type(85) {
  animation-name: coin-85;
  animation-delay: 17s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 46%;
  opacity: 10.6;
  top: -83%;
  height: 6px;
  width: 6px; }

@Keyframes coin-85 {
  0% {
    left: 46%;
    opacity: 10.6;
    top: -83%; }
  100% {
    opacity: 0;
    top: 123%; } }
.coin:nth-of-type(86) {
  animation-name: coin-86;
  animation-delay: 19s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 33%;
  opacity: 8.6;
  top: -97%;
  height: 14px;
  width: 14px; }

@Keyframes coin-86 {
  0% {
    left: 33%;
    opacity: 8.6;
    top: -97%; }
  100% {
    opacity: 0;
    top: 137%; } }
.coin:nth-of-type(87) {
  animation-name: coin-87;
  animation-delay: 10s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 27%;
  opacity: 11.8;
  top: -54%;
  height: 3px;
  width: 3px; }

@Keyframes coin-87 {
  0% {
    left: 27%;
    opacity: 11.8;
    top: -54%; }
  100% {
    opacity: 0;
    top: 94%; } }
.coin:nth-of-type(88) {
  animation-name: coin-88;
  animation-delay: 17s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 9%;
  opacity: 6.2;
  top: -62%;
  height: 14px;
  width: 14px; }

@Keyframes coin-88 {
  0% {
    left: 9%;
    opacity: 6.2;
    top: -62%; }
  100% {
    opacity: 0;
    top: 102%; } }
.coin:nth-of-type(89) {
  animation-name: coin-89;
  animation-delay: 11s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 59%;
  opacity: 11.6;
  top: -62%;
  height: 9px;
  width: 9px; }

@Keyframes coin-89 {
  0% {
    left: 59%;
    opacity: 11.6;
    top: -62%; }
  100% {
    opacity: 0;
    top: 102%; } }
.coin:nth-of-type(90) {
  animation-name: coin-90;
  animation-delay: 4s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 90%;
  opacity: 9.6;
  top: -89%;
  height: 12px;
  width: 12px; }

@Keyframes coin-90 {
  0% {
    left: 90%;
    opacity: 9.6;
    top: -89%; }
  100% {
    opacity: 0;
    top: 129%; } }
.coin:nth-of-type(91) {
  animation-name: coin-91;
  animation-delay: 5s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 95%;
  opacity: 9.2;
  top: -87%;
  height: 6px;
  width: 6px; }

@Keyframes coin-91 {
  0% {
    left: 95%;
    opacity: 9.2;
    top: -87%; }
  100% {
    opacity: 0;
    top: 127%; } }
.coin:nth-of-type(92) {
  animation-name: coin-92;
  animation-delay: 16s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 40%;
  opacity: 9.4;
  top: -56%;
  height: 4px;
  width: 4px; }

@Keyframes coin-92 {
  0% {
    left: 40%;
    opacity: 9.4;
    top: -56%; }
  100% {
    opacity: 0;
    top: 96%; } }
.coin:nth-of-type(93) {
  animation-name: coin-93;
  animation-delay: 8s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 71%;
  opacity: 6.4;
  top: -82%;
  height: 17px;
  width: 17px; }

@Keyframes coin-93 {
  0% {
    left: 71%;
    opacity: 6.4;
    top: -82%; }
  100% {
    opacity: 0;
    top: 122%; } }
.coin:nth-of-type(94) {
  animation-name: coin-94;
  animation-delay: 13s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 29%;
  opacity: 8.2;
  top: -54%;
  height: 16px;
  width: 16px; }

@Keyframes coin-94 {
  0% {
    left: 29%;
    opacity: 8.2;
    top: -54%; }
  100% {
    opacity: 0;
    top: 94%; } }
.coin:nth-of-type(95) {
  animation-name: coin-95;
  animation-delay: 19s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 11%;
  opacity: 8.6;
  top: -91%;
  height: 16px;
  width: 16px; }

@Keyframes coin-95 {
  0% {
    left: 11%;
    opacity: 8.6;
    top: -91%; }
  100% {
    opacity: 0;
    top: 131%; } }
.coin:nth-of-type(96) {
  animation-name: coin-96;
  animation-delay: 2s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 90%;
  opacity: 7.8;
  top: -78%;
  height: 2px;
  width: 2px; }

@Keyframes coin-96 {
  0% {
    left: 90%;
    opacity: 7.8;
    top: -78%; }
  100% {
    opacity: 0;
    top: 118%; } }
.coin:nth-of-type(97) {
  animation-name: coin-97;
  animation-delay: 14s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 57%;
  opacity: 9.2;
  top: -71%;
  height: 1px;
  width: 1px; }

@Keyframes coin-97 {
  0% {
    left: 57%;
    opacity: 9.2;
    top: -71%; }
  100% {
    opacity: 0;
    top: 111%; } }
.coin:nth-of-type(98) {
  animation-name: coin-98;
  animation-delay: 17s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 49%;
  opacity: 7;
  top: -57%;
  height: 1px;
  width: 1px; }

@Keyframes coin-98 {
  0% {
    left: 49%;
    opacity: 7;
    top: -57%; }
  100% {
    opacity: 0;
    top: 97%; } }
.coin:nth-of-type(99) {
  animation-name: coin-99;
  animation-delay: 13s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 33%;
  opacity: 7.8;
  top: -70%;
  height: 9px;
  width: 9px; }

@Keyframes coin-99 {
  0% {
    left: 33%;
    opacity: 7.8;
    top: -70%; }
  100% {
    opacity: 0;
    top: 110%; } }
.coin:nth-of-type(100) {
  animation-name: coin-100;
  animation-delay: 2s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 22%;
  opacity: 7.6;
  top: -55%;
  height: 18px;
  width: 18px; }

@Keyframes coin-100 {
  0% {
    left: 22%;
    opacity: 7.6;
    top: -55%; }
  100% {
    opacity: 0;
    top: 95%; } }
.coin:nth-of-type(101) {
  animation-name: coin-101;
  animation-delay: 15s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 27%;
  opacity: 10.2;
  top: -68%;
  height: 20px;
  width: 20px; }

@Keyframes coin-101 {
  0% {
    left: 27%;
    opacity: 10.2;
    top: -68%; }
  100% {
    opacity: 0;
    top: 108%; } }
.coin:nth-of-type(102) {
  animation-name: coin-102;
  animation-delay: 9s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 88%;
  opacity: 11;
  top: -54%;
  height: 14px;
  width: 14px; }

@Keyframes coin-102 {
  0% {
    left: 88%;
    opacity: 11;
    top: -54%; }
  100% {
    opacity: 0;
    top: 94%; } }
.coin:nth-of-type(103) {
  animation-name: coin-103;
  animation-delay: 14s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 27%;
  opacity: 8.2;
  top: -64%;
  height: 6px;
  width: 6px; }

@Keyframes coin-103 {
  0% {
    left: 27%;
    opacity: 8.2;
    top: -64%; }
  100% {
    opacity: 0;
    top: 104%; } }
.coin:nth-of-type(104) {
  animation-name: coin-104;
  animation-delay: 15s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 39%;
  opacity: 11.2;
  top: -77%;
  height: 16px;
  width: 16px; }

@Keyframes coin-104 {
  0% {
    left: 39%;
    opacity: 11.2;
    top: -77%; }
  100% {
    opacity: 0;
    top: 117%; } }
.coin:nth-of-type(105) {
  animation-name: coin-105;
  animation-delay: 8s;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  left: 29%;
  opacity: 9.4;
  top: -83%;
  height: 20px;
  width: 20px; }

@Keyframes coin-105 {
  0% {
    left: 29%;
    opacity: 9.4;
    top: -83%; }
  100% {
    opacity: 0;
    top: 123%; } }
.coin:nth-of-type(106) {
  animation-name: coin-106;
  animation-delay: 5s;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  left: 38%;
  opacity: 11.4;
  top: -65%;
  height: 18px;
  width: 18px; }

@Keyframes coin-106 {
  0% {
    left: 38%;
    opacity: 11.4;
    top: -65%; }
  100% {
    opacity: 0;
    top: 105%; } }
.coin:nth-of-type(107) {
  animation-name: coin-107;
  animation-delay: 17s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 58%;
  opacity: 9.4;
  top: -77%;
  height: 9px;
  width: 9px; }

@Keyframes coin-107 {
  0% {
    left: 58%;
    opacity: 9.4;
    top: -77%; }
  100% {
    opacity: 0;
    top: 117%; } }
.coin:nth-of-type(108) {
  animation-name: coin-108;
  animation-delay: 0s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 77%;
  opacity: 6.4;
  top: -71%;
  height: 4px;
  width: 4px; }

@Keyframes coin-108 {
  0% {
    left: 77%;
    opacity: 6.4;
    top: -71%; }
  100% {
    opacity: 0;
    top: 111%; } }
.coin:nth-of-type(109) {
  animation-name: coin-109;
  animation-delay: 17s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 43%;
  opacity: 8;
  top: -54%;
  height: 10px;
  width: 10px; }

@Keyframes coin-109 {
  0% {
    left: 43%;
    opacity: 8;
    top: -54%; }
  100% {
    opacity: 0;
    top: 94%; } }
.coin:nth-of-type(110) {
  animation-name: coin-110;
  animation-delay: 8s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 3%;
  opacity: 6.2;
  top: -59%;
  height: 4px;
  width: 4px; }

@Keyframes coin-110 {
  0% {
    left: 3%;
    opacity: 6.2;
    top: -59%; }
  100% {
    opacity: 0;
    top: 99%; } }
.coin:nth-of-type(111) {
  animation-name: coin-111;
  animation-delay: 6s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 95%;
  opacity: 10.6;
  top: -85%;
  height: 13px;
  width: 13px; }

@Keyframes coin-111 {
  0% {
    left: 95%;
    opacity: 10.6;
    top: -85%; }
  100% {
    opacity: 0;
    top: 125%; } }
.coin:nth-of-type(112) {
  animation-name: coin-112;
  animation-delay: 2s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 75%;
  opacity: 9;
  top: -68%;
  height: 1px;
  width: 1px; }

@Keyframes coin-112 {
  0% {
    left: 75%;
    opacity: 9;
    top: -68%; }
  100% {
    opacity: 0;
    top: 108%; } }
.coin:nth-of-type(113) {
  animation-name: coin-113;
  animation-delay: 16s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 34%;
  opacity: 7.6;
  top: -69%;
  height: 14px;
  width: 14px; }

@Keyframes coin-113 {
  0% {
    left: 34%;
    opacity: 7.6;
    top: -69%; }
  100% {
    opacity: 0;
    top: 109%; } }
.coin:nth-of-type(114) {
  animation-name: coin-114;
  animation-delay: 12s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 68%;
  opacity: 7;
  top: -97%;
  height: 10px;
  width: 10px; }

@Keyframes coin-114 {
  0% {
    left: 68%;
    opacity: 7;
    top: -97%; }
  100% {
    opacity: 0;
    top: 137%; } }
.coin:nth-of-type(115) {
  animation-name: coin-115;
  animation-delay: 1s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 29%;
  opacity: 11.8;
  top: -80%;
  height: 2px;
  width: 2px; }

@Keyframes coin-115 {
  0% {
    left: 29%;
    opacity: 11.8;
    top: -80%; }
  100% {
    opacity: 0;
    top: 120%; } }
.coin:nth-of-type(116) {
  animation-name: coin-116;
  animation-delay: 15s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 79%;
  opacity: 11.4;
  top: -52%;
  height: 4px;
  width: 4px; }

@Keyframes coin-116 {
  0% {
    left: 79%;
    opacity: 11.4;
    top: -52%; }
  100% {
    opacity: 0;
    top: 92%; } }
.coin:nth-of-type(117) {
  animation-name: coin-117;
  animation-delay: 19s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 71%;
  opacity: 7.8;
  top: -75%;
  height: 16px;
  width: 16px; }

@Keyframes coin-117 {
  0% {
    left: 71%;
    opacity: 7.8;
    top: -75%; }
  100% {
    opacity: 0;
    top: 115%; } }
.coin:nth-of-type(118) {
  animation-name: coin-118;
  animation-delay: 9s;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  left: 29%;
  opacity: 7.6;
  top: -80%;
  height: 15px;
  width: 15px; }

@Keyframes coin-118 {
  0% {
    left: 29%;
    opacity: 7.6;
    top: -80%; }
  100% {
    opacity: 0;
    top: 120%; } }
.coin:nth-of-type(119) {
  animation-name: coin-119;
  animation-delay: 19s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 75%;
  opacity: 8.6;
  top: -64%;
  height: 6px;
  width: 6px; }

@Keyframes coin-119 {
  0% {
    left: 75%;
    opacity: 8.6;
    top: -64%; }
  100% {
    opacity: 0;
    top: 104%; } }
.coin:nth-of-type(120) {
  animation-name: coin-120;
  animation-delay: 4s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 15%;
  opacity: 12;
  top: -89%;
  height: 9px;
  width: 9px; }

@Keyframes coin-120 {
  0% {
    left: 15%;
    opacity: 12;
    top: -89%; }
  100% {
    opacity: 0;
    top: 129%; } }
.coin:nth-of-type(121) {
  animation-name: coin-121;
  animation-delay: 17s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 85%;
  opacity: 10.2;
  top: -92%;
  height: 13px;
  width: 13px; }

@Keyframes coin-121 {
  0% {
    left: 85%;
    opacity: 10.2;
    top: -92%; }
  100% {
    opacity: 0;
    top: 132%; } }
.coin:nth-of-type(122) {
  animation-name: coin-122;
  animation-delay: 17s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 67%;
  opacity: 6.2;
  top: -61%;
  height: 16px;
  width: 16px; }

@Keyframes coin-122 {
  0% {
    left: 67%;
    opacity: 6.2;
    top: -61%; }
  100% {
    opacity: 0;
    top: 101%; } }
.coin:nth-of-type(123) {
  animation-name: coin-123;
  animation-delay: 8s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 78%;
  opacity: 8.4;
  top: -88%;
  height: 20px;
  width: 20px; }

@Keyframes coin-123 {
  0% {
    left: 78%;
    opacity: 8.4;
    top: -88%; }
  100% {
    opacity: 0;
    top: 128%; } }
.coin:nth-of-type(124) {
  animation-name: coin-124;
  animation-delay: 2s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 90%;
  opacity: 7.6;
  top: -93%;
  height: 10px;
  width: 10px; }

@Keyframes coin-124 {
  0% {
    left: 90%;
    opacity: 7.6;
    top: -93%; }
  100% {
    opacity: 0;
    top: 133%; } }
.coin:nth-of-type(125) {
  animation-name: coin-125;
  animation-delay: 14s;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  left: 30%;
  opacity: 10.4;
  top: -68%;
  height: 18px;
  width: 18px; }

@Keyframes coin-125 {
  0% {
    left: 30%;
    opacity: 10.4;
    top: -68%; }
  100% {
    opacity: 0;
    top: 108%; } }
.coin:nth-of-type(126) {
  animation-name: coin-126;
  animation-delay: 1s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 98%;
  opacity: 9.8;
  top: -57%;
  height: 11px;
  width: 11px; }

@Keyframes coin-126 {
  0% {
    left: 98%;
    opacity: 9.8;
    top: -57%; }
  100% {
    opacity: 0;
    top: 97%; } }
.coin:nth-of-type(127) {
  animation-name: coin-127;
  animation-delay: 17s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 43%;
  opacity: 7.4;
  top: -70%;
  height: 15px;
  width: 15px; }

@Keyframes coin-127 {
  0% {
    left: 43%;
    opacity: 7.4;
    top: -70%; }
  100% {
    opacity: 0;
    top: 110%; } }
.coin:nth-of-type(128) {
  animation-name: coin-128;
  animation-delay: 4s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 42%;
  opacity: 9.8;
  top: -91%;
  height: 8px;
  width: 8px; }

@Keyframes coin-128 {
  0% {
    left: 42%;
    opacity: 9.8;
    top: -91%; }
  100% {
    opacity: 0;
    top: 131%; } }
.coin:nth-of-type(129) {
  animation-name: coin-129;
  animation-delay: 6s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 94%;
  opacity: 9;
  top: -76%;
  height: 14px;
  width: 14px; }

@Keyframes coin-129 {
  0% {
    left: 94%;
    opacity: 9;
    top: -76%; }
  100% {
    opacity: 0;
    top: 116%; } }
.coin:nth-of-type(130) {
  animation-name: coin-130;
  animation-delay: 15s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 76%;
  opacity: 11.2;
  top: -61%;
  height: 6px;
  width: 6px; }

@Keyframes coin-130 {
  0% {
    left: 76%;
    opacity: 11.2;
    top: -61%; }
  100% {
    opacity: 0;
    top: 101%; } }
.coin:nth-of-type(131) {
  animation-name: coin-131;
  animation-delay: 6s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 85%;
  opacity: 6.8;
  top: -93%;
  height: 11px;
  width: 11px; }

@Keyframes coin-131 {
  0% {
    left: 85%;
    opacity: 6.8;
    top: -93%; }
  100% {
    opacity: 0;
    top: 133%; } }
.coin:nth-of-type(132) {
  animation-name: coin-132;
  animation-delay: 12s;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  left: 78%;
  opacity: 8.6;
  top: -63%;
  height: 18px;
  width: 18px; }

@Keyframes coin-132 {
  0% {
    left: 78%;
    opacity: 8.6;
    top: -63%; }
  100% {
    opacity: 0;
    top: 103%; } }
.coin:nth-of-type(133) {
  animation-name: coin-133;
  animation-delay: 11s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 62%;
  opacity: 11.8;
  top: -95%;
  height: 3px;
  width: 3px; }

@Keyframes coin-133 {
  0% {
    left: 62%;
    opacity: 11.8;
    top: -95%; }
  100% {
    opacity: 0;
    top: 135%; } }
.coin:nth-of-type(134) {
  animation-name: coin-134;
  animation-delay: 7s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 46%;
  opacity: 11.6;
  top: -93%;
  height: 12px;
  width: 12px; }

@Keyframes coin-134 {
  0% {
    left: 46%;
    opacity: 11.6;
    top: -93%; }
  100% {
    opacity: 0;
    top: 133%; } }
.coin:nth-of-type(135) {
  animation-name: coin-135;
  animation-delay: 7s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 77%;
  opacity: 10.4;
  top: -77%;
  height: 20px;
  width: 20px; }

@Keyframes coin-135 {
  0% {
    left: 77%;
    opacity: 10.4;
    top: -77%; }
  100% {
    opacity: 0;
    top: 117%; } }
.coin:nth-of-type(136) {
  animation-name: coin-136;
  animation-delay: 8s;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  left: 87%;
  opacity: 11.2;
  top: -76%;
  height: 6px;
  width: 6px; }

@Keyframes coin-136 {
  0% {
    left: 87%;
    opacity: 11.2;
    top: -76%; }
  100% {
    opacity: 0;
    top: 116%; } }
.coin:nth-of-type(137) {
  animation-name: coin-137;
  animation-delay: 16s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 21%;
  opacity: 7;
  top: -99%;
  height: 18px;
  width: 18px; }

@Keyframes coin-137 {
  0% {
    left: 21%;
    opacity: 7;
    top: -99%; }
  100% {
    opacity: 0;
    top: 139%; } }
.coin:nth-of-type(138) {
  animation-name: coin-138;
  animation-delay: 15s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 3%;
  opacity: 6.2;
  top: -66%;
  height: 18px;
  width: 18px; }

@Keyframes coin-138 {
  0% {
    left: 3%;
    opacity: 6.2;
    top: -66%; }
  100% {
    opacity: 0;
    top: 106%; } }
.coin:nth-of-type(139) {
  animation-name: coin-139;
  animation-delay: 10s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  left: 14%;
  opacity: 10;
  top: -90%;
  height: 19px;
  width: 19px; }

@Keyframes coin-139 {
  0% {
    left: 14%;
    opacity: 10;
    top: -90%; }
  100% {
    opacity: 0;
    top: 130%; } }
.coin:nth-of-type(140) {
  animation-name: coin-140;
  animation-delay: 16s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 69%;
  opacity: 7.6;
  top: -100%;
  height: 1px;
  width: 1px; }

@Keyframes coin-140 {
  0% {
    left: 69%;
    opacity: 7.6;
    top: -100%; }
  100% {
    opacity: 0;
    top: 140%; } }
.coin:nth-of-type(141) {
  animation-name: coin-141;
  animation-delay: 17s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 98%;
  opacity: 8.8;
  top: -84%;
  height: 18px;
  width: 18px; }

@Keyframes coin-141 {
  0% {
    left: 98%;
    opacity: 8.8;
    top: -84%; }
  100% {
    opacity: 0;
    top: 124%; } }
.coin:nth-of-type(142) {
  animation-name: coin-142;
  animation-delay: 10s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 98%;
  opacity: 7.8;
  top: -88%;
  height: 5px;
  width: 5px; }

@Keyframes coin-142 {
  0% {
    left: 98%;
    opacity: 7.8;
    top: -88%; }
  100% {
    opacity: 0;
    top: 128%; } }
.coin:nth-of-type(143) {
  animation-name: coin-143;
  animation-delay: 1s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 86%;
  opacity: 8.6;
  top: -63%;
  height: 16px;
  width: 16px; }

@Keyframes coin-143 {
  0% {
    left: 86%;
    opacity: 8.6;
    top: -63%; }
  100% {
    opacity: 0;
    top: 103%; } }
.coin:nth-of-type(144) {
  animation-name: coin-144;
  animation-delay: 1s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 30%;
  opacity: 10.6;
  top: -76%;
  height: 11px;
  width: 11px; }

@Keyframes coin-144 {
  0% {
    left: 30%;
    opacity: 10.6;
    top: -76%; }
  100% {
    opacity: 0;
    top: 116%; } }
.coin:nth-of-type(145) {
  animation-name: coin-145;
  animation-delay: 16s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  left: 37%;
  opacity: 12;
  top: -88%;
  height: 19px;
  width: 19px; }

@Keyframes coin-145 {
  0% {
    left: 37%;
    opacity: 12;
    top: -88%; }
  100% {
    opacity: 0;
    top: 128%; } }
.coin:nth-of-type(146) {
  animation-name: coin-146;
  animation-delay: 6s;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  left: 51%;
  opacity: 12;
  top: -96%;
  height: 18px;
  width: 18px; }

@Keyframes coin-146 {
  0% {
    left: 51%;
    opacity: 12;
    top: -96%; }
  100% {
    opacity: 0;
    top: 136%; } }
.coin:nth-of-type(147) {
  animation-name: coin-147;
  animation-delay: 13s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 31%;
  opacity: 9.8;
  top: -79%;
  height: 15px;
  width: 15px; }

@Keyframes coin-147 {
  0% {
    left: 31%;
    opacity: 9.8;
    top: -79%; }
  100% {
    opacity: 0;
    top: 119%; } }
.coin:nth-of-type(148) {
  animation-name: coin-148;
  animation-delay: 12s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 37%;
  opacity: 6.2;
  top: -75%;
  height: 18px;
  width: 18px; }

@Keyframes coin-148 {
  0% {
    left: 37%;
    opacity: 6.2;
    top: -75%; }
  100% {
    opacity: 0;
    top: 115%; } }
.coin:nth-of-type(149) {
  animation-name: coin-149;
  animation-delay: 3s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  left: 37%;
  opacity: 9.6;
  top: -53%;
  height: 19px;
  width: 19px; }

@Keyframes coin-149 {
  0% {
    left: 37%;
    opacity: 9.6;
    top: -53%; }
  100% {
    opacity: 0;
    top: 93%; } }
.coin:nth-of-type(150) {
  animation-name: coin-150;
  animation-delay: 18s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  left: 5%;
  opacity: 10.4;
  top: -87%;
  height: 14px;
  width: 14px; }

@Keyframes coin-150 {
  0% {
    left: 5%;
    opacity: 10.4;
    top: -87%; }
  100% {
    opacity: 0;
    top: 127%; } }
#main .page-content .evaluation-teaser {
  background: #0c2a48;
  height: 500px;
  width: 300px;
  padding: 80px 30px 30px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  transition: all .5s;
  text-decoration: none;
  display: inline-block; }
  #main .page-content .evaluation-teaser:before {
    content: '';
    background: white url('/assets/images/logo.svg') center center no-repeat;
    background-size: 70%;
    height: 50px;
    width: 100px;
    position: absolute;
    top: 0;
    right: 0;
    display: block; }
  #main .page-content .evaluation-teaser:hover {
    background: #3679c4; }
    #main .page-content .evaluation-teaser:hover .banner {
      background: white;
      color: #0c2a48; }
      #main .page-content .evaluation-teaser:hover .banner span:after {
        color: #0c2a48; }
      #main .page-content .evaluation-teaser:hover .banner:before {
        width: 100%; }
  #main .page-content .evaluation-teaser-text {
    position: relative;
    z-index: 1; }
  #main .page-content .evaluation-teaser-content {
    position: relative;
    z-index: 1; }
  #main .page-content .evaluation-teaser-title {
    color: white;
    font-size: 40px;
    font-weight: bold;
    line-height: 40px; }
    #main .page-content .evaluation-teaser-title span {
      display: block; }
  #main .page-content .evaluation-teaser .lightbox {
    height: 50px;
    width: 50px;
    position: absolute;
    top: 175px;
    left: 15px; }
    #main .page-content .evaluation-teaser .lightbox.right {
      left: auto;
      right: 12px; }
    #main .page-content .evaluation-teaser .lightbox:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: white;
      background: radial-gradient(circle, white 0%, transparent 100%);
      box-shadow: 0 0 5px rgba(255, 253, 202, 0.5);
      border-radius: 50%;
      animation-name: blink;
      animation-duration: 5s;
      animation-iteration-count: infinite; }
  #main .page-content .evaluation-teaser .coin {
    background: url('/assets/images/money.png') 0 0 no-repeat;
    position: absolute;
    border-radius: 50%;
    background-size: 100%; }
  #main .page-content .evaluation-teaser .banner {
    background: #1c9d56;
    padding: 10px;
    color: white;
    text-align: center;
    font-weight: bold;
    transition: all .5s;
    position: relative; }
    #main .page-content .evaluation-teaser .banner span {
      z-index: 1;
      position: relative; }
      #main .page-content .evaluation-teaser .banner span:after {
        content: '\f35a';
        font-family: 'Font Awesome 5 Free';
        display: inline-block;
        margin-left: 5px;
        transition: all .5s;
        color: white; }
    #main .page-content .evaluation-teaser .banner:before {
      content: '';
      height: 100%;
      width: 0;
      background: white;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      transition: all .5s; }
  #main .page-content .evaluation-teaser-hint {
    position: absolute;
    background: white;
    padding: 2px 10px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    right: 10px;
    top: 120px;
    animation-name: hint;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    font-weight: bold;
    color: red; }

.car-bodytype-list {
  background: #fbfbfb;
  padding: 20px 10px; }
  @media (min-width: 1200px) {
    .car-bodytype-list {
      padding: 3rem 2rem; } }
  .car-bodytype-list .bodytypes {
    display: flex;
    align-items: stretch;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 20px 5px; }
    @media (min-width: 1200px) {
      .car-bodytype-list .bodytypes {
        overflow: auto;
        justify-content: space-between;
        -webkit-overflow-scrolling: none; } }
    .car-bodytype-list .bodytypes a {
      box-shadow: 1px 0 5px rgba(0, 0, 0, 0.15);
      background: #fff;
      text-align: center;
      color: #3e3e3e;
      display: block;
      position: relative;
      flex: 46%;
      min-width: 46%;
      height: 150px;
      margin-right: 10px;
      padding-top: 70px;
      text-decoration: none;
      transition: all .5s;
      border: 1px solid transparent; }
      @media (min-width: 480px) {
        .car-bodytype-list .bodytypes a {
          display: inline-block; } }
      .car-bodytype-list .bodytypes a .car-type__title {
        font-weight: 600;
        font-family: "Asap-Medium", sans-serif;
        font-size: 16px; }
      .car-bodytype-list .bodytypes a:hover {
        color: #c0141b;
        border-color: #dadada;
        background: #fbfbfb; }
        .car-bodytype-list .bodytypes a:hover .car-type__amount {
          color: #c0141b; }
      @media (min-width: 640px) {
        .car-bodytype-list .bodytypes a {
          flex: 25%;
          min-width: 25%; } }
      @media (min-width: 800px) {
        .car-bodytype-list .bodytypes a {
          flex: 18%;
          min-width: 18%; } }
      @media (min-width: 992px) {
        .car-bodytype-list .bodytypes a {
          flex: 15%;
          min-width: 15%; } }
      @media (min-width: 1200px) {
        .car-bodytype-list .bodytypes a {
          flex: 10%;
          min-width: 10%; } }
      .car-bodytype-list .bodytypes a .car-type__amount {
        color: #8d8d8d;
        font-size: 12px;
        transition: all .5s; }
      .car-bodytype-list .bodytypes a img {
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
        width: 50px;
        height: 50px;
        object-fit: contain; }
  .car-bodytype-list .buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
  @media (min-width: 640px) {
    .car-bodytype-list .flex {
      display: flex;
      justify-content: space-between;
      align-items: center; } }
  .car-bodytype-list .flex a {
    font-size: 16px; }
    .car-bodytype-list .flex a:after {
      content: '\f105';
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      display: inline-block;
      margin: 0 10px; }
    .car-bodytype-list .flex a.btn-online-kauf {
      display: block;
      font-weight: bold;
      color: black;
      box-shadow: 1px 0 5px rgba(0, 0, 0, 0.15);
      background: white;
      padding: 10px;
      text-align: center;
      text-decoration: none;
      transition: all .5s; }
      .car-bodytype-list .flex a.btn-online-kauf:hover {
        color: #c0141b; }
        .car-bodytype-list .flex a.btn-online-kauf:hover span.grey {
          color: #c0141b; }
      .car-bodytype-list .flex a.btn-online-kauf:after {
        display: none; }
      @media (min-width: 640px) {
        .car-bodytype-list .flex a.btn-online-kauf {
          margin-left: 20px; } }
      .car-bodytype-list .flex a.btn-online-kauf span {
        color: #c0141b;
        transition: all .5s; }
        .car-bodytype-list .flex a.btn-online-kauf span.grey {
          color: #8c8c8c;
          font-weight: normal;
          display: block;
          font-size: 12px; }

.search-form-modal-wrap {
  font-family: "Asap", "Arial", sans-serif; }
  .search-form-modal-wrap.remodal {
    max-width: 440px;
    padding: 0 20px;
    background: transparent; }
    .search-form-modal-wrap.remodal .search-form-modal {
      text-align: left; }
    .search-form-modal-wrap.remodal .search-form-modal__item {
      position: relative; }
      .search-form-modal-wrap.remodal .search-form-modal__item:after {
        content: "";
        position: absolute;
        display: inline-block;
        width: 16px;
        height: 16px;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        font-size: 20px;
        -webkit-font-smoothing: antialiased;
        color: #3a3a3a;
        top: 50%;
        right: 16px;
        transform: translateY(-50%);
        font-weight: 900;
        pointer-events: none; }
    .search-form-modal-wrap.remodal .search-form-modal__select, .search-form-modal-wrap.remodal .search-form-modal__input {
      width: 100%;
      padding: 15px 19px;
      border: 1px solid #aaa;
      background: #fff;
      box-shadow: none;
      font-family: "Asap", "Arial", sans-serif;
      font-weight: bold;
      font-size: 14px;
      line-height: normal;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
    .search-form-modal-wrap.remodal .search-form-modal__title {
      padding: 22px 0 15px;
      font-size: 32px;
      font-weight: 700;
      line-height: 20px;
      border: none;
      color: #fff; }
    .search-form-modal-wrap.remodal .search-form-modal__btn {
      position: relative;
      width: 100%;
      padding: 15px 0 15px 40px;
      margin-top: 60px;
      font-size: 16px; }
      .search-form-modal-wrap.remodal .search-form-modal__btn:before {
        content: "";
        position: absolute;
        display: inline-block;
        width: 16px;
        height: 16px;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        font-size: 16px;
        -webkit-font-smoothing: antialiased;
        color: #fff;
        left: 36px;
        top: 50%;
        transform: translateY(-50%); }
    .search-form-modal-wrap.remodal .search-form-modal__item-wrap {
      display: flex;
      align-items: center; }
    .search-form-modal-wrap.remodal .search-form-modal__item-wrap .search-form-modal__item {
      width: 50%; }
    .search-form-modal-wrap.remodal .search-form-modal__input-wrap:after {
      display: none; }
    .search-form-modal-wrap.remodal .search-form-modal__close {
      top: -45px;
      left: auto;
      right: 20px;
      width: 45px;
      height: 45px;
      border: 1px solid #fff;
      border-radius: 50%; }
      .search-form-modal-wrap.remodal .search-form-modal__close:before {
        top: 4px;
        left: 4px;
        font-size: 40px;
        font-weight: 900;
        color: #fff; }

.remodal-overlay {
  background-color: rgba(0, 0, 0, 0.7); }

.online-kauf {
  background: 70px;
  padding: 4rem 2rem;
  background: #f2f2f2; }
  @media (min-width: 1200px) {
    .online-kauf {
      padding: 7rem 2rem; } }
  .online-kauf .wrapper h2 {
    font-weight: bold;
    color: black;
    margin-bottom: 0; }
    .online-kauf .wrapper h2 span {
      color: #c0141b; }
  .online-kauf .wrapper h3 {
    margin-bottom: 1rem; }
  @media (min-width: 1200px) {
    .online-kauf .wrapper {
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      .online-kauf .wrapper .how-to {
        width: 50%; }
      .online-kauf .wrapper .buy-now {
        width: 40%;
        background: url("/assets/images/onlinekauf-impression.jpg") no-repeat center top #f2f2f2;
        position: relative;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
        background-size: cover; }
        .online-kauf .wrapper .buy-now:before {
          content: '';
          display: block;
          background: url("/assets/images/onlinekauf-impression-2.jpg") no-repeat center top;
          height: 300px;
          width: 300px;
          top: 60px;
          position: absolute;
          left: -40px;
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); }
      .online-kauf .wrapper h2 {
        font-size: 42px; }
      .online-kauf .wrapper h3 {
        font-size: 30px;
        margin-bottom: 3rem; } }
  .online-kauf .how-to ul {
    padding: 0;
    margin-right: 0; }
    @media (min-width: 640px) {
      .online-kauf .how-to ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; } }
    .online-kauf .how-to ul li {
      background: white;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
      position: relative;
      padding: 2rem 2rem 2rem 7rem;
      margin-bottom: 1rem;
      position: relative; }
      @media (min-width: 640px) {
        .online-kauf .how-to ul li {
          width: 49%;
          padding: 4rem 2rem; } }
      @media (min-width: 992px) {
        .online-kauf .how-to ul li {
          width: 24%; } }
      @media (min-width: 1200px) {
        .online-kauf .how-to ul li {
          width: 48%;
          margin-bottom: 2rem;
          padding: 3rem; } }
      .online-kauf .how-to ul li p {
        position: relative;
        z-index: 1;
        margin-bottom: 0;
        font-size: 14px; }
        @media (min-width: 640px) {
          .online-kauf .how-to ul li p {
            margin-bottom: 10px;
            font-size: 16px; } }
        .online-kauf .how-to ul li p strong {
          margin-bottom: 0;
          font-size: 16px; }
          @media (min-width: 640px) {
            .online-kauf .how-to ul li p strong {
              font-size: 18px; } }
          @media (min-width: 1200px) {
            .online-kauf .how-to ul li p strong {
              font-size: 21px; } }
      .online-kauf .how-to ul li img {
        max-width: 30px;
        margin: 0 1rem 1rem 0rem;
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%); }
        @media (min-width: 640px) {
          .online-kauf .how-to ul li img {
            max-width: 60px;
            margin: 0 0 1rem 0;
            float: none;
            position: relative;
            top: auto;
            left: auto;
            transform: none; } }
      .online-kauf .how-to ul li .how-to-number {
        font-size: 80px;
        line-height: 1;
        color: #f6f6f6;
        display: inline-block;
        position: absolute;
        z-index: 0;
        right: 15px;
        font-weight: 600;
        top: 0;
        font-weight: normal; }
        @media (min-width: 1200px) {
          .online-kauf .how-to ul li .how-to-number {
            font-size: 180px;
            right: 0; } }
  @media (min-width: 640px) {
    .online-kauf .buy-now {
      display: flex;
      align-items: center; } }
  .online-kauf .buy-now a {
    display: block;
    background: #00a3c6;
    color: white;
    padding: 1rem 2rem;
    transition: all .5s;
    border: 1px solid transparent;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none; }
    .online-kauf .buy-now a.questions {
      background: white;
      border-radius: 30px;
      border: 1px solid #ff6900;
      color: #ff6900;
      margin-top: 1rem; }
    .online-kauf .buy-now a span {
      font-weight: normal;
      display: block;
      font-size: 16px; }
      @media (min-width: 1200px) {
        .online-kauf .buy-now a span {
          font-size: 20px; } }
    .online-kauf .buy-now a:hover {
      background: white;
      color: #00a3c6;
      border-color: #00a3c6; }
      .online-kauf .buy-now a:hover:before {
        right: 20px; }
    @media (min-width: 640px) {
      .online-kauf .buy-now a {
        display: inline-block;
        margin-right: 20px; }
        .online-kauf .buy-now a.questions {
          margin-top: 0; } }
    @media (min-width: 1200px) {
      .online-kauf .buy-now a {
        width: 200px;
        height: 200px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); }
        .online-kauf .buy-now a:before {
          content: '\f30b';
          position: absolute;
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          font-size: 36px;
          right: 30px;
          bottom: 20px;
          transition: right .5s; }
        .online-kauf .buy-now a.questions {
          height: auto;
          transform: translate(-50%, 0);
          bottom: 50px;
          top: auto; }
          .online-kauf .buy-now a.questions:before {
            display: none; } }

.online-buy-modal {
  padding: 80px 20px 50px; }
  @media (min-width: 992px) {
    .online-buy-modal {
      padding: 80px 80px 50px; } }
  .online-buy-modal img {
    max-width: 40px;
    margin: 0 0 10px; }
    .online-buy-modal img.center {
      margin-right: 0; }
  .online-buy-modal h1 {
    font-size: 18px; }
    @media (min-width: 992px) {
      .online-buy-modal h1 {
        font-size: 30px; } }
  .online-buy-modal h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color: #3e3e3e; }
  .online-buy-modal h4 {
    text-align: center;
    font-weight: bold; }
    @media (min-width: 992px) {
      .online-buy-modal h4 {
        font-size: 18px; } }
  .online-buy-modal p {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #3e3e3e; }
    .online-buy-modal p strong {
      font-weight: bold; }
  .online-buy-modal ul {
    padding: 0; }
    .online-buy-modal ul li {
      display: flex;
      background: #edf3f9;
      text-align: center;
      padding: 20px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-bottom: 2rem; }
      .online-buy-modal ul li:last-child {
        background: #edf9f1; }
  .online-buy-modal button {
    top: 15px;
    left: auto;
    right: 65px;
    font-size: 14px;
    color: #c0141b; }
    .online-buy-modal button:before {
      display: none; }
    .online-buy-modal button:after {
      content: "";
      position: absolute;
      display: inline-block;
      width: 16px;
      height: 16px;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      font-size: 20px;
      -webkit-font-smoothing: antialiased;
      color: #c0141b;
      top: 6px;
      right: -45px;
      font-weight: 400; }

#main .page-content .page-headline {
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  font-size: 19px;
  line-height: 20px;
  font-weight: bolder;
  padding-top: 14px; }
  @media (min-width: 992px) {
    #main .page-content .page-headline {
      border-bottom: none;
      font-size: 24px; } }
#main .page-content p,
#main .page-content dl,
#main .page-content li {
  font-size: 15px;
  line-height: 22px;
  font-family: "Asap-Regular", sans-serif;
  color: #3a3a3a; }
  @media (min-width: 992px) {
    #main .page-content p,
    #main .page-content dl,
    #main .page-content li {
      font-size: 16px;
      line-height: 26px; } }
#main .page-content p,
#main .page-content dl,
#main .page-content ul {
  margin-bottom: 1.2em; }
  #main .page-content p.margin-bottom,
  #main .page-content dl.margin-bottom,
  #main .page-content ul.margin-bottom {
    margin-bottom: 20px; }
#main .page-content dl {
  overflow: hidden; }
  #main .page-content dl.dl-horizontal {
    max-width: 500px; }
#main .page-content h2,
#main .page-content h3,
#main .page-content h4 {
  line-height: 1.5em;
  font-weight: 600;
  font-family: "Asap-SemiBold", sans-serif; }
#main .page-content h3 dl {
  display: block; }
#main .page-content dt {
  font-weight: bold; }
  @media (min-width: 480px) {
    #main .page-content dt {
      float: left;
      width: 30%;
      margin-right: 5%; } }
@media (min-width: 480px) {
  #main .page-content dd {
    float: left;
    width: 65%; } }
#main .page-content dd:after {
  content: " ";
  display: table;
  clear: left; }
#main .page-content ul {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: square; }
  #main .page-content ul.marginBottom {
    margin-bottom: 2rem; }
  #main .page-content ul li {
    list-style-type: square; }
  #main .page-content ul.about-list {
    list-style: none;
    margin: 0;
    padding: 0; }
    @media (min-width: 992px) {
      #main .page-content ul.about-list {
        display: flex;
        justify-content: space-between; } }
    #main .page-content ul.about-list li {
      list-style: none; }
      @media (min-width: 992px) {
        #main .page-content ul.about-list li {
          width: 30%; } }
  #main .page-content ul.jobTeaser {
    margin-right: 0;
    padding: 0; }
    @media (min-width: 640px) {
      #main .page-content ul.jobTeaser {
        display: flex;
        justify-content: space-between; } }
    #main .page-content ul.jobTeaser li {
      width: 100%;
      margin-bottom: 1rem;
      height: 200px;
      background: black;
      list-style: none;
      overflow: hidden; }
      @media (min-width: 640px) {
        #main .page-content ul.jobTeaser li {
          width: 48%;
          margin-bottom: 0; } }
      #main .page-content ul.jobTeaser li:first-child a:before {
        background: url("/assets/images/teaser-productmanager.jpg") center center no-repeat; }
      #main .page-content ul.jobTeaser li a {
        text-align: center;
        display: flex;
        align-items: center;
        padding: 30px;
        font-size: 20px;
        color: white;
        width: 100%;
        height: 100%;
        transition: all .5s;
        position: relative;
        text-decoration: none; }
        #main .page-content ul.jobTeaser li a:hover:before {
          opacity: .2;
          transform: scale(1.1); }
        #main .page-content ul.jobTeaser li a span {
          position: relative;
          z-index: 1; }
        #main .page-content ul.jobTeaser li a:before {
          content: '';
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          background: url("/assets/images/teaser-chiefproductofficer.jpg") center center no-repeat;
          position: absolute;
          opacity: .4;
          transition: all .5s; }
#main .page-content hr {
  clear: none;
  border-top-color: #ccc; }
#main .btn {
  border: 1px solid #4D75C9;
  padding: 10px 15px;
  display: inline-block;
  font-weight: 600;
  font-family: "Asap-Medium", sans-serif;
  color: #4D75C9;
  transition: all .5s;
  text-decoration: none; }
  #main .btn:hover, #main .btn:focus {
    color: #c0141b;
    border-color: #c0141b; }

.main-footer {
  margin-top: 2rem;
  font-family: "Asap-Regular", sans-serif; }
  @media (min-width: 992px) {
    .main-footer {
      margin-top: 4rem; } }
  @media (min-width: 1200px) {
    .main-footer {
      margin-top: 6rem; } }
  .main-footer .wrapper {
    max-width: 1220px;
    margin: 0 auto;
    height: 100%;
    padding: 0 20px; }
    @media (min-width: 1200px) {
      .main-footer .wrapper {
        padding: 0; } }
  .main-footer .footer {
    background-color: #f2f2f2; }
    @media (min-width: 1200px) {
      .main-footer .footer {
        margin-top: 3rem;
        padding: 20px; } }
  .main-footer .footer-container {
    display: flex;
    justify-content: space-between;
    padding: 35px 0;
    text-align: initial;
    flex-wrap: wrap; }
    .main-footer .footer-container .footer-column {
      position: relative;
      width: 100%;
      margin-bottom: 0; }
      .main-footer .footer-container .footer-column.opened .column-title {
        color: #c0141b; }
      .main-footer .footer-container .footer-column.opened:after {
        color: #c0141b; }
      @media (min-width: 800px) {
        .main-footer .footer-container .footer-column {
          width: 50%;
          margin-bottom: 50px;
          border-bottom: none !important;
          margin-top: 0 !important;
          padding: 0 !important; }
          .main-footer .footer-container .footer-column:after {
            display: none; } }
      @media (min-width: 1200px) {
        .main-footer .footer-container .footer-column {
          width: initial;
          margin-bottom: 0; } }
      .main-footer .footer-container .footer-column:not(:last-child) {
        padding: 10px 0;
        border-bottom: 1px solid #bbbbbb; }
        .main-footer .footer-container .footer-column:not(:last-child):after {
          content: '\f107';
          position: absolute;
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          font-size: 16px;
          right: 0;
          top: 13px; }
      .main-footer .footer-container .footer-column:last-child {
        margin-top: 30px; }
  .main-footer .column-title {
    font-size: 18px;
    font-weight: 700;
    font-family: "Asap-Medium", sans-serif;
    margin-bottom: 5px; }
    @media (min-width: 800px) {
      .main-footer .column-title {
        margin-bottom: 0; } }
    @media (min-width: 992px) {
      .main-footer .column-title {
        margin-bottom: 20px; } }
  .main-footer .links-container {
    display: flex;
    flex-direction: column;
    transition: .2s max-height; }
    .main-footer .links-container:not(.opened) {
      max-height: 0;
      overflow-y: hidden; }
    .main-footer .links-container.opened-dropdown {
      max-height: 100%; }
    @media (min-width: 800px) {
      .main-footer .links-container {
        max-height: 10000px !important; } }
  .main-footer .links-container a {
    margin: 5px 0;
    padding: 0;
    font-size: 16px;
    color: #3a3a3a;
    transition: all .5s; }
    .main-footer .links-container a:hover {
      text-decoration: none;
      color: #c0141b; }
  .main-footer .socials {
    background-color: #e0e0e0;
    font-size: 16px; }
    .main-footer .socials .socials-wrapper {
      padding: 20px 0; }
  .main-footer .socials-container {
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
    @media (min-width: 800px) {
      .main-footer .socials-container {
        flex-direction: row;
        align-items: center; } }
    .main-footer .socials-container > p {
      margin: 0; }
    .main-footer .socials-container .socials-text-wrapper {
      display: flex;
      flex-direction: column; }
      @media (min-width: 1200px) {
        .main-footer .socials-container .socials-text-wrapper {
          flex-direction: row;
          align-items: center; } }
      .main-footer .socials-container .socials-text-wrapper .bold {
        margin-right: 40px;
        font-weight: 700;
        margin-bottom: 0; }
    .main-footer .socials-container .stores-wrapper {
      display: flex;
      margin-top: 20px; }
      @media (min-width: 800px) {
        .main-footer .socials-container .stores-wrapper {
          margin-top: initial; } }
      .main-footer .socials-container .stores-wrapper .store-link {
        display: block;
        height: 40px; }
        .main-footer .socials-container .stores-wrapper .store-link:first-child {
          margin-right: 10px; }
          @media (min-width: 800px) {
            .main-footer .socials-container .stores-wrapper .store-link:first-child {
              margin-right: 20px; } }
        .main-footer .socials-container .stores-wrapper .store-link img {
          height: 100%; }
  .main-footer .socials-container .red {
    color: #c0141b;
    margin: 0;
    white-space: nowrap; }
  .main-footer .scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #c0141b;
    color: #fff;
    z-index: 10; }
    .main-footer .scroll-to-top span {
      display: none; }
    @media (min-width: 800px) {
      .main-footer .scroll-to-top {
        position: relative;
        padding: 11px 19px 11px 19px;
        cursor: pointer;
        width: initial;
        right: initial;
        bottom: initial; }
        .main-footer .scroll-to-top span {
          display: block; } }
  .main-footer .scroll-to-top span {
    margin-left: 6px;
    font-size: 15px;
    font-weight: normal; }

.banner-btn {
  font-size: 16px;
  font-family: "Asap-Medium", sans-serif;
  font-weight: 600;
  position: relative;
  border: none; }

.main-header {
  position: relative;
  z-index: 11; }
  .main-header .logo-wrapper {
    display: flex;
    align-items: center;
    width: 150px;
    min-width: 150px;
    height: 69px; }
    @media (min-width: 1200px) {
      .main-header .logo-wrapper {
        margin: 4px 0 3px; } }
    .main-header .logo-wrapper img {
      width: 100%; }
  .main-header p {
    margin: 0; }
  .main-header a:hover {
    text-decoration: none; }
  .main-header .main-wrapper {
    padding: 0 20px; }
  .main-header .content-wrapper {
    max-width: 1180px;
    margin: 0 auto; }

.desktop-header li a.active {
  color: #c0141b; }

.header-wrapper {
  box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.13);
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  background-color: #fbfbfb; }

.header-cont {
  padding: 0; }

.header__nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-family: "Asap", "Arial", sans-serif; }

.header__nav-item {
  padding: 22px 40px;
  border-right: 1px solid #ebebeb;
  font-size: 16px;
  white-space: nowrap;
  cursor: pointer; }
  @media (min-width: 992px) {
    .header__nav-item {
      padding: 22px 20px; } }
  @media (min-width: 1200px) {
    .header__nav-item {
      padding: 22px 40px; } }
  .header__nav-item.tooltip-wrapper {
    position: relative; }
  .header__nav-item > a, .header__nav-item > p {
    font-weight: 700;
    font-family: "Asap-Bold", sans-serif;
    color: #3a3a3a; }
  .header__nav-item:first-child {
    border-left: 1px solid #ebebeb; }
  .header__nav-item:hover > a, .header__nav-item:hover > p {
    color: #c0141b; }
    .header__nav-item:hover > a:before, .header__nav-item:hover > p:before {
      color: #c0141b; }
  .header__nav-item:hover:after {
    color: #c0141b; }
  .header__nav-item.open > a, .header__nav-item.open > p {
    color: #c0141b; }
    .header__nav-item.open > a:before, .header__nav-item.open > p:before {
      color: #c0141b; }
  .header__nav-item.open > p.header__item-main-text {
    color: #c0141b; }
    .header__nav-item.open > p.header__item-main-text:before {
      color: #c0141b; }
  .header__nav-item.open:after {
    color: #c0141b; }
  .header__nav-item .header__dropdown-tooltip {
    position: absolute;
    right: 20px;
    top: -8px;
    left: auto;
    padding: 0 7px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    z-index: 1;
    text-align: center;
    background-color: #3679c4;
    color: #fff; }
    .header__nav-item .header__dropdown-tooltip:after {
      content: " ";
      position: absolute;
      top: 100%;
      left: 15%;
      margin-left: -5px;
      border-width: 4px;
      border-style: solid;
      border-color: #4D75C9 transparent transparent transparent; }
    .header__nav-item .header__dropdown-tooltip.orange {
      background: #ff6900; }
      .header__nav-item .header__dropdown-tooltip.orange:after {
        border-color: #ff6900 transparent transparent transparent; }

.header__nav-item-dropdown {
  position: relative;
  padding-right: 70px;
  font-family: "Asap", "Arial", sans-serif; }
  @media (min-width: 992px) {
    .header__nav-item-dropdown {
      padding-right: 50px; } }
  @media (min-width: 1200px) {
    .header__nav-item-dropdown {
      padding-right: 70px; } }
  .header__nav-item-dropdown:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    color: #dadada;
    top: 50%;
    right: 0;
    padding-right: 35px;
    transform: translateY(-60%);
    font-weight: 900; }
    @media (min-width: 992px) {
      .header__nav-item-dropdown:after {
        padding-right: 15px; } }
    @media (min-width: 1200px) {
      .header__nav-item-dropdown:after {
        padding-right: 35px; } }

.header__dropdown-content {
  position: absolute;
  left: 0;
  display: flex;
  flex-flow: column;
  margin-top: 22px;
  visibility: hidden;
  transition: opacity .4s ease;
  opacity: 0;
  overflow: hidden;
  z-index: 30;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  background-color: #fbfbfb;
  font-size: 15px; }
  .header__dropdown-content .header__dropdown-inner-content .header__login-btn {
    padding: 11px;
    font-weight: normal;
    text-transform: none;
    color: #fff; }
  .header__dropdown-content .header__registration-cont {
    font-size: 16px;
    font-weight: bold; }
    .header__dropdown-content .header__registration-cont a:not(.btn) {
      font-weight: normal;
      color: #c0141b; }
      .header__dropdown-content .header__registration-cont a:not(.btn):hover {
        transition: opacity 0.2s;
        opacity: 0.7; }

.header__dropdown-inner-content {
  padding: 20px 40px; }
  .header__dropdown-inner-content li {
    padding-bottom: 20px; }
    .header__dropdown-inner-content li button {
      padding: 0; }
  .header__dropdown-inner-content a:not(.btn) {
    display: block;
    min-width: 285px;
    font-size: 15px;
    font-weight: 400;
    white-space: normal;
    color: #808080; }
    .header__dropdown-inner-content a:not(.btn):hover {
      transition: color .3s ease;
      color: #c0141b; }
    .header__dropdown-inner-content a:not(.btn):active {
      color: #c0141b; }
    .header__dropdown-inner-content a:not(.btn) b {
      color: #c0141b; }
      .header__dropdown-inner-content a:not(.btn) b.orange {
        padding: 2px 5px;
        background-color: #ff6900;
        color: #fff; }
    .header__dropdown-inner-content a:not(.btn) span {
      font-size: 13px;
      font-weight: 700;
      white-space: nowrap; }

.dropdown-item.open .header__dropdown-content {
  visibility: visible;
  opacity: 1;
  height: auto; }

.header__dropdown-text {
  padding-bottom: 20px;
  font-weight: 400;
  white-space: normal;
  color: #808080; }
  .header__dropdown-text span {
    display: block;
    font-weight: bold;
    color: #3a3a3a; }

.header__dropdown-btn {
  width: 300px;
  padding: 16px 0;
  font-size: 15px;
  text-transform: capitalize; }
  .header__dropdown-btn.btn-blue:hover {
    color: #fff; }

.header__nav-item-lock {
  padding-left: 65px;
  padding-right: 40px; }
  .header__nav-item-lock:after {
    display: none; }
  .header__nav-item-lock .header__item-main-text {
    position: relative; }
    .header__nav-item-lock .header__item-main-text:before {
      font-size: 16px;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      content: "";
      font-weight: 900;
      top: 50%;
      left: -25px;
      transform: translateY(-60%);
      color: #3a3a3a; }
  .header__nav-item-lock .header__item-additional-info {
    display: none; }
  .header__nav-item-lock .header__dropdown-content {
    left: auto;
    right: 0;
    background-color: #fff; }
  .header__nav-item-lock .header__dropdown-inner-content li {
    padding: 15px 0;
    border-top: 1px solid #eaeaea; }
    .header__nav-item-lock .header__dropdown-inner-content li.header__dropdown-parked-item {
      border: none; }
  .header__nav-item-lock .header__dropdown-inner-content a {
    min-width: 200px;
    color: #3a3a3a; }
  .header__nav-item-lock .header__dropdown-inner-content .header__registration-cont {
    padding: 0;
    border: none; }

.middle-line {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.main-nav {
  display: flex;
  font-family: "Asap", "Arial", sans-serif; }
  .main-nav > li {
    white-space: nowrap;
    font-size: 14px;
    margin-left: 30px; }
    @media (min-width: 1400px) {
      .main-nav > li {
        margin-left: 57px; } }
    .main-nav > li:hover a:not(.btn), .main-nav > li:hover > p {
      color: #c0141b; }
      .main-nav > li:hover a:not(.btn) i, .main-nav > li:hover > p i {
        color: #c0141b; }
    .main-nav > li:hover.main-nav__item--red > a, .main-nav > li:hover.main-nav__item--red i {
      color: #c0141b; }
    .main-nav > li a:not(.btn), .main-nav > li > p {
      font-weight: normal;
      color: #808080; }
      .main-nav > li a:not(.btn) i, .main-nav > li > p i {
        color: #808080; }
      .main-nav > li a:not(.btn):active, .main-nav > li > p:active {
        color: #c0141b; }
    .main-nav > li p {
      font-family: "Asap", "Arial", sans-serif;
      font-weight: bold; }
      .main-nav > li p i {
        color: #808080; }
    .main-nav > li.main-nav__item--red {
      padding-right: 5px; }
      .main-nav > li.main-nav__item--red > a, .main-nav > li.main-nav__item--red > p {
        color: #c0141b; }
        .main-nav > li.main-nav__item--red > a i, .main-nav > li.main-nav__item--red > p i {
          color: #c0141b; }
    .main-nav > li.main-nav__dropdown {
      cursor: pointer; }
      .main-nav > li.main-nav__dropdown > p {
        font-weight: normal;
        color: #808080; }
        .main-nav > li.main-nav__dropdown > p:hover {
          color: #c0141b; }
      .main-nav > li.main-nav__dropdown .main-nav__dropdown-content {
        z-index: 4; }
  .main-nav .main-nav__dropdown {
    position: relative; }
  .main-nav .main-nav__dropdown-content {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-flow: column;
    padding-top: 20px;
    visibility: hidden;
    transition: opacity .2s ease;
    opacity: 0;
    overflow: hidden;
    z-index: 11;
    font-size: 16px; }
    .main-nav .main-nav__dropdown-content li a:not(.btn) {
      color: #3a3a3a; }
      .main-nav .main-nav__dropdown-content li a:not(.btn):hover {
        color: #c0141b; }
  .main-nav .main-nav__dropdown-inner-content {
    position: relative;
    padding: 20px 40px;
    border: 1px solid #ebebeb;
    background-color: #fff; }
    .main-nav .main-nav__dropdown-inner-content ul {
      padding-left: 0; }
    .main-nav .main-nav__dropdown-inner-content li {
      padding: 15px 0;
      border-bottom: 1px solid #ebebeb;
      font-weight: 400; }
    .main-nav .main-nav__dropdown-inner-content .main-nav__dropdown-btn--red {
      padding: 11px 50px;
      margin: 25px 0 15px;
      font-weight: 400;
      text-transform: capitalize; }
      .main-nav .main-nav__dropdown-inner-content .main-nav__dropdown-btn--red:hover {
        color: #fff; }
    .main-nav .main-nav__dropdown-inner-content .main-nav__dropdown-link--red {
      font-size: 14px;
      font-weight: 400;
      color: #c0141b; }
  .main-nav .main-nav__dropdown-inner-content:after, .main-nav .main-nav__dropdown-inner-content:before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none; }
  .main-nav .main-nav__dropdown-inner-content:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 12px;
    margin-left: -12px; }
  .main-nav .main-nav__dropdown-inner-content:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #ebebeb;
    border-width: 14px;
    margin-left: -14px; }
  .main-nav .main-nav__dropdown:hover .main-nav__dropdown-content {
    visibility: visible;
    opacity: 1; }

.only-logged {
  display: none; }

.only-dealer-logged {
  display: none; }

.show-only-dealer-logged {
  display: none; }

.logged .main-nav__item--logout {
  display: none; }
.logged .header__nav-item-lock {
  padding: 12px 40px 12px 70px; }
  .logged .header__nav-item-lock .header__item-main-text:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    color: #3a3a3a;
    top: 50%;
    left: -25px;
    transform: translateY(-80%); }
  .logged .header__nav-item-lock .header__item-additional-info {
    display: block;
    font-size: 12px;
    font-weight: 400;
    font-family: "Asap", "Arial", sans-serif;
    color: #a3a3a3; }
  .logged .header__nav-item-lock .header__dropdown-content {
    margin-top: 13px; }
  .logged .header__nav-item-lock:hover .header__item-main-text:before {
    color: #c0141b; }
.logged .only-not-logged {
  display: none; }
.logged .only-logged {
  display: block; }
.logged .logout-btn-header button {
  font-weight: bold;
  background-color: transparent; }
.logged .show-only-dealer-logged {
  display: block; }
.logged.dealer-logged .only-dealer-logged {
  display: block; }
.logged.dealer-logged .show-only-dealer-logged {
  display: none; }
.logged.dealer-logged .desktop-topline {
  display: none; }
.logged.dealer-logged .header__nav-item-lock {
  display: none; }
.logged.dealer-logged .header__nav-item .header__dropdown-tooltip {
  top: -1px; }

.red-header-wrapper {
  color: #fff;
  background-color: #c0131b; }
  .red-header-wrapper .red-header {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 0 0 20px;
    height: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center; }
  .red-header-wrapper .header-image-container {
    margin-right: 18px; }
  .red-header-wrapper .dealer-greeting,
  .red-header-wrapper .contact-phone,
  .red-header-wrapper .dealer-phone {
    display: flex;
    flex-flow: row wrap;
    justify-content: initial;
    align-items: center;
    font-size: 14px;
    padding: 12px 0; }
  .red-header-wrapper .dealer-menu-container {
    position: relative;
    background-color: #9a0f16;
    padding: 12px 46px 12px 75px;
    cursor: pointer; }
    .red-header-wrapper .dealer-menu-container .header__dropdown-content {
      left: auto;
      right: 0;
      width: 100%;
      margin-top: 10px; }
    .red-header-wrapper .dealer-menu-container .header__dropdown-inner-content {
      padding: 20px 20px 0; }
      .red-header-wrapper .dealer-menu-container .header__dropdown-inner-content li a {
        min-width: auto;
        color: #3a3a3a; }
        .red-header-wrapper .dealer-menu-container .header__dropdown-inner-content li a:hover {
          transition: color .3s ease;
          color: #c0141b; }
    .red-header-wrapper .dealer-menu-container .logout-btn-header {
      display: block;
      padding: 20px;
      text-align: left;
      background-color: #f3f3f3;
      color: #3a3a3a; }
      .red-header-wrapper .dealer-menu-container .logout-btn-header:hover {
        transition: color .3s ease;
        color: #c0141b; }
    .red-header-wrapper .dealer-menu-container .menu-main-text {
      position: relative;
      font-size: 18px;
      font-weight: 700; }
      .red-header-wrapper .dealer-menu-container .menu-main-text::before {
        content: "";
        position: absolute;
        display: inline-block;
        width: 16px;
        height: 16px;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        font-size: 14.4px;
        -webkit-font-smoothing: antialiased;
        color: #fff;
        height: 13.5px;
        left: -25px;
        width: 9px;
        transform: translateY(-15%); }
    .red-header-wrapper .dealer-menu-container .menu-additional-info {
      font-size: 14px;
      font-weight: 400;
      text-align: center;
      line-height: 15px; }
    .red-header-wrapper .dealer-menu-container:hover .menu-container-dropdown {
      max-height: 1000px;
      transition: max-height 0.25s ease-in; }
    .red-header-wrapper .dealer-menu-container:after {
      position: absolute;
      top: 51%;
      transform: translateY(-50%);
      left: 25px;
      font-size: 18px;
      height: auto; }

.dropdown-dealer-navigation {
  padding: 0; }
  .dropdown-dealer-navigation li {
    padding: 12px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #3a3a3a; }
    .dropdown-dealer-navigation li a {
      color: inherit; }
    .dropdown-dealer-navigation li.red {
      border-left: 5px solid #b12038; }
    .dropdown-dealer-navigation li.green {
      border-left: 5px solid #2c8967; }
    .dropdown-dealer-navigation li.blue {
      border-left: 5px solid #209eb1; }
    .dropdown-dealer-navigation li.yellow {
      border-left: 5px solid #cfa606; }

.mobile-header__search-btn,
.mobile-header__parked-link,
.mobile-header__car-rate-link,
.sticky-block__menu-bottom,
.sticky-block__top-line {
  display: none; }

.desktop-topline .hamburger-cont {
  display: none; }

.logged .logged-user-greetings.only-dealer-logged {
  display: none; }
.logged .logged-user-greetings.only-logged {
  display: block; }

.only-logged-mobile {
  display: none; }

@media (max-width: 992px) {
  .logout-btn-header {
    display: none; }

  .logged .only-logged-mobile {
    display: block; }
  .logged .header__nav-item-lock {
    order: 1;
    padding: 0; }
    .logged .header__nav-item-lock .header__item-additional-info {
      display: none; }
    .logged .header__nav-item-lock .header__dropdown-content {
      margin-top: 0; }
    .logged .header__nav-item-lock .header__item-main-text:before {
      left: 30px; }
    .logged .header__nav-item-lock .logout-btn-header {
      display: block; }
      .logged .header__nav-item-lock .logout-btn-header button {
        display: block;
        width: 100%;
        font-size: 16px;
        text-align: left;
        padding: 15px 30px 15px 60px;
        color: #3a3a3a; }
  .logged .only-logged {
    display: block; }
  .logged .only-dealer-logged {
    display: none; }
  .logged.dealer-logged .header__nav-item-lock {
    display: block; }
  .logged.dealer-logged .dealer-profile-link,
  .logged.dealer-logged .dealer-imprint-link {
    color: #3a3a3a; }
  .logged.dealer-logged .red-header-wrapper {
    display: none; }
  .logged.dealer-logged .desktop-topline {
    display: block; }
  .logged.dealer-logged .header__nav-item .header__dropdown-tooltip {
    top: 15px; }

  .sticky-block__top-line {
    display: block; }

  .desktop-topline {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); }
    .desktop-topline .hamburger-cont {
      display: block; }

  .middle-line .logo-wrapper {
    width: 110px;
    min-width: 110px; }

  .main-nav {
    display: none; }

  .desktop-header .mobile-header__search-btn,
  .desktop-header .mobile-header__parked-link,
  .desktop-header .mobile-header__car-rate-link,
  .desktop-header .hamburger-cont {
    display: block; }
  .desktop-header .mobile-header__search-btn {
    background-color: #3a79c3; }
  .desktop-header .mobile-header__search-btn {
    position: relative;
    padding-left: 35px;
    font-size: 16px;
    font-weight: bold;
    background-color: transparent;
    color: #c0141b; }
    .desktop-header .mobile-header__search-btn::before {
      content: "";
      position: absolute;
      display: inline-block;
      width: 16px;
      height: 16px;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      font-size: 20px;
      -webkit-font-smoothing: antialiased;
      color: #c0141b;
      top: 50%;
      left: 0;
      width: auto;
      height: auto;
      padding: 0 0 3px 5px;
      transform: translateY(-50%); }
  .desktop-header .mobile-header__parked-link {
    position: relative;
    padding-left: 33px;
    font-size: 16px;
    font-weight: bold;
    color: #3a3a3a; }
    .desktop-header .mobile-header__parked-link::before {
      content: "";
      position: absolute;
      display: inline-block;
      width: 16px;
      height: 16px;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      font-size: 18px;
      -webkit-font-smoothing: antialiased;
      color: #3a3a3a;
      top: 50%;
      left: 0;
      width: auto;
      height: auto;
      padding: 0 0 5px 5px;
      transform: translateY(-50%); }
  .desktop-header .mobile-header__car-rate-link {
    position: relative;
    padding-left: 42px;
    font-size: 16px;
    font-weight: bold;
    color: #4D75C9; }
    .desktop-header .mobile-header__car-rate-link::before {
      content: "";
      position: absolute;
      display: inline-block;
      width: 16px;
      height: 16px;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      font-size: 20px;
      -webkit-font-smoothing: antialiased;
      color: #fff;
      top: 50%;
      left: 0;
      width: 25px;
      height: 25px;
      padding: 5px;
      text-align: center;
      border-radius: 50%;
      transform: translateY(-50%);
      background-color: #4D75C9; }

  .header-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    transition: margin-left .5s;
    margin-left: -100%;
    background: #fff;
    z-index: 4000; }

  .header__nav {
    flex-flow: column;
    padding-left: 0; }

  .header__nav-item-dropdown {
    padding-right: 40px; }
    .header__nav-item-dropdown:after {
      padding-right: 10px; }

  .header__nav-item {
    order: 2;
    width: 100%;
    padding: 0; }
    .header__nav-item > p, .header__nav-item > a {
      display: block;
      padding: 15px 30px;
      border-bottom: 1px solid #d8d8d8;
      font-weight: 600;
      font-family: "Asap-Medium", sans-serif;
      font-size: 16px;
      color: #3a3a3a; }
    .header__nav-item .header__item-main-text {
      padding-left: 60px; }
      .header__nav-item .header__item-main-text:before {
        left: 30px; }
    .header__nav-item .header__dropdown-tooltip {
      right: 30px;
      top: 15px;
      padding: 0 7px;
      font-size: 14px;
      font-weight: 700;
      line-height: 24px; }
      .header__nav-item .header__dropdown-tooltip:after {
        top: 50%;
        left: 2px;
        margin-left: -10px;
        transform: translateY(-50%);
        border-color: transparent #3a79c3 transparent transparent; }
      .header__nav-item .header__dropdown-tooltip.orange {
        background: #ff6900; }
        .header__nav-item .header__dropdown-tooltip.orange:after {
          border-color: transparent #ff6900 transparent transparent; }
    .header__nav-item:after {
      top: 16px;
      right: 25px;
      transform: translateY(0); }
    .header__nav-item:first-child {
      border-left: none; }

  .header__dropdown-content-with-btn {
    margin: 20px 30px 40px; }
    .header__dropdown-content-with-btn .header__dropdown-btn {
      display: inline-block;
      width: 100%;
      padding: 15px 0;
      font-size: 14px;
      font-weight: bold;
      color: #fff; }

  .header__nav-item-lock .header__dropdown-content {
    background-color: #fbfbfb; }
  .header__nav-item-lock .header__registration-cont {
    display: none; }
  .header__nav-item-lock .header__dropdown-inner-content li {
    padding: 0;
    border-top: none; }
    .header__nav-item-lock .header__dropdown-inner-content li.header__dropdown-parked-item {
      border-bottom: 1px solid #d8d8d8; }
    .header__nav-item-lock .header__dropdown-inner-content li a, .header__nav-item-lock .header__dropdown-inner-content li .header__login-btn {
      padding-left: 60px; }
  .header__nav-item-lock .header__dropdown-inner-content .header__login-btn {
    padding: 15px 30px;
    text-align: left;
    background: transparent;
    color: #3a3a3a; }
    .header__nav-item-lock .header__dropdown-inner-content .header__login-btn:hover {
      color: #c0141b; }
  .header__nav-item-lock:after {
    display: block; }

  .header__dropdown-text {
    display: block;
    font-family: asap,arial,sans-serif;
    font-size: 16px;
    color: #3a3a3a;
    font-weight: 400; }

  .open.header__nav-item {
    background-color: #fbfbfb; }

  .sticky-block__menu-bottom {
    display: block;
    margin-top: 60px;
    background-color: #f2f2f2;
    font-family: "Asap", "Arial", sans-serif; }
    .sticky-block__menu-bottom .sticky-block__login-btn {
      display: block;
      padding: 10px 0;
      margin: 35px 0 0;
      text-align: center;
      font-size: 1.6rem; }
    .sticky-block__menu-bottom .sticky-block__reg-btn {
      display: block;
      padding: 10px 0;
      margin: 10px 30px;
      border: 1px solid #c0141b;
      font-weight: 400;
      font-size: 1.6rem;
      text-transform: lowercase;
      text-align: center;
      color: #c0141b; }
    .sticky-block__menu-bottom .sticky-block__text {
      padding-top: 20px;
      font-weight: 700;
      font-size: 1.6rem;
      text-align: center;
      color: #3a3a3a; }

  .header__dropdown-content {
    position: static;
    visibility: hidden;
    height: 0;
    width: 100%;
    margin-top: 0;
    opacity: 0;
    transition: opacity .4s ease;
    box-shadow: none; }
    .header__dropdown-content .header__dropdown-inner-content {
      padding: 0; }
    .header__dropdown-content li {
      padding: 0;
      border-bottom: 1px solid #d8d8d8; }
    .header__dropdown-content a, .header__dropdown-content a:not(.btn) {
      display: block;
      padding: 15px 30px;
      font-weight: 400;
      font-size: 1.6rem;
      color: #3a3a3a; }

  .sticky-block__top-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 30px 20px; }
    .sticky-block__top-line .logo-wrapper {
      width: 110px;
      min-width: 110px; }

  .hamburger.open .header-wrapper {
    margin-left: 0; }

  .logged-user-greetings {
    padding: 17px 20px 17px 60px;
    background-color: #3a3a3a;
    color: #fff; } }
@media (max-width: 680px) {
  .desktop-header .mobile-header__parked-link {
    display: none; } }
@media (max-width: 520px) {
  .desktop-header .mobile-header__car-rate-link {
    display: none; } }
.tooltip {
  position: absolute;
  top: -5px;
  left: 0;
  z-index: 1;
  visibility: hidden;
  font-weight: 700;
  text-align: center;
  background-color: #4D75C9;
  color: #fff; }
  .tooltip.orange {
    background: #ff6900; }
    .tooltip.orange:after {
      border-color: #ff6900 transparent transparent transparent; }

.tooltip:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #4D75C9 transparent transparent transparent; }

.tooltip-wrapper:hover .tooltip {
  visibility: visible; }

.btn-red {
  font-weight: 700;
  text-transform: uppercase;
  transition: background-color .3s ease;
  color: #fff;
  display: inline-block;
  text-align: center;
  background-color: #c0141b; }
  .btn-red:hover {
    background-color: #a91218; }

.btn-blue {
  font-weight: normal;
  text-transform: uppercase;
  transition: background-color .3s ease;
  color: #fff;
  display: inline-block;
  text-align: center;
  background-color: #4D75C9; }
  .btn-blue:hover {
    background-color: #306db0; }

.hamburger-menu {
  width: 25px;
  height: 20px;
  position: relative;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer; }

.hamburger-menu span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #c3c3c3;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: .25s ease-in-out; }

.hamburger-menu span:nth-child(1) {
  top: 0; }

.hamburger-menu span:nth-child(2) {
  top: 8px; }

.hamburger-menu span:nth-child(3) {
  top: 16px; }

.hamburger.open .hamburger-cont span:nth-child(1) {
  top: 8px;
  transform: rotate(135deg); }

.hamburger.open .hamburger-cont span:nth-child(2) {
  opacity: 0;
  left: -60px; }

.hamburger.open .hamburger-cont span:nth-child(3) {
  top: 8px;
  transform: rotate(-135deg); }

* {
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent;
  height: auto; }

body {
  font-family: "Asap-Regular", sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: #3a3a3a;
  background-color: #fff;
  height: auto;
  overflow-x: hidden; }

@media (min-width: 1400px) {
  #wrap {
    min-width: 1220px; } }

h1,
.h1,
h2,
.h2,
h3,
.h3, h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin: 0;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit; }
  h1.underline,
  .underline.h1,
  h2.underline,
  .underline.h2,
  h3.underline,
  .underline.h3, h4.underline,
  .underline.h4,
  h5.underline,
  .underline.h5,
  h6.underline,
  .underline.h6 {
    border-bottom: 1px solid #ababab; }
  h1 small,
  .h1 small,
  h2 small,
  .h2 small,
  h3 small,
  .h3 small, h4 small,
  .h4 small,
  h5 small,
  .h5 small,
  h6 small,
  .h6 small,
  h1 .small,
  .h1 .small,
  h2 .small,
  .h2 .small,
  h3 .small,
  .h3 .small,
  h4 .small,
  .h4 .small,
  h5 .small,
  .h5 .small,
  h6 .small,
  .h6 .small {
    font-weight: normal;
    line-height: 1; }

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-bottom: 15px; }
  h1 small,
  h1 .small,
  .h1 small,
  .h1 .small,
  h2 small,
  h2 .small,
  .h2 small,
  .h2 .small,
  h3 small,
  h3 .small,
  .h3 small,
  .h3 .small {
    font-size: 65%; }

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-bottom: 10px; }
  h4.underline,
  .h4.underline,
  h5.underline,
  .h5.underline,
  h6.underline,
  .h6.underline {
    padding-bottom: 4px; }
  h4 small,
  h4 .small,
  .h4 small,
  .h4 .small,
  h5 small,
  h5 .small,
  .h5 small,
  .h5 .small,
  h6 small,
  h6 .small,
  .h6 small,
  .h6 .small {
    font-size: 75%; }

h1,
.h1 {
  font-size: 30px;
  line-height: 34px;
  font-weight: 600;
  font-family: "Asap-SemiBold", sans-serif; }
  h1 small,
  .h1 small {
    font-size: 14px;
    line-height: 20px; }

h2,
.h2 {
  font-size: 25px; }

h3,
.h3 {
  font-size: 18px;
  margin-bottom: 10px; }

h4,
.h4 {
  font-size: 15px;
  line-height: 20px; }

h5,
.h5 {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 0; }

h6,
.h6 {
  font-size: 13px; }

.normal {
  font-weight: 400; }

.strong,
strong {
  font-weight: 600;
  font-family: "Asap-Medium", sans-serif; }

.bold,
b {
  font-family: "Asap-Medium", sans-serif;
  font-weight: 600; }

.border-underline, .sidebar-page .sidebar .pages-navigation li a, .sidebar-page .sidebar .pages-navigation li span {
  border-bottom: 1px solid transparent; }
.border-underline:hover, .sidebar-page .sidebar .pages-navigation li a:hover, .sidebar-page .sidebar .pages-navigation li span:hover {
  border-color: #c0141b; }
.border-underline:hover, .sidebar-page .sidebar .pages-navigation li a:hover, .sidebar-page .sidebar .pages-navigation li span:hover, .border-underline:focus, .sidebar-page .sidebar .pages-navigation li a:focus, .sidebar-page .sidebar .pages-navigation li span:focus {
  text-decoration: none; }

a {
  color: #c0141b;
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    color: #c0141b;
    border-color: #c0141b;
    text-decoration: underline; }

p {
  margin: 0 0 10px 0;
  hyphens: auto; }

hr {
  margin-top: 16px;
  margin-bottom: 16px;
  border: 0;
  border-top: 1px solid #ababab;
  clear: both; }

small,
.small {
  font-size: 11px;
  line-height: 14px; }

cite {
  font-style: normal; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: square; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

li {
  list-style: none; }

dl {
  margin-top: 0;
  margin-bottom: 18px; }

dt,
dd {
  line-height: 1.5; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

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

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

button {
  cursor: pointer;
  border: 0;
  outline: 0; }

br {
  margin-bottom: 5px; }

input,
select,
textarea {
  outline: none; }

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

li {
  list-style: none; }

abbr {
  padding-right: 5px; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.5);
  padding: 20px;
  overflow-y: scroll;
  opacity: 0;
  height: 0;
  -webkit-transition: opacity 0s ease-out;
  transition: opacity 0s ease-out; }
  .modal.visible {
    height: auto;
    opacity: 1;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out; }
  .modal .modal-close {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    z-index: 1100;
    background: white;
    line-height: 30px;
    font-size: 20px; }
  .modal .modal-content {
    margin: 0 auto;
    width: 1000px;
    z-index: 1000;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    .modal .modal-content img {
      display: block; }

.home-page .wrapper {
  max-width: 1220px;
  margin: 0 auto;
  height: 100%; }
@media (min-width: 800px) {
  .home-page .hp-top-slider .wrapper {
    height: auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 55px; } }
@media (min-width: 992px) {
  .home-page .hp-top-slider .wrapper {
    margin-top: 65px; } }

.home-page-registration-box {
  background-color: #eee;
  padding: 2rem;
  position: relative;
  margin-bottom: 2rem; }
  @media (min-width: 992px) {
    .home-page-registration-box {
      padding: 5rem 2rem;
      margin: 3rem 0; } }
  @media (min-width: 1400px) {
    .home-page-registration-box {
      height: 144px;
      padding: 0; } }
  @media (min-width: 640px) {
    .home-page-registration-box .wrapper {
      position: relative;
      padding-right: 270px; } }
  @media (min-width: 800px) {
    .home-page-registration-box .wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-right: 0; } }

.hpr-title {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 1rem; }
  @media (min-width: 800px) {
    .hpr-title {
      font-size: 24px;
      width: 565px;
      margin-bottom: 0;
      font-size: 26px; } }

.hpr-text {
  font-size: 16px;
  font-family: "Asap-Regular", sans-serif;
  line-height: 22px;
  color: #3a3a3a;
  margin-bottom: 2rem; }
  @media (min-width: 800px) {
    .hpr-text {
      width: 565px;
      margin-bottom: 0; } }
  @media (min-width: 1400px) {
    .hpr-text {
      margin-right: 80px; } }

.sidebar-page .wrapper {
  max-width: 1220px;
  margin: 0 auto;
  height: 100%;
  padding: 2rem; }
  @media (min-width: 1400px) {
    .sidebar-page .wrapper {
      padding: 0; } }
  .sidebar-page .wrapper:after {
    content: "";
    display: table;
    clear: both; }
.sidebar-page .sidebar {
  background: white;
  border: 5px solid #ebebeb;
  padding: 10px;
  margin-bottom: 3rem;
  display: none; }
  @media (min-width: 800px) {
    .sidebar-page .sidebar {
      width: 35%;
      float: left;
      display: block;
      padding: 20px; } }
  @media (min-width: 992px) {
    .sidebar-page .sidebar {
      width: 30%;
      padding: 30px; } }
  @media (min-width: 1400px) {
    .sidebar-page .sidebar {
      margin-bottom: 15px;
      width: 290px; } }
  .sidebar-page .sidebar > .caption {
    line-height: 20px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    font-weight: 600;
    font-family: "Asap-SemiBold", sans-serif; }
  .sidebar-page .sidebar .pages-navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px; }
    .sidebar-page .sidebar .pages-navigation:last-child {
      margin-bottom: 0; }
    .sidebar-page .sidebar .pages-navigation li {
      border-bottom: 1px solid #d9d9d9;
      padding: 2px 0; }
      .sidebar-page .sidebar .pages-navigation li:last-child {
        border-bottom: 0; }
      .sidebar-page .sidebar .pages-navigation li a, .sidebar-page .sidebar .pages-navigation li span {
        font-weight: 600;
        color: #3a3a3a;
        font-size: 15px;
        line-height: 24px;
        display: block;
        margin: 5px 0;
        transition: all .5s;
        font-weight: normal; }
        @media (min-width: 640px) {
          .sidebar-page .sidebar .pages-navigation li a, .sidebar-page .sidebar .pages-navigation li span {
            display: inline-block; } }
        @media (min-width: 1200px) {
          .sidebar-page .sidebar .pages-navigation li a, .sidebar-page .sidebar .pages-navigation li span {
            line-height: 26px; } }
        .sidebar-page .sidebar .pages-navigation li a.active, .sidebar-page .sidebar .pages-navigation li a:hover, .sidebar-page .sidebar .pages-navigation li span.active, .sidebar-page .sidebar .pages-navigation li span:hover {
          color: #c0141b;
          padding: 0; }
          .sidebar-page .sidebar .pages-navigation li a.active + ul, .sidebar-page .sidebar .pages-navigation li a:hover + ul, .sidebar-page .sidebar .pages-navigation li span.active + ul, .sidebar-page .sidebar .pages-navigation li span:hover + ul {
            display: block; }
          .sidebar-page .sidebar .pages-navigation li a.active:hover, .sidebar-page .sidebar .pages-navigation li a.active:focus, .sidebar-page .sidebar .pages-navigation li a:hover:hover, .sidebar-page .sidebar .pages-navigation li a:hover:focus, .sidebar-page .sidebar .pages-navigation li span.active:hover, .sidebar-page .sidebar .pages-navigation li span.active:focus, .sidebar-page .sidebar .pages-navigation li span:hover:hover, .sidebar-page .sidebar .pages-navigation li span:hover:focus {
            border-bottom-color: transparent; }
      .sidebar-page .sidebar .pages-navigation li.hasSub {
        position: relative; }
        .sidebar-page .sidebar .pages-navigation li.hasSub:after {
          content: '\f107';
          display: block;
          position: absolute;
          right: 1rem;
          top: 10px;
          font-size: 19px;
          font-family: 'Font Awesome 5 Free';
          font-weight: 900; }
          @media (min-width: 640px) {
            .sidebar-page .sidebar .pages-navigation li.hasSub:after {
              display: none; } }
      .sidebar-page .sidebar .pages-navigation li ul {
        padding-left: 0;
        list-style: none;
        display: none; }
        .sidebar-page .sidebar .pages-navigation li ul .fa {
          color: #dadada;
          margin-right: 5px; }
        @media (min-width: 640px) {
          .sidebar-page .sidebar .pages-navigation li ul {
            display: block; } }
        .sidebar-page .sidebar .pages-navigation li ul li {
          border-bottom: 0; }
@media (min-width: 800px) {
  .sidebar-page #main {
    float: left;
    margin-right: 5%;
    width: 60%; } }
@media (min-width: 992px) {
  .sidebar-page #main {
    width: 65%; } }
@media (min-width: 1400px) {
  .sidebar-page #main {
    margin-right: 60px;
    width: 868px; } }