@charset "UTF-8";
/*
* BREAKPOINTS
*/
/*
 * SPACING
 */
/*
 * FONTS
 */
/* HEADER*/
/* FOOTER*/
/*
 * FUNCTIONS
 */
/**
 * Given a number and an optional context, calculate a size in rem.
 *
 * @param  {number} $value    A number to convert to a size in em
 * @param  {number} $base-value A number to base the calculation
 * @return {number}          The size in em
 */
/**
 * Given a number and an optional context, calculate a size in em.
 *
 * @param  {number} $value    A number to convert to a size in em
 * @param  {number} $base-value A number to base the calculation
 * @return {number}          The size in em
 */
/*******************Header alkaa*******************/
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  background: #fff;
  margin: 0;
  padding: 0;
  -webkit-transition: -webkit-transform 0.15s;
  transition: -webkit-transform 0.15s;
  -o-transition: transform 0.15s;
  transition: transform 0.15s;
  transition: transform 0.15s, -webkit-transform 0.15s;
  z-index: 7;
}
.header--scrolling-down {
  -webkit-transform: translate3d(0, 0rem, 0);
  transform: translate3d(0, 0rem, 0);
}
@media only screen and (min-width:1280px) {
  .header--scrolling-down {
    -webkit-transform: translate3d(0, 0rem, 0);
    transform: translate3d(0, 0rem, 0);
  }
}
.header--scrolling-up {
  -webkit-transform: translate3d(0, 0rem, 0);
  transform: translate3d(0, 0rem, 0);
}
@media only screen and (min-width:1280px) {
  .header--scrolling-up {
    -webkit-transform: translate3d(0, 0rem, 0);
    transform: translate3d(0, 0rem, 0);
  }
}
.header--is-sticky {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.header--is-open, .header--navigation-open {
  -webkit-box-shadow: 0 0 90vw rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 90vw rgba(0, 0, 0, 0.75);
}
@media print {
  .header {
    display: none;
  }
}

/* Default Link Styles */
.link {
  color: #00294D;
  line-height: inherit;
  text-decoration: none;
}
.link:hover .link__text, .link:focus .link__text {
  color: #00A1D4;
  text-decoration: underline;
}
.link:hover .link__text--lifted, .link:focus .link__text--lifted {
  text-decoration: none;
  border-bottom-width: 1px;
}
.link:hover .link__text--no-underline, .link:focus .link__text--no-underline {
  text-decoration: none;
}
.link:hover .link__icon, .link:focus .link__icon {
  text-decoration: none;
}
.link:hover .link__icon--muted, .link:focus .link__icon--muted {
  color: #00294D;
}
.link img {
  border: none;
}
.link--inverted {
  color: #fff;
}
.link__text {
  -webkit-transition: color 0.15s;
  -o-transition: color 0.15s;
  transition: color 0.15s;
}
.link__text--muted {
  color: #202020;
}
.link__text--muted--inverted {
  color: #fff;
}
.link__text--lifted {
  -webkit-transition: border-bottom-width;
  -o-transition: border-bottom-width;
  transition: border-bottom-width;
  border-bottom: 2px solid currentColor;
}
.link__icon {
  -webkit-transition: color 0.15s;
  -o-transition: color 0.15s;
  transition: color 0.15s;
}
.link__icon--inverted {
  color: #fff;
}
.link__icon--muted {
  color: #202020;
}

/******************Navigaatio alkaa******************/
/*
 * NAVIGATION LEVEL 1
 */
nav {
  background-color: #364A81;
}
@media print {
  nav {
    display: none;
  }
}

.navigation {
  height: 3.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.navigation__logo {
  margin-top: 15px;
  max-width: 200px;
  width: 200px;
  vertical-align: text-bottom;
}
.navigation__link {
  position: relative;
  display: block;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0 0.625rem;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 3.5rem;
  cursor: pointer;
}
.navigation__link:hover, .navigation__link.focus {
  background: #00294D;
  color: #fff;
  text-decoration: none;
}
.navigation__link--active:after, .navigation__link.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #fff;
}
.navigation__link--md {
  display: none;
}
@media only screen and (min-width:1280px) {
  .navigation__link--md {
    display: block;
  }
}
.navigation__mobile-icon {
  display: block;
  font-size: 1.25rem;
  color: #fff;
  text-decoration: none;
  padding: 0;
  margin-right: 0.9375rem;
  line-height: 3.5rem;
}
@media only screen and (min-width:1280px) {
  .navigation__mobile-icon {
    display: none;
  }
}
.navigation__mobile-icon:focus {
  color: #fff;
  outline: none;
  text-decoration: none;
}
.navigation__mobile-icon:hover {
  background: #00294D;
  color: #fff;
  text-decoration: none;
  padding: 0 0.9375rem;
  margin: 0 0 0 -0.9375rem;
}
.navigation__mobile-icon--close {
  position: relative;
  color: #fff;
  text-decoration: none;
  padding: 0 0.9375rem;
  margin: 0 0 0 -0.9375rem;
}
.navigation__mobile-icon--close:hover {
  background: #00294D;
}
.navigation__mobile-icon--active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #fff;
}
.navigation__mobile-icon--hidden {
  display: none;
}
.navigation__item-container {
  position: relative;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  overflow: hidden;
}
.navigation__item-container--hidden {
  display: none;
}
.navigation__item--right {
  position: absolute;
  right: 0;
  top: 0;
}
.navigation__mobile {
  background-color: #364A81;
  max-height: calc(100vh - 3.5rem);
  overflow-x: hidden;
  overflow-y: auto;
}
@media only screen and (min-width:1280px) {
  .navigation__mobile {
    display: none;
  }
}
.navigation__mobile--hidden {
  display: none;
}
.navigation__mobile-link-container {
  list-style: none;
}
.navigation__mobile-link {
  display: block;
  padding: 0.9375rem;
  color: #fff;
  text-decoration: none;
  border-top: 1px solid transparent;
  cursor: pointer;
}
.navigation__mobile-link--active {
  background: #00294D;
}
.navigation__mobile-link:hover, .navigation__mobile-link:focus {
  background: #00A1D4;
}

/*
 * NAVIGATION LEVEL 2
 */
@media only screen and (min-width:1080px) {
  .sub-menu.sub-menu-active {
    display: block;
  }
}

@media only screen and (min-width:1280px) {
  .sub-menu.sub-menu-unactive {
    display: none;
  }
}

.sub-menu {
  display: none;
  background-color: #fff;
  border-bottom: 1px solid #DDDDDD;
  height: 3.5rem;
}
.sub-menu__items {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.sub-menu__link {
  position: relative;
  display: block;
  padding: 0 0.625rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 3.5rem;
  color: #202020;
  text-decoration: none;
  cursor: pointer;
}
.sub-menu__link:hover, .sub-menu__link:focus {
  color: #00A1D4;
}
.sub-menu__link--active {
  color: #00A1D4;
}

/*Navi 2 mobile*/
.navigation__accordion-content {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.2s ease-in-out;
  -o-transition: max-height 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out;
}

.navigation__accordion-content--open {
  max-height: 200vh;
}

.navigation__accordion-icon {
  font-size: 1.25em;
  width: 2.5em;
  text-align: center;
  margin-right: 1px;
}

.navigation__mobile-link--accordion {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.navigation__item--mobile {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 700;
  border-bottom: 1px solid #364A81;
}

.navigation__mobile-link--sub-menu {
  text-transform: initial;
  padding-left: 1.875rem;
  border-bottom-color: transparent;
}

.navigation__item--active {
  background: #00294D;
}

.preload {
  display: none !important;
}

.ie-warning {
  max-width: 100%;
  padding: 35px;
  background-color: red;
  color: #fff;
  position: fixed;
  text-align: center;
  margin-top: -88px;
  display: block;
  z-index: 8;
}

/*******************Footer alkaa*******************/
.footer {
  padding-top: 3.125rem;
}
.footer .footer_autotie__top {
  background: #404040;
  padding: 0.9375rem 0;
}
.footer .footer_autotie__bottom {
  background: #303030;
  padding: 2.5rem 0;
}
.footer .footer__autotie-facebook {
  margin-top: 0.9375rem;
}
@media only screen and (min-width:768px) {
  .footer .footer__autotie-facebook {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
  }
}
.footer__top {
  background: #202020;
  padding: 1.875rem 0;
  overflow: hidden;
}
.footer__top-container {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
@media only screen and (min-width:768px) {
  .footer__top-container {
    max-width: none;
    margin: 0;
  }
}
@media only screen and (min-width:1080px) {
  .footer__top-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.footer__top-container a img {
  width: 100%;
}
@media only screen and (min-width:768px) {
  .footer__top-container a img {
    width: 50%;
  }
}
.footer__block-links-container {
  list-style: none;
  overflow: hidden;
  width: 100%;
  margin: auto;
}
@media only screen and (min-width:768px) {
  .footer__block-links-container {
    width: auto;
    margin: 0;
  }
}
@media only screen and (min-width:1280px) {
  .footer__block-links-container {
    padding-left: 7.6875rem;
  }
}

body.admin-wrap {
  padding-top: 3.5rem;
}
@media only screen and (min-width:768px) {
  body.admin-wrap {
    padding-top: 7rem;
  }
}

h1 {
  font-weight: 300;
  font-size: 2rem !important;
}

h2, h3 {
  font-weight: 300;
  font-size: 1.5em !important;
}

p {
  line-height: 1.375 !important;
  font-weight: normal !important;
}

body {
  line-height: 1.375;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #202020;
  background: #fff;
  min-width: 20rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  /* Padding same as header total height */
  padding-top: 3.5rem;
}
@media only screen and (min-width:768px) {
  body {
    /* Sub-menu was hidden in mobile */
    padding-top: 7rem;
  }
}
body *, body *:before, body *:after {
  margin: 0;
  padding: 0;
}
body .yleinen-h1 {
  margin-top: 1.25rem;
}
body .isoin-otsikko {
  font-weight: 300;
  font-size: 2rem !important;
}
body .pikkuteksti {
  font-size: 0.75rem !important;
  color: #adadad;
}
body .content-taustavari {
  background-color: #fff;
}
body .content-container {
  /*position: relative;*/
  clear: both;
  margin: 0 auto;
  max-width: 80rem;
  padding: 0 0.9375rem;
}
body .columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body .set_space {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body .columns__column + .columns__column {
  margin-left: 0.9375rem;
}
body .columns--center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body .columns--right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
body .clear {
  clear: both;
}
body .some-icon--inverted {
  background-color: rgba(255, 255, 255, 0.15);
}
body .some-icon--inverted:hover {
  background-color: rgba(255, 255, 255, 0.35);
}
body .some-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
}
body .some-icon-footer {
  background-color: rgba(0, 0, 0, 0.1);
  color: #202020;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
body .some-icon-autotie {
  background-color: #00294D;
  color: #202020;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
body .some-icon > .icon {
  margin: auto;
  font-size: 1.25rem;
}
body .link__icon--inverted {
  color: #fff;
}
body .link__icon {
  -webkit-transition: color 0.15s;
  -o-transition: color 0.15s;
  transition: color 0.15s;
}
body .footer__block-linkkilista-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body .linkkilista-1, body .linkkilista-2, body .linkkilista-3 {
  width: 100%;
}
@media only screen and (min-width:1080px) {
  body .linkkilista-1, body .linkkilista-2, body .linkkilista-3 {
    width: auto;
  }
}
@media only screen and (min-width:1280px) {
  body .linkkilista-1, body .linkkilista-2, body .linkkilista-3 {
    width: 20.375rem;
  }
}
body .linkkilista-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
body .linkkilista-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
body .footer__block-linkkilista {
  float: left;
  padding: 0 0 1.75rem 1.25rem;
  font-size: 0.875rem;
}
@media only screen and (min-width:768px) {
  body .footer__block-linkkilista {
    padding: 0 0 3.125rem 0;
    width: 50%;
  }
  body .footer__block-linkkilista:nth-child(4n+1) {
    clear: left;
  }
  body .footer__block-linkkilista:nth-last-child(-n+4) {
    padding-bottom: 0;
  }
}
@media only screen and (min-width:1080px) {
  body .footer__block-linkkilista {
    width: 14.84375rem;
  }
}
@media only screen and (min-width:1280px) {
  body .footer__block-linkkilista {
    width: 15.3125rem;
  }
}
body .footer__block-linkkilista:nth-last-child(-n+2) {
  padding-bottom: 0;
}
body .footer__block-linkkilista a {
  display: block;
  padding-bottom: 1.25rem;
  word-break: break-word;
}
@media only screen and (min-width:768px) {
  body .footer__block-linkkilista a {
    padding-bottom: 5px;
  }
}

img {
  max-width: 100%;
}

.multiselect-dropdown.active {
  z-index: 999;
}

.multiselect-dropdown.dropup ul.active {
  bottom: 100%;
}

.painike {
  cursor: pointer;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.painike:focus {
  outline-color: #364A81;
}

a {
  text-decoration: none;
  color: #00A1D4;
}

.nayta-lisaa-painike-container {
  padding: 2.5rem 0.9375rem !important;
}

.nayta-lisaa-painike {
  background: #DDDDDD;
  max-width: 100%;
  padding: 0.9375rem;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1.25rem;
  text-align: center;
  color: #000;
  text-decoration: none;
}

.painike__haku-submit {
  background: #00294D;
}

.painike__haku-ikoni {
  color: #fff;
  font-size: 1.25rem !important;
}

div.wnb__input, input, textarea {
  padding: 1.2em;
  font-size: 0.8em;
}

.palautelomake-sisalto textarea {
  width: auto !important;
}

.wnb__input, input, textarea {
  background-color: #fff;
  padding: 0.9375rem;
  font-size: 1rem;
  border: 1px solid #DDDDDD;
}

.wnb__input {
  text-align: center;
}

input[type=button], input[type=submit], input[type=reset], button {
  color: #202020;
  background-color: transparent;
  box-sizing: border-box;
  border: none;
  border-width: 0px;
  font-size: 1rem;
  cursor: pointer;
}

.web-X-validointivirhe, .inputVirhe {
  border: 1px solid red;
}

.inputVirhe {
  padding: 3px;
}

.piilota__vertailtavat-container, .poista__kaikki-container, .tallenna__vahdiksi-container {
  cursor: pointer;
}
.piilota__vertailtavat-container i, .poista__kaikki-container i, .tallenna__vahdiksi-container i {
  padding-right: 5px;
}

.piilota__vertailtavat-container, .poista__kaikki-container {
  color: #364A81;
}

.poista__kaikki-container, .tallenna__vahdiksi-container {
  padding: 0.625rem 0;
}

.hakukriteerit__container {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 1.25rem 0;
}

.yksirivinen-overflow-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
}

.painike__primary {
  background: #fff;
  color: #364A81;
  padding: 5px 1.25rem;
  border: solid;
  border-color: #364A81;
  text-transform: uppercase;
  font-weight: bold;
}

.painike__primary:hover {
  border-color: #7280A7;
  color: #7280A7;
}

.painike__primary:disabled {
  background: #DDDDDD;
}

.painike__secondary {
  background: #fff;
  color: #364A81;
  padding: 0.625rem 1.25rem;
  border: 1px solid #364A81;
}

.painike__secondary:hover {
  background-color: #00A1D4;
  color: #fff;
}

.painike__secondary:disabled {
  border-color: #DDDDDD;
  background-color: #DDDDDD;
}

.painike__valkoinen {
  background: #fff;
  color: #364A81;
  padding: 0.9375rem;
}

.painike__musta {
  background: #202020;
  color: #fff;
  padding: 0.625rem 1.25rem;
}

.painike__vihrea {
  background: #fff;
  color: #669933;
  padding: 5px 1.25rem;
  border: solid;
  border-color: #669933;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
}
.painike__vihrea .ikoni {
  background-image: url("Kuvat/lehti.png");
  height: 20px;
  width: 20px;
  display: block;
  float: right;
  background-size: cover;
  margin-left: 0.625rem;
}

.painike__vihrea:hover {
  border-color: #b3d98c;
  color: #b3d98c;
}

.painike__primary-dark {
  background: #00294D;
  color: #fff;
  padding: 0.625rem 1.25rem;
}

.painike__musta_teksti {
  color: #000;
  padding: 0.625rem 1.25rem;
  font-size: 1.5rem;
}

.painike__boolean-container {
  text-align: center;
  margin-bottom: 0.9375rem;
}

.painike__boolean {
  color: #fff;
  background: #364A81;
  padding: 0.625rem 1.25rem;
  text-align: center;
}

.painike__boolean.valittu {
  background-color: #74CBE8;
}

.painike__vihrea .painike__boolean {
  background-color: #fff;
  color: #669933;
  padding: 0;
  text-transform: uppercase;
  font-weight: bold;
}
.painike__vihrea .painike__boolean:focus {
  outline: none;
}

.painike__evasteasetukset {
  background: #0077b3;
  border-color: #0077b3;
  color: #fff;
}
.painike__evasteasetukset:hover {
  background: #0077b3;
  border-color: #0077b3;
  color: #fff;
}

#lomake--tiedostonlataus {
  max-width: 100%;
  padding: 30px;
  background-color: #DDDDDD;
}

/*autoliikehaku*/
.autoliikehaku-sisaltoteksti {
  margin: 0.9375rem 0;
}

.autoliikehaku---listaus {
  margin-top: 1.25rem;
}
@media only screen and (min-width:768px) {
  .autoliikehaku---listaus {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
  }
}

.yritys-suodatus {
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}
.yritys-suodatus a {
  text-decoration: none;
  color: #202020;
}
.yritys-suodatus a:hover {
  color: #364A81;
}

.yhteystiedot-osasto {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 1.25rem 0 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width:768px) {
  .yhteystiedot-osasto {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 1.25rem 0 2.5rem;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.yhteystiedot-osasto h3 {
  margin-bottom: 0.9375rem;
}
.yhteystiedot-osasto a {
  color: #364A81;
}

.yhteystiedot-henkilo-container {
  width: 100%;
}
@media only screen and (min-width:768px) {
  .yhteystiedot-henkilo-container {
    width: 50%;
  }
}
@media only screen and (min-width:1080px) {
  .yhteystiedot-henkilo-container {
    width: 33%;
  }
}

.yhteystiedot-henkilo {
  margin: 0.625rem;
  background-color: #DDDDDD;
  padding: 0.9375rem;
}

.yhteystiedot-henkilo-kuva, .yhteystiedot-henkilo-tiedot {
  width: 50%;
}
.yhteystiedot-henkilo-kuva i, .yhteystiedot-henkilo-tiedot i {
  padding-right: 0.625rem;
}

.yhteystiedot-henkilo-tiedot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.yhteystiedot-henkilo-tiedot button, .yhteystiedot-henkilo-tiedot p {
  width: 100%;
}
.yhteystiedot-henkilo-tiedot .myyjan-yhteystiedot a {
  word-break: break-word;
}

.yhteystiedot-henkilo-kuva {
  margin-right: 5px;
}
.yhteystiedot-henkilo-kuva .img {
  background-repeat: no-repeat;
  background-position: center;
  height: 135px;
  width: 100%;
  max-width: 100%;
  background-size: cover;
}

.tyyppivika h2 {
  padding-top: 1.25rem;
}
.tyyppivika ul {
  padding-left: 1.25rem;
}
.tyyppivika ul li {
  padding-top: 0.625rem;
}

.sisaltosivu h1, .sisaltosivu h2 {
  margin-top: 1.875rem;
  margin-bottom: 0.9375rem;
}
.sisaltosivu ul {
  padding-left: 1.25rem;
}
.sisaltosivu .painike {
  display: inline-block;
}

.margin__top-base {
  margin-top: 0.9375rem;
}

.margin__bottom-base {
  margin-bottom: 0.9375rem;
}

.tagit-container {
  float: left;
}

.tagit--hakukriteeri {
  border: 1px solid #364A81;
  color: #364A81;
  padding: 5px;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block;
  margin-top: 5px;
  margin-right: 5px;
}
.tagit--hakukriteeri i {
  padding-left: 5px;
}

/* Gridi */
.at-row {
  position: relative;
  width: 100%;
}

.at-row [class^=at-col] {
  float: left;
  margin: 0.5rem 2%;
  min-height: 0.125rem;
}

.at-row::after {
  content: "";
  display: table;
  clear: both;
}

.at-col-1,
.at-col-2,
.at-col-3,
.at-col-4,
.at-col-5,
.at-col-6,
.at-col-7,
.at-col-8,
.at-col-9,
.at-col-10,
.at-col-11,
.at-col-12 {
  width: 96%;
}

.at-col-1-sm {
  width: 4.3333333333%;
}

.at-col-2-sm {
  width: 12.6666666667%;
}

.at-col-3-sm {
  width: 21%;
}

.at-col-4-sm {
  width: 29.3333333333%;
}

.at-col-5-sm {
  width: 37.6666666667%;
}

.at-col-6-sm {
  width: 46%;
}

.at-col-7-sm {
  width: 54.3333333333%;
}

.at-col-8-sm {
  width: 62.6666666667%;
}

.at-col-9-sm {
  width: 71%;
}

.at-col-10-sm {
  width: 79.3333333333%;
}

.at-col-11-sm {
  width: 87.6666666667%;
}

.at-col-12-sm {
  width: 96%;
}

@media only screen and (min-width: 768px) {
  .at-col-1 {
    width: 4.3333333333%;
  }
  .at-col-2 {
    width: 12.6666666667%;
  }
  .at-col-3 {
    width: 21%;
  }
  .at-col-4 {
    width: 29.3333333333%;
  }
  .at-col-5 {
    width: 37.6666666667%;
  }
  .at-col-6 {
    width: 46%;
  }
  .at-col-7 {
    width: 54.3333333333%;
  }
  .at-col-8 {
    width: 62.6666666667%;
  }
  .at-col-9 {
    width: 71%;
  }
  .at-col-10 {
    width: 79.3333333333%;
  }
  .at-col-11 {
    width: 87.6666666667%;
  }
  .at-col-12 {
    width: 96%;
  }
  .at-hidden-sm {
    display: block;
  }
}
@media only screen and (max-width: 576px) {
  .at-col-1-xs,
  .at-col-2-xs,
  .at-col-3-xs,
  .at-col-4-xs,
  .at-col-5-xs,
  .at-col-6-xs,
  .at-col-7-xs,
  .at-col-8-xs,
  .at-col-9-xs,
  .at-col-10-xs,
  .at-col-11-xs,
  .at-col-12-xs {
    width: 96%;
  }
}
/*palautelomakkeen tähdet*/
.tahti {
  cursor: pointer;
  padding: 3px;
  font-size: 1.5rem;
  margin: 0.9375rem 0;
}

.tahti:hover, .tahti.valittu, .tahti.hovered {
  color: #00294D;
}

#tahti_validointi {
  color: red;
}

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

.virhesivu {
  padding: 2.5rem 0;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.virhesivu .teksti {
  width: 100%;
}
@media only screen and (min-width:768px) {
  .virhesivu .teksti {
    width: 50%;
  }
}
.virhesivu .teksti .painike_container {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.virhesivu .kuva {
  width: 100%;
  text-align: center;
}
.virhesivu .kuva img {
  max-width: 250px;
}
@media only screen and (min-width:768px) {
  .virhesivu .kuva {
    width: 40%;
  }
}

.yleinen__taustakuva {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
@media only screen and (min-width:768px) {
  .yleinen__taustakuva {
    height: 200px;
  }
}
.yleinen__taustakuva h1, .yleinen__taustakuva h2 {
  display: none;
  text-align: center;
  color: #fff;
  padding-top: 1.25rem;
  font-weight: 300;
}
@media only screen and (min-width:768px) {
  .yleinen__taustakuva h1, .yleinen__taustakuva h2 {
    display: block;
  }
}

.tien-sivusta .yleinen__taustakuva h1, .tien-sivusta .yleinen__taustakuva h2 {
  display: block;
}

.yleinen__taustakuva--sisalto {
  z-index: 1;
}
.yleinen__taustakuva--sisalto img {
  width: 220px;
  margin: 0 auto;
  display: block;
}

.yleinen__taustakuva--verho {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.3;
}

.kiitos-palaute {
  text-align: center;
}
.kiitos-palaute i {
  color: #00294D;
  font-size: 49px !important;
}
.kiitos-palaute h2, .kiitos-palaute h3 {
  font-weight: 600;
}

.noscript {
  position: fixed;
  top: 90px;
  width: 100%;
  text-align: center;
  background-color: red;
  font-weight: bold;
  z-index: 100;
}
.noscript h4 {
  padding: 15px;
}

.hakuvahti, .uutiskirje {
  margin: 2.5rem;
}

.nayta-vain-mobiilissa {
  display: inline-block;
}
@media only screen and (min-width:768px) {
  .nayta-vain-mobiilissa {
    display: none;
  }
}

.nayta-vain-deskarissa {
  display: none;
}
@media only screen and (min-width:768px) {
  .nayta-vain-deskarissa {
    display: inline-block;
  }
}

#linkki-kopioitu {
  position: absolute;
  color: #fff;
  background-color: #00294D;
  padding: 0.625rem;
}

a.whatsapp {
  color: #25D366;
}

.virhe-container {
  margin-top: 50px;
  min-height: 470px;
}

#kesaautot-valinta,
#Kesaautot-pikalinkki,
#kesaautot-suoraosoite {
  display: none;
}

/*#talviautot-valinta,
#talviautot-suoraosoite,
#Talviautot-pikalinkki {
    display: none;
}*/
.piilota_elementti {
  display: none;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.25s ease-out;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

.vaihtoautot__taustakuva {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
@media only screen and (min-width:768px) {
  .vaihtoautot__taustakuva {
    height: 200px;
  }
}
.vaihtoautot__taustakuva h2 {
  display: none;
  text-align: center;
  color: #fff;
  padding-top: 1.25rem;
  font-weight: 300;
}
@media only screen and (min-width:768px) {
  .vaihtoautot__taustakuva h2 {
    display: block;
  }
}

.vaihtoautot__taustakuva--sisalto {
  z-index: 1;
}
.vaihtoautot__taustakuva--sisalto img {
  width: 80%;
  margin: 0 auto;
  display: block;
}
@media only screen and (min-width:768px) {
  .vaihtoautot__taustakuva--sisalto img {
    width: 60%;
  }
}

.vaihtoautot__taustakuva--verho {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.3;
}

.vaihtoautot__hakuvaihtoehdot-container {
  background-color: #364A81;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 120px;
}
@media only screen and (min-width:768px) {
  .vaihtoautot__hakuvaihtoehdot-container {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width:1280px) {
  .vaihtoautot__hakuvaihtoehdot-container {
    margin-bottom: 135px;
  }
}
.vaihtoautot__hakuvaihtoehdot-container input {
  width: calc(100% - 85px);
}

.vaihtoautot__pikahaku-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.vaihtoautot__pikahaku-container input {
  border-radius: 0;
  font-size: 0.8em !important;
}

.vaihtoautot__lisaa_hakuehtoja {
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
}
@media only screen and (min-width:768px) {
  .vaihtoautot__lisaa_hakuehtoja {
    width: 100%;
  }
}

.vaihtoautot__lisaa_hakuehtoja-input {
  display: none;
  width: calc(100% - 83px);
}
@media only screen and (min-width:768px) {
  .vaihtoautot__lisaa_hakuehtoja-input {
    display: inline-block;
  }
}

.painike__haku-ohje {
  font-size: 1.5rem;
  font-weight: 300;
  color: #fff;
  margin: 13px 0 0 8px;
  cursor: pointer;
}

.hakuohje-esimerkki {
  background-color: #DDDDDD;
  padding: 1px 3px 1px 3px;
  border-radius: 3px;
  color: #00294D;
  font-family: Courier New, Courier, monospace;
  margin-top: 2px;
  margin-left: 5px;
  cursor: pointer;
}

.hakuohje-tyhjenna-valinnat {
  cursor: pointer;
  padding: 0px;
}

/*Eräillä näyttökoilla, ja jos mainosta ei ole, tekstit tulevat näkyviin autokorttien alle*/
.body--scrolling-down .vaihtoautot__otsikko-h1 {
  margin-top: 0;
}
.body--scrolling-down .vaihtoautot__kuvaus-p {
  margin-top: 20px;
}
.body--scrolling-down .vaihtoautot__hintatiedot {
  margin-top: 40px;
}

.vaihtoautot__kuvaus-p {
  margin-top: 130px;
  left: 0.9375rem;
  right: 0.9375rem;
  position: absolute;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  font-size: 1em;
}
@media only screen and (max-width:576px) {
  .vaihtoautot__kuvaus-p {
    margin-top: 180px;
  }
}
@media only screen and (min-width:768px) {
  .vaihtoautot__kuvaus-p {
    display: block;
    margin-top: 145px;
  }
}
@media only screen and (min-width:1280px) {
  .vaihtoautot__kuvaus-p {
    max-width: 1280px;
    left: 0;
    padding-left: 0;
  }
}

.vaihtoautot__hintatiedot {
  margin-top: 180px;
  left: 0.9375rem;
  right: 0.9375rem;
  position: absolute;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  font-size: 1em;
}
@media only screen and (max-width:576px) {
  .vaihtoautot__hintatiedot {
    margin-top: 245px;
  }
}
@media only screen and (min-width:768px) {
  .vaihtoautot__hintatiedot {
    display: block;
    margin-top: 175px;
  }
}
@media only screen and (min-width:1280px) {
  .vaihtoautot__hintatiedot {
    max-width: 1280px;
    left: 0;
    padding-left: 0;
    margin-top: 175px;
  }
}

.hakukriteerit {
  margin-top: 20px;
}
@media only screen and (min-width:1280px) {
  .hakukriteerit {
    margin-top: 0;
  }
}

#linkkipalaasuosikeista {
  margin-top: 70px;
  display: none;
  left: 0.9375rem;
  right: 0.9375rem;
  position: absolute;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}
@media only screen and (max-width:576px) {
  #linkkipalaasuosikeista {
    margin-top: 140px;
  }
}
@media only screen and (min-width:1280px) {
  #linkkipalaasuosikeista {
    max-width: 1280px;
    left: 0;
    padding-left: 0;
  }
}

.vaihtoautot__otsikko-h1 {
  margin-top: 100px;
  display: block;
  left: 0.9375rem;
  right: 0.9375rem;
  position: absolute;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  font-size: 1.6em !important;
  /*clear: both;*/
}
@media only screen and (max-width:576px) {
  .vaihtoautot__otsikko-h1 {
    margin-top: 150px;
  }
}
@media only screen and (min-width:768px) {
  .vaihtoautot__otsikko-h1 {
    font-size: 1.9em !important;
  }
}
@media only screen and (min-width:1280px) {
  .vaihtoautot__otsikko-h1 {
    max-width: 1280px;
    left: 0;
    padding-left: 0;
  }
}
.vaihtoautot__otsikko-h1 .hakutulosmaaraLkm {
  font-weight: 700;
  color: #00a8eb;
}

#vaihtoautot__suosikit__otsikko {
  margin-top: 130px;
}
@media only screen and (max-width:576px) {
  #vaihtoautot__suosikit__otsikko {
    margin-top: 200px;
  }
}

.vaihtoautot__otsikko {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.vaihtoautot__otsikko .hakutulosmaaraLkm {
  font-weight: 700;
  color: #00a8eb;
}

.poista__hakuvalinnat__tilaa__hakuvahti-container {
  padding-top: 1.25rem;
  padding-bottom: 0.9375rem;
}
.poista__hakuvalinnat__tilaa__hakuvahti-container .poista__kaikki-teksti, .poista__hakuvalinnat__tilaa__hakuvahti-container .vainLahimmat-valinta {
  padding-right: 0.9375rem;
}

.poista__kaikki-container {
  display: block;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}

.vaihtoauto-item {
  width: 100%;
}
@media only screen and (min-width:768px) {
  .vaihtoauto-item {
    width: 50%;
  }
}
@media only screen and (min-width:1080px) {
  .vaihtoauto-item {
    width: 33%;
  }
}

.piilota__vertailtavat__vertailuun_valinta_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  /*justify-content: space-between;*/
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-wrap: wrap;
}
@media only screen and (min-width:768px) {
  .piilota__vertailtavat__vertailuun_valinta_container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.piilota__vertailtavat__vertailuun_valinta_container #sortIcon {
  cursor: pointer;
}

.paastokompensaatio-valinta {
  max-width: 365px;
  box-sizing: border-box;
  margin: 0 5px 5px 0;
}

.leasing-valinta {
  max-width: 365px;
  box-sizing: border-box;
  margin: 5px 0;
  display: inline-block;
  background: #fff;
  color: darkorange;
  padding: 5px 1.25rem;
  border: solid;
  border-color: darkorange;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
}
@media only screen and (min-width:1080px) {
  .leasing-valinta {
    margin: 0;
  }
}
.leasing-valinta .painike__boolean {
  background-color: #fff;
  color: darkorange;
  padding: 0;
  text-transform: uppercase;
  font-weight: bold;
}
.leasing-valinta .painike__boolean:focus {
  outline: none;
}

.autotie__pikalinkit {
  display: inline-block;
}

.autotie__pikalinkit .painike__primary {
  margin: 0 5px 5px 0;
}

.vertailuun_valinta {
  margin-left: 15px;
}
@media only screen and (min-width:1080px) {
  .vertailuun_valinta {
    text-align: right;
  }
}
.vertailuun_valinta i {
  padding-right: 5px;
}
.vertailuun_valinta .nayta_vain_valitut {
  padding-left: 1.875rem;
}

.vertailu_valinta {
  display: none;
  position: absolute;
  top: 35px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.5;
  z-index: 5;
  cursor: pointer;
  border-color: #00294D;
  border-width: thin;
  border-style: solid;
}
.vertailu_valinta i {
  font-size: 2em;
  color: #364A81;
  padding: 3px;
  /*        visibility: hidden;*/
}

.nayta_vertailuvalinta_kortin_paalla .vertailu_valinta {
  display: block;
}

.vertailu_valinta.aktiivinen {
  background-color: #364A81;
  opacity: 1;
}
.vertailu_valinta.aktiivinen i {
  visibility: visible;
  color: #fff;
}

.vaihtoautolistaus__autokortti-container {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  margin: 0.625rem;
}

.vaihtoautolistaus__autokortti-container:hover {
  -webkit-box-shadow: 0px 0px 20px -3px #00a8eb;
  -moz-box-shadow: 0px 0px 20px -3px #00a8eb;
  box-shadow: 0px 0px 20px -3px #00a8eb;
}

.vaihtoautolistaus__autokortti {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  color: #000;
  text-decoration: none;
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  max-width: 300px;
  width: 100%;
  overflow: hidden;
}
.vaihtoautolistaus__autokortti .img {
  background-repeat: no-repeat;
  background-position: center;
  height: 190px;
  width: 100%;
  max-width: 100%;
  background-size: cover;
}

.paastokompensaatio-container {
  position: relative;
}

.paastokompensaatio-korostus {
  top: 10px;
  left: 10px;
  z-index: 2;
  position: absolute;
  background-image: url("Kuvat/lehti_ikoni.jpg");
  width: 40px;
  height: 40px;
  background-size: cover;
}

.vaihtoautolistaus__autokortti-infot {
  padding: 0.9375rem;
}

.tagKampanjaWrapper {
  position: relative;
}
.tagKampanjaWrapper .tagKampanja {
  position: relative;
  top: -15px;
  right: -15px;
  background: #364A81;
  padding: 2px 8px;
  font-size: 0.6em;
  color: white;
  float: right;
  margin-left: 2px;
}

.vaihtoautolistaus__autokortti-merkki-malli {
  font-weight: 600;
}

.vaihtoautolistaus__autokortti--infot1, .vaihtoautolistaus__autokortti--infot3, .vaihtoautolistaus__autokortti--infot3__ilman-leveys-rajoitusta, .vaihtoautolistaus__autokortti--sijainti, .vaihtoautolistaus__autokortti--ilmoitusjatetty {
  font-size: 0.6em;
  font-weight: 300;
  text-transform: uppercase;
  padding: 5px 0;
}

.vaihtoautolistaus__autokortti--ilmoitusjatetty {
  font-weight: 600;
}

.vaihtoautolistaus__autokortti--infot2 {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 5px 0;
}

.vaihtoautolistaus__autokortti--infot3 {
  border-top: 1px solid #00A1D4;
  padding-top: 0.625rem;
  padding-bottom: 0;
  margin-bottom: 0.625rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 38px;
  width: 100%;
}

.vaihtoautolistaus__autokortti--infot4 {
  height: 12px;
  overflow: hidden;
  font-size: 10px;
  font-weight: 300;
  text-transform: uppercase;
}
.vaihtoautolistaus__autokortti--infot4 span {
  text-decoration: line-through;
}

/*Käytössä mm. etisuvin autonosto karusellissa*/
.vaihtoautolistaus__autokortti--infot3__ilman-leveys-rajoitusta {
  border-top: 1px solid #00A1D4;
  padding-top: 0.625rem;
  padding-bottom: 0;
  margin-bottom: 0.625rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 38px;
}

.vaihtoautolistaus__autokortti--sijainti {
  width: 50%;
}
.vaihtoautolistaus__autokortti--sijainti i {
  color: #00a8eb;
}

.vaihtoautolistaus__autokortti--hinta {
  text-align: right;
  width: 50%;
  font-weight: 600;
  font-size: 1.125rem;
}

.vaihtoautot__hakutulokset {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 1.875rem 0;
}
@media only screen and (min-width:768px) {
  .vaihtoautot__hakutulokset {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 2.5rem 0;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

/**Hakualue*/
.vaihtoautohaku {
  width: 100%;
  background: #404040;
  margin-bottom: 1.875rem;
  position: fixed;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
@media only screen and (min-width:768px) {
  .vaihtoautohaku {
    position: static;
    width: 405px;
    margin-top: 0;
    margin-right: 0;
    height: auto;
    flex: 2;
  }
}
.vaihtoautohaku .columns {
  position: fixed;
  bottom: 0;
  z-index: 1010;
  width: 100%;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
@media only screen and (min-width:768px) {
  .vaihtoautohaku .columns {
    width: 405px;
    bottom: 0;
    z-index: 1010;
  }
}

@media only screen and (max-width:576px) {
  #avaa_hakuehdot {
    text-align: center;
  }
}

.painike__haku {
  border-color: #00294D;
  border-width: 4px;
  white-space: nowrap;
}
.painike__haku i {
  margin-left: 15px;
}
@media only screen and (max-width:576px) {
  .painike__haku {
    width: 60%;
  }
}

.linkki__haku {
  white-space: nowrap;
  border-color: #00294D;
  margin-left: 10px;
  border-width: 4px;
}
.linkki__haku i {
  margin-left: 15px;
}

.vaihtoautohakutab {
  background: #364A81;
  width: 35px;
  height: 250px;
  min-width: 35px;
  min-height: 250px;
  position: fixed;
  right: 0;
  top: 50vh;
  margin-top: -125px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  display: none;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
@media only screen and (min-width:768px) {
  .vaihtoautohakutab {
    display: flex;
  }
}
.vaihtoautohakutab i {
  background: #00294D;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 7px;
  height: 35px;
  text-align: center;
  -webkit-border-radius: 3px 0 0 0;
  border-radius: 3px 0 0 0;
}
.vaihtoautohakutab .vaihtoautohakutabtext {
  margin-top: 35px;
  color: #fff;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  vertical-align: middle;
  writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  text-transform: uppercase;
  letter-spacing: 0;
}
.vaihtoautohakutab:hover {
  -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.7);
}

.vaihtoautohaku__sticky {
  position: fixed;
  width: 100%;
  top: 5.5em;
  z-index: 6;
}

.header-partially-hidden .vaihtoautohaku__sticky {
  top: 3rem;
}

.hakuehtoWrap p {
  color: #DDDDDD;
}

.vaihtoautohaku__hakuehdot-container {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media only screen and (min-width:768px) {
  .vaihtoautohaku__hakuehdot-container {
    position: fixed;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    background-color: rgba(0, 0, 0, 0);
    width: 405px;
    right: 0;
    left: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
  }
}

.vaihtoautohaku__sulje {
  text-align: left;
  position: fixed;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.vaihtoautohaku__sulje i {
  color: #fff;
  cursor: pointer;
  font-size: 24px;
  padding: 0.9375rem;
}

.vaihtoautohaku__painike-tyhjenna {
  background: #fff;
  color: #364A81;
  width: 35%;
  padding: 0.9375rem;
  border-right: 0;
}
.vaihtoautohaku__painike-tyhjenna:disabled {
  color: white;
}

#vaihtoautohaku__painike-tallenna-hakuvahdiksi {
  width: 15%;
}
@media only screen and (min-width:768px) {
  #vaihtoautohaku__painike-tallenna-hakuvahdiksi {
    width: 65%;
  }
}
#vaihtoautohaku__painike-tallenna-hakuvahdiksi .tallenna__vahdiksi-teksti {
  display: none;
}
@media only screen and (min-width:768px) {
  #vaihtoautohaku__painike-tallenna-hakuvahdiksi .tallenna__vahdiksi-teksti {
    display: inline-block;
  }
}

.vaihtoautohaku__painike-nayta-tulokset {
  width: 65%;
  border-left: 0;
}
.vaihtoautohaku__painike-nayta-tulokset .nayta__tulokset-ikoni {
  display: none;
}
@media only screen and (min-width:768px) {
  .vaihtoautohaku__painike-nayta-tulokset .nayta__tulokset-ikoni {
    display: inline-block;
  }
}
.vaihtoautohaku__painike-nayta-tulokset .nayta__tulokset-teksti {
  display: inline-block;
  font-weight: 600;
}
@media only screen and (min-width:768px) {
  .vaihtoautohaku__painike-nayta-tulokset .nayta__tulokset-teksti {
    display: none;
  }
}
.vaihtoautohaku__painike-nayta-tulokset .nayta__tulokset-lkm {
  display: block;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .vaihtoautohaku__painike-nayta-tulokset .nayta__tulokset-lkm {
    display: none;
  }
}

.vaihtoautohaku__selectpicker-container {
  margin-left: 40px;
  margin-right: 40px;
  -webkit-transform: translateZ(0);
}
.vaihtoautohaku__selectpicker-container input {
  width: 100%;
  border-radius: 0;
}
.vaihtoautohaku__selectpicker-container input[type=text] {
  width: 85%;
  padding: 12px;
  font-size: 12px;
}
@media only screen and (min-width:768px) {
  .vaihtoautohaku__selectpicker-container input[type=text] {
    width: 87%;
  }
}
.vaihtoautohaku__selectpicker-container p {
  margin-bottom: 5px;
}

/*väliaikainen ennen kuin sliderit tehty*/
.vaihtoautohaku__slider-container {
  margin-bottom: 15px;
}
.vaihtoautohaku__slider-container p {
  color: #fff;
}

#lisaa-hakuehtoja {
  margin-bottom: 160px;
}

.vaihtoautohaku__nayta-lisaa-hakuehtoja {
  text-transform: uppercase;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
  margin: 0.9375rem 0;
  cursor: pointer;
}

.rahoituslaskurit__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.rahoituslaskurit-container {
  background: #fff;
  width: 95%;
  margin: 2.5% auto;
  overflow-y: auto;
  position: relative;
  overflow-x: hidden;
  padding: 15px;
  font-size: 0.8em;
}
.rahoituslaskurit-container img {
  max-width: 100%;
  height: auto;
}

.rahoituslaskuri__otsikkoalue {
  padding: 0 25px;
}

.rahoituslaskurit__yksi-laskuri {
  margin: 1.875rem;
}

.rahoituslaskurit__overlay--sulje {
  text-align: right;
  position: absolute;
  left: 0;
  right: 0;
}
.rahoituslaskurit__overlay--sulje i {
  cursor: pointer;
  font-size: 30px;
  padding: 0.9375rem;
}

.hakuehtoWrap {
  padding-top: 30px;
  padding-bottom: 100px;
}

.lisakriteerit__painike {
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
}

.range-slider {
  margin-bottom: 30px;
}
.range-slider .noUi-horizontal {
  height: 3px;
  margin-top: 5px;
}
.range-slider .noUi-handle {
  -moz-transform: scale(1, -1);
  -webkit-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

/*Vaihtoauton tietosivulla olevat rahoituslaskinsliderit*/
.rahoitusslider.noUi-horizontal {
  background-color: #707070 !important;
}
.rahoitusslider.noUi-horizontal .noUi-handle-lower:before {
  display: none;
}
.rahoitusslider.noUi-horizontal .noUi-handle {
  top: -6px;
  height: 26px;
  width: 26px;
  background-color: #00A1D4;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.rahoitusslider.noUi-horizontal .noUi-active {
  box-shadow: none;
}
.rahoitusslider.noUi-horizontal .noUI-connect {
  background-color: #00A1D4;
}

/*Uuden auton tietosivun autoliikevalinta dropdownia ei rajoiteta*/
.uudet-autot-multiselect-dropdown.multiselect-dropdown ul.active {
  position: static;
}

.jarjesta-dropdown {
  display: inline-block;
  cursor: pointer;
  background-color: #fff;
  margin-bottom: 10px;
  font-size: 1em;
  margin-right: 8px;
}
@media only screen and (max-width: 768px) {
  .jarjesta-dropdown {
    width: 80px;
  }
}
.jarjesta-dropdown div.label {
  padding-left: 5px;
  position: relative;
  padding: 8px;
}
.jarjesta-dropdown .knob {
  text-align: center;
  height: 103%;
  background-color: #364A81;
  color: #fff;
  top: 0;
  right: 0;
  position: absolute;
  padding-left: 8px;
  padding-right: 10px;
}
.jarjesta-dropdown ul.active {
  width: 90%;
  max-width: 400px;
  left: 0;
  position: absolute;
  display: block;
  background-color: #fff;
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition-delay: 0s, 0s, 3s;
  -o-transition-delay: 0s, 0s, 3s;
  transition-delay: 0s, 0s, 3s;
  height: auto;
  display: inline;
  max-height: 325px; /*10 itemiä näkyy kerrallaan*/
  position: absolute;
  z-index: 100;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1033;
  /*haun alimmat dropparit jäi buttonien alle, tämä lisätty sen takia. Aiheuttaa pientä hyppimistä*/
  margin: 5px 15px 55px 20px;
  border: 1px solid #202020;
}
@media only screen and (min-width:768px) {
  .jarjesta-dropdown ul.active {
    left: 0;
    width: 400px;
  }
}
.jarjesta-dropdown ul {
  display: none;
  height: 0px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #DDDDDD;
  border-top: none;
  visibility: hidden; /* hides sub-menu */
  opacity: 0;
  -webkit-transform: translateY(-0.5em);
  -ms-transform: translateY(-0.5em);
  transform: translateY(-0.5em);
  -webkit-transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s;
  -o-transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s;
  transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s;
}
.jarjesta-dropdown ul li {
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0.6em;
  font-size: 15px;
  transition: background-color linear 0.2s;
}
.jarjesta-dropdown ul li:hover {
  background-color: #DDDDDD;
}
.jarjesta-dropdown ul li.disabled label div {
  color: #DDDDDD;
}
.jarjesta-dropdown input[type=checkbox] {
  display: none;
}
.jarjesta-dropdown label {
  cursor: pointer;
}
.jarjesta-dropdown input[type=checkbox] {
  height: 0;
  width: 0;
}
.jarjesta-dropdown input[type=checkbox] + label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.1em 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #707070;
  -webkit-transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
  -o-transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
  transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
}
.jarjesta-dropdown input[type=checkbox] + label > ins {
  position: absolute;
  display: block;
  bottom: 0;
  left: 2em;
  height: 0;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
  -webkit-transition: height 300ms cubic-bezier(0.4, 0, 0.23, 1);
  -o-transition: height 300ms cubic-bezier(0.4, 0, 0.23, 1);
  transition: height 300ms cubic-bezier(0.4, 0, 0.23, 1);
}
.jarjesta-dropdown input[type=checkbox] + label > ins > i {
  position: absolute;
  bottom: 0;
  font-style: normal;
  color: #000;
}
.jarjesta-dropdown input[type=checkbox] + label > div {
  /*position: absolute;*/
  bottom: 0;
  padding-left: 5px;
  font-style: normal;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
}
.jarjesta-dropdown input[type=checkbox] + label > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0.5em;
  background: transparent;
  right: 0;
  width: 1.5em;
  height: 1.5em;
  border: 0;
  cursor: pointer;
  -webkit-transition: all 200ms cubic-bezier(0.4, 0.1, 0.23, 1);
  -o-transition: all 200ms cubic-bezier(0.4, 0.1, 0.23, 1);
  transition: all 200ms cubic-bezier(0.4, 0.1, 0.23, 1);
  border-radius: 0;
  position: relative;
}
.jarjesta-dropdown input[type=checkbox] + label:hover, .jarjesta-dropdown input[type=checkbox]:focus + label {
  color: #000;
}
.jarjesta-dropdown input[type=checkbox] + label:hover > span, .jarjesta-dropdown input[type=checkbox]:focus + label > span {
  background: rgba(255, 255, 255, 0.1);
}
.jarjesta-dropdown input[type=checkbox]:checked + label > ins {
  height: 100%;
}
.jarjesta-dropdown input[type=checkbox]:checked + label > span {
  -webkit-animation: shrink-bounce 150ms cubic-bezier(0.4, 0, 0.23, 1);
  animation: shrink-bounce 150ms cubic-bezier(0.4, 0, 0.23, 1);
}
.jarjesta-dropdown input[type=checkbox]:checked + label > div {
  color: #00A1D4;
  font-weight: bold;
}
.jarjesta-dropdown input[type=checkbox]:checked + label > span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  width: 0.3em;
  height: 0.7em;
  border-right: 3px solid #00A1D4 !important;
  border-bottom: 3px solid #00A1D4 !important;
  outline: none;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: checkbox-check 90ms 200ms cubic-bezier(0.4, 0.3, 0.23, 1) !important;
  animation: checkbox-check 90ms 200ms cubic-bezier(0.4, 0.3, 0.23, 1) !important;
}

.multiselect-dropdown-disabled .multiselect-dropdown .knob {
  background-color: #DDDDDD;
}

.multiselect-dropdown.valittu {
  color: #202020;
}
.multiselect-dropdown.valittu .knob {
  background-color: #74CBE8;
}

.multiselect-dropdown {
  width: 100%;
  cursor: pointer;
  background-color: #fff;
  margin-bottom: 20px;
  font-size: 0.8em;
  position: relative;
  color: #adadad;
}
.multiselect-dropdown div.label {
  padding-left: 5px;
  position: relative;
  padding: 8px;
}
.multiselect-dropdown .knob {
  text-align: center;
  height: 100%;
  background-color: #364A81;
  color: #fff;
  top: 0;
  right: 0;
  position: absolute;
  padding-left: 8px;
  padding-right: 10px;
}
.multiselect-dropdown .menu_arrow {
  display: none;
}
.multiselect-dropdown .menu_arrow + label {
  display: inline-block;
  position: relative;
  padding: 0.5rem;
  padding-top: 1.5rem;
  cursor: pointer;
}
.multiselect-dropdown .menu_arrow + label::before, .multiselect-dropdown .menu_arrow + label::after {
  content: "";
  background: #fff;
  display: block;
  position: absolute;
  top: 0;
  left: 8px;
  bottom: 0;
  height: 0.15rem;
  width: calc(50% + 0.1875rem);
  margin: auto;
  -webkit-transition: background 0.3s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  transition: background 0.3s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  -o-transition: transform 0.2s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.3s ease-in-out;
  transition: transform 0.2s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.3s ease-in-out;
  transition: transform 0.2s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.3s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.8, 0.2, 0.5, 0.1);
}
.multiselect-dropdown .menu_arrow + label::before {
  left: 0;
  border-radius: 0.5rem 0 0 0.5rem;
}
.multiselect-dropdown .menu_arrow + label::after {
  right: 0;
  border-radius: 0 0.5rem 0.5rem 0;
}
.multiselect-dropdown .menu_arrow-invert + label::before {
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
}
.multiselect-dropdown .menu_arrow-invert + label::after {
  -webkit-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  transform: rotate(-40deg);
}
.multiselect-dropdown .menu_arrow-invert.dropdownAuki + label::before {
  -webkit-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  transform: rotate(-40deg);
}
.multiselect-dropdown .menu_arrow-invert.dropdownAuki + label::after {
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
}
.multiselect-dropdown .menu_arrow-invert.dropdownAuki + label + .menu_options {
  opacity: 1;
  pointer-events: all;
}
.multiselect-dropdown ul.active {
  width: 100%;
  background-color: #fff;
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition-delay: 0s, 0s, 3s;
  -o-transition-delay: 0s, 0s, 3s;
  transition-delay: 0s, 0s, 3s;
  height: auto;
  display: inline-block;
  max-height: 325px; /*10 itemiä näkyy kerrallaan*/
  position: static;
  z-index: 100;
  overflow-x: hidden;
  overflow-y: auto;
}
.multiselect-dropdown ul {
  display: none;
  height: 0px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #DDDDDD;
  border-top: none;
  visibility: hidden; /* hides sub-menu */
  opacity: 0;
  -webkit-transform: translateY(-0.5em);
  -ms-transform: translateY(-0.5em);
  transform: translateY(-0.5em);
  -webkit-transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s;
  -o-transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s;
  transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s;
}
.multiselect-dropdown ul li {
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0.5em;
}
.multiselect-dropdown input[type=checkbox] {
  display: none;
}
.multiselect-dropdown label {
  cursor: pointer;
}
.multiselect-dropdown input[type=checkbox] {
  height: 0;
  width: 0;
}
.multiselect-dropdown input[type=checkbox] + label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.1em 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #707070;
  -webkit-transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
  -o-transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
  transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
}
.multiselect-dropdown input[type=checkbox] + label > ins {
  position: absolute;
  display: block;
  bottom: 0;
  left: 2em;
  height: 0;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
  -webkit-transition: height 300ms cubic-bezier(0.4, 0, 0.23, 1);
  -o-transition: height 300ms cubic-bezier(0.4, 0, 0.23, 1);
  transition: height 300ms cubic-bezier(0.4, 0, 0.23, 1);
}
.multiselect-dropdown input[type=checkbox] + label > ins > i {
  position: absolute;
  bottom: 0;
  font-style: normal;
  color: #000;
}
.multiselect-dropdown input[type=checkbox] + label > div {
  color: #000;
}
.multiselect-dropdown input[type=checkbox]:checked + label > div {
  color: #00A1D4;
}
.multiselect-dropdown input[type=checkbox] + label > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0.5em;
  width: 1.5em;
  height: 1.5em;
  background: transparent;
  border: 1px solid #00A1D4;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
  -o-transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
  transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
  border-radius: 0;
}
@media only screen and (min-width:768px) {
  .multiselect-dropdown input[type=checkbox] + label > span {
    width: 1em;
    height: 1em;
  }
}
.multiselect-dropdown input[type=checkbox] + label:hover, .multiselect-dropdown input[type=checkbox]:focus + label {
  color: #000;
}
.multiselect-dropdown input[type=checkbox] + label:hover > span, .multiselect-dropdown input[type=checkbox]:focus + label > span {
  background: rgba(255, 255, 255, 0.1);
}
.multiselect-dropdown input[type=checkbox]:checked + label > ins {
  height: 100%;
}
.multiselect-dropdown input[type=checkbox]:checked + label > span {
  background: #00A1D4;
  -webkit-animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
  animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
}
.multiselect-dropdown input[type=checkbox]:checked + label > span:before {
  content: "";
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform-origin: -65% 65%;
  -ms-transform-origin: -65% 65%;
  transform-origin: -65% 65%;
  -webkit-animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
  animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
}
@media only screen and (min-width:768px) {
  .multiselect-dropdown input[type=checkbox]:checked + label > span:before {
    top: 0.3em;
    left: 0.2em;
  }
}

#automerkin-kuvaus {
  display: none;
  max-width: 80rem;
  margin: 50px auto 0 auto;
}
@media only screen and (min-width:768px) {
  #automerkin-kuvaus {
    display: block;
  }
}

.vaihtoautot {
  /* Vasen puoli */
}
.vaihtoautot .vue-slider-component .vue-slider-process {
  background-color: #364A81 !important;
}
.vaihtoautot .custom-tooltip {
  text-align: center;
}
.vaihtoautot .custom-tooltip img {
  display: block;
}
.vaihtoautot .custom-label {
  position: absolute;
  bottom: 100%;
  left: 0;
  -webkit-transform: translate(-50%, -12px);
  -ms-transform: translate(-50%, -12px);
  transform: translate(-50%, -12px);
  margin-left: 3px;
}
.vaihtoautot .custom-label::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 5px);
  -ms-transform: translate(-50%, 5px);
  transform: translate(-50%, 5px);
  width: 1px;
  height: 5px;
  background-color: #fff;
}
.vaihtoautot .custom-label.active {
  color: #364A81;
  font-weight: bold;
}
.vaihtoautot .custom-label.active::after {
  background-color: #364A81;
  width: 2px;
}
.vaihtoautot .vue-slider-component .vue-slider-tooltip {
  background-color: #364A81 !important;
  border: 1px solid #364A81 !important;
}
.vaihtoautot .vue-slider-component .vue-slider-dot {
  border-radius: 0 !important;
  background: #364A81 !important;
  position: relative !important;
  width: 13px !important;
  height: 13px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.vaihtoautot .vue-slider-component .vue-slider-dot:nth-child(2) {
  top: -18px !important;
}
.vaihtoautot .vue-slider-component .vue-slider-dot:after {
  left: 50%;
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: #00294D;
  border-left-color: #364A81;
  border-width: 13px;
  margin-top: -20px;
}
.vaihtoautot .vue-slider-component .vue-slider-dot:first-of-type:before {
  right: 50%;
  top: 100%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: #00294D;
  border-right-color: #364A81;
  border-width: 13px;
  margin-top: -20px;
}
.vaihtoautot .vue-slider-component .vue-slider-dot:first-of-type:after {
  display: none;
}
.vaihtoautot .vue-slider-component .vue-slider {
  background-color: #707070 !important;
}

/* Vue kalenteri */
.mx-datepicker-range, .mx-datepicker {
  width: 100% !important;
}

.mx-input-wrapper {
  border-radius: 0 !important;
  width: 100% !important;
}

.mx-calendar-content .cell.actived {
  background-color: #364A81 !important;
}

.mx-calendar-content .cell.inrange {
  background-color: #74CBE8 !important;
}

.mx-panel-date td.today {
  color: white !important;
}

.mx-calendar-icon {
  color: #364A81 !important;
}

.mx-input {
  padding-left: 5px !important;
  padding: 7px !important;
  width: 100% !important;
  color: #202020 !important;
  font-size: 1em !important;
  margin-bottom: 10px !important;
}
.mx-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #202020 !important;
  opacity: 1 !important; /* Firefox */
  font-size: 0.9em !important;
}
.mx-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #202020 !important;
  font-size: 0.9em !important;
}
.mx-input::-ms-input-placeholder { /* Microsoft Edge */
  color: #202020 !important;
  font-size: 0.9em !important;
}

.mx-input-append {
  height: 30px !important;
}

/* transitiot */
@-webkit-keyframes shrink-bounce {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  33% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes shrink-bounce {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  33% {
    -webkit-transform: scale(45);
    transform: scale(0.45);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.1em;
    height: 0.5em;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.3em;
    height: 0.7em;
    -webkit-transform: translate3d(0, -0.5em, 0) rotate(45deg);
    transform: translate3d(0, -0.5em, 0) rotate(45deg);
  }
}
@keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.3em;
    height: 0;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.3em;
    height: 0.7em;
    -webkit-transform: translate3d(0, -0.5em, 0) rotate(45deg);
    transform: translate3d(0, -0.5em, 0) rotate(45deg);
  }
}
/* Vaihtoautolistauksen gridi Mian määrittämien speksien mukaan */
.vaihtoautot__hakutulokset {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 2.5rem 0;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.vaihtoautot__hakutulokset {
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  max-width: 1310px;
  clear: both;
  /*Käytössä mm. etisuvin autonosto karusellissa*/
}
.vaihtoautot__hakutulokset .vaihtoauto-item--kiinni.piilotettu {
  display: none;
}
.vaihtoautot__hakutulokset .vaihtoauto-item--kiinni {
  position: relative;
  padding: 15px 15px 15px 0;
  width: 80%;
  /* 397 */
  /* 591 */
  /* 686 */
  /* 910 */
  /* 1014 */
  /* 1280 */
}
@media only screen and (min-width:397px) {
  .vaihtoautot__hakutulokset .vaihtoauto-item--kiinni {
    width: 398px;
    padding-left: 15px;
  }
}
@media only screen and (min-width:591px) {
  .vaihtoautot__hakutulokset .vaihtoauto-item--kiinni {
    width: 398px;
    font-size: 120%;
    padding-left: 15px;
  }
}
@media only screen and (min-width:686px) {
  .vaihtoautot__hakutulokset .vaihtoauto-item--kiinni {
    width: 298px;
    font-size: 100%;
    padding-left: 15px;
  }
}
@media only screen and (min-width:910px) {
  .vaihtoautot__hakutulokset .vaihtoauto-item--kiinni {
    width: 404px;
    padding-left: 15px;
  }
}
@media only screen and (min-width:1014px) {
  .vaihtoautot__hakutulokset .vaihtoauto-item--kiinni {
    width: 298px;
    padding-left: 15px;
  }
}
@media only screen and (min-width:1280px) {
  .vaihtoautot__hakutulokset .vaihtoauto-item--kiinni {
    width: 380px;
    padding-left: 15px;
  }
}
@media only screen and (min-width:1340px) {
  .vaihtoautot__hakutulokset .vaihtoauto-item--kiinni {
    width: 296px;
    padding-left: 15px;
  }
}
.vaihtoautot__hakutulokset .vaihtoauto-item--kiinni .vaihtoautolistaus__autokortti-container {
  /* 686 */
  /* 910 */
  /* 1014 */
}
@media only screen and (min-width:686px) {
  .vaihtoautot__hakutulokset .vaihtoauto-item--kiinni .vaihtoautolistaus__autokortti-container {
    width: 298px;
    font-size: 100%;
  }
}
@media only screen and (min-width:910px) {
  .vaihtoautot__hakutulokset .vaihtoauto-item--kiinni .vaihtoautolistaus__autokortti-container {
    width: 404px;
    font-size: 120%;
  }
}
@media only screen and (min-width:1014px) {
  .vaihtoautot__hakutulokset .vaihtoauto-item--kiinni .vaihtoautolistaus__autokortti-container {
    width: 298px;
    font-size: 100%;
  }
}
@media only screen and (min-width:1280px) {
  .vaihtoautot__hakutulokset .vaihtoauto-item--kiinni .vaihtoautolistaus__autokortti-container {
    width: 380px;
    font-size: 120%;
  }
}
@media only screen and (min-width:1340px) {
  .vaihtoautot__hakutulokset .vaihtoauto-item--kiinni .vaihtoautolistaus__autokortti-container {
    width: 298px;
    font-size: 100%;
  }
}
.vaihtoautot__hakutulokset .vaihtoauto-item--kiinni .vaihtoautolistaus__autokortti-container .vaihtoautolistaus__autokortti {
  width: 100%;
}
.vaihtoautot__hakutulokset .vaihtoauto-item--kiinni .vertailu_valinta {
  right: 35px;
}
@media only screen and (min-width:686px) {
  .vaihtoautot__hakutulokset .vaihtoauto-item--kiinni .vertailu_valinta {
    right: 20px;
  }
}
.vaihtoautot__hakutulokset .vaihtoautolistaus__autokortti {
  display: inline-block;
  text-decoration: none;
  width: 70%;
  max-width: 100%;
}
.vaihtoautot__hakutulokset .vaihtoautolistaus__autokortti-infot {
  padding: 0.9375rem;
}
.vaihtoautot__hakutulokset .vaihtoautolistaus__autokortti-merkki-malli {
  font-weight: 600;
}
.vaihtoautot__hakutulokset .vaihtoautolistaus__autokortti--infot1, .vaihtoautot__hakutulokset .vaihtoautolistaus__autokortti--infot3, .vaihtoautot__hakutulokset .vaihtoautolistaus__autokortti--infot3__ilman-leveys-rajoitusta, .vaihtoautot__hakutulokset .vaihtoautolistaus__autokortti--sijainti, .vaihtoautot__hakutulokset .vaihtoautolistaus__autokortti--ilmoitusjatetty {
  font-size: 0.6em;
  font-weight: 300;
  text-transform: uppercase;
  padding: 5px 0;
}
.vaihtoautot__hakutulokset .vaihtoautolistaus__autokortti--ilmoitusjatetty {
  font-weight: 600;
}
.vaihtoautot__hakutulokset .vaihtoautolistaus__autokortti--infot2 {
  font-size: 0.75em;
  font-weight: 600;
  padding: 5px 0;
}
.vaihtoautot__hakutulokset .vaihtoautolistaus__autokortti--infot3 {
  border-top: 1px solid #00A1D4;
  padding-top: 0.625rem;
  padding-bottom: 0;
  margin-bottom: 0.625rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 38px;
  width: 100%;
}
.vaihtoautot__hakutulokset .vaihtoautolistaus__autokortti--infot4 {
  height: 12px;
  overflow: hidden;
  font-size: 10px;
  font-weight: 300;
  text-transform: uppercase;
}
.vaihtoautot__hakutulokset .vaihtoautolistaus__autokortti--infot4 span {
  text-decoration: line-through;
}
.vaihtoautot__hakutulokset .vaihtoautolistaus__autokortti--infot3__ilman-leveys-rajoitusta {
  border-top: 1px solid #00A1D4;
  padding-top: 0.625rem;
  padding-bottom: 0;
  margin-bottom: 0.625rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 38px;
}
.vaihtoautot__hakutulokset .vaihtoautolistaus__autokortti--sijainti {
  width: auto;
}
.vaihtoautot__hakutulokset .vaihtoautolistaus__autokortti--sijainti i {
  color: #00a8eb;
}
.vaihtoautot__hakutulokset .vaihtoautolistaus__autokortti--hinta {
  text-align: right;
  width: auto;
  font-weight: 600;
  font-size: 1.125em;
}
.vaihtoautot__hakutulokset .autokortti__leasinghinta {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8em;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 300px;
}

.jarjestele .yleinenSelectValinta {
  text-transform: uppercase;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn).vaihtoautohakuSelect {
  width: 100%;
  min-width: 300px;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn).vaihtoautohaku_puolikas button,
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn).vaihtoautohakuSelect button {
  padding: 10px;
  border-radius: 0;
  background-color: #fff;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn).vaihtoautohaku_puolikas button span,
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn).vaihtoautohakuSelect button span {
  color: #000;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn).vaihtoautohaku_puolikas {
  min-width: 145px;
  width: 100%;
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  padding: 0.625rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  font-weight: 300;
  border: 1px solid #DDDDDD;
}

.caret {
  position: absolute;
  width: 40px;
  height: 100%;
  background-color: #00294D;
  border: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  content: "";
  top: 0 !important;
  right: 0 !important;
  margin: 0 !important;
}

.bootstrap-select.btn-group .dropdown-toggle .caret::after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  width: 0;
  color: #fff;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  /*margin-bottom: 2px;*/
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  text-align: left;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.dropdown-menu > li > a {
  display: block;
  padding: 0.425rem;
  clear: both;
  font-weight: normal;
  white-space: nowrap;
  font-size: 0.95em;
}

.dropdown-menu > li.selected > a {
  font-weight: 700;
  color: #364A81;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #364A81;
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group > .btn:hover .caret,
.btn-group-vertical > .btn:hover .caret,
.btn-group > .btn:focus .caret,
.btn-group-vertical > .btn:focus .caret,
.btn-group > .btn:active .caret,
.btn-group-vertical > .btn:active .caret,
.btn-group > .btn.active .caret,
.btn-group-vertical > .btn.active .caret {
  background-color: #74CBE8;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.rangesliderArvo {
  padding: 0 0 15px 0;
  color: #fff;
  font-size: 1.25em;
}

.etusivun-karuselli {
  /* Karusellit mobiili/desktop */
}
.etusivun-karuselli .swiper-container {
  max-height: 500px;
}
.etusivun-karuselli .vilkku-desktop-kuva {
  display: none;
}
@media only screen and (min-width:768px) {
  .etusivun-karuselli .vilkku-desktop-kuva {
    display: block;
  }
}
.etusivun-karuselli .vilkku-mobiili-kuva {
  display: block;
}
@media only screen and (min-width:768px) {
  .etusivun-karuselli .vilkku-mobiili-kuva {
    display: none;
  }
}
.etusivun-karuselli .swiper-slide {
  display: block;
}
.etusivun-karuselli .swiper-slide .kuva {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
@media only screen and (min-width:768px) {
  .etusivun-karuselli .swiper-slide .kuva {
    height: 500px;
  }
}
.etusivun-karuselli .swiper-slide .karusellin-sisalto {
  width: 100%;
  text-align: center;
  white-space: normal;
  position: absolute;
  z-index: 4;
  top: 0;
  color: #fff;
  height: 100%;
  display: none;
}
.etusivun-karuselli .swiper-slide .karusellin-sisalto .karusellin-sisalto-relative {
  position: relative;
  height: 100%;
}
.etusivun-karuselli .swiper-slide .karusellin-sisalto .content-container {
  height: 100%;
  width: 100%;
  padding: 0;
}
.etusivun-karuselli .swiper-slide .karusellin-sisalto .karuselli__tekstit {
  position: absolute;
  top: 6%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (min-width:768px) {
  .etusivun-karuselli .swiper-slide .karusellin-sisalto .karuselli__tekstit {
    top: 27%;
  }
}
.etusivun-karuselli .swiper-slide .karusellin-sisalto h2, .etusivun-karuselli .swiper-slide .karusellin-sisalto h4, .etusivun-karuselli .swiper-slide .karusellin-sisalto p, .etusivun-karuselli .swiper-slide .karusellin-sisalto .karuselli__painike {
  margin: 0 0.9375rem;
}
.etusivun-karuselli .swiper-slide .karusellin-sisalto h2 {
  line-height: 1.5;
  font-weight: 300;
  padding-bottom: 0.9375rem;
}
@media only screen and (min-width:768px) {
  .etusivun-karuselli .swiper-slide .karusellin-sisalto h2 {
    padding-bottom: 1.25rem;
  }
}
.etusivun-karuselli .swiper-slide .karusellin-sisalto h4 {
  font-weight: 300;
  font-size: 1.25rem;
}
@media only screen and (min-width:768px) {
  .etusivun-karuselli .swiper-slide .karusellin-sisalto h4 {
    padding-bottom: 2.5rem;
    line-height: 1.7;
  }
}
.etusivun-karuselli .swiper-slide .karusellin-sisalto .karuselli__painike {
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 15px;
}
.etusivun-karuselli .swiper-slide .karuselli__logo {
  display: none;
  position: absolute;
  top: 10%;
  right: 15px;
  max-width: 380px;
}
@media only screen and (min-width:768px) {
  .etusivun-karuselli .swiper-slide .karuselli__logo {
    display: block;
    margin: 0 auto;
  }
}
.etusivun-karuselli .swiper-slide-active .karusellin-sisalto,
.etusivun-karuselli .swiper-slide-active .etusivu__taustakuva--verho {
  display: block;
}
.etusivun-karuselli .karuselli__vaihtoautohaku-container {
  position: absolute;
  z-index: 4;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}
@media only screen and (min-width:768px) {
  .etusivun-karuselli .karuselli__vaihtoautohaku-container {
    width: auto;
    bottom: 30px;
  }
}
.etusivun-karuselli .karuselli__vaihtoautohaku-container .karuselli__hakuvaihtoehdot-container {
  background-color: #364A81;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width:768px) {
  .etusivun-karuselli .karuselli__vaihtoautohaku-container .karuselli__hakuvaihtoehdot-container {
    padding: 10px;
  }
}
.etusivun-karuselli .karuselli__vaihtoautohaku-container .karuselli__vaihtoautohaku-tarkennettu {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  color: #202020;
  margin-left: 0.9375rem;
}
.etusivun-karuselli .karuselli__vaihtoautohaku-container .karuselli__vaihtoautohaku-tarkennettu .vaihtoautot__lisaa_hakuehtoja-input {
  width: 10em;
}
.etusivun-karuselli .karuselli__vaihtoautohaku-container .karuselli__pikahaku-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.etusivun-karuselli .karuselli__vaihtoautohaku-container .karuselli__pikahaku-container input {
  border-radius: 0;
  font-size: 0.8em;
  width: calc(100% - 85px);
}
@media only screen and (min-width:768px) {
  .etusivun-karuselli .karuselli__vaihtoautohaku-container .karuselli__pikahaku-container input {
    width: 25rem;
  }
}
@media only screen and (min-width:1080px) {
  .etusivun-karuselli .karuselli__vaihtoautohaku-container .karuselli__pikahaku-container input {
    width: 35rem;
  }
}
.etusivun-karuselli .etusivun__karuselli_pagination-absolute {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
.etusivun-karuselli .etusivun__karuselli_pagination-absolute .content-container {
  height: 100%;
}
.etusivun-karuselli .etusivun__karuselli_pagination-absolute .etusivun__karuselli_pagination-relative {
  position: relative;
  height: 100%;
}
.etusivun-karuselli .swiper-pagination {
  top: 0;
  right: 15px;
  margin-top: 10px;
  display: block;
  position: absolute;
  text-align: right;
}
@media only screen and (min-width:768px) {
  .etusivun-karuselli .swiper-pagination {
    top: 20%;
    right: 80px;
  }
}
.etusivun-karuselli .swiper-pagination-bullet {
  background: none;
  opacity: 1;
  margin: 0 6px !important;
}
.etusivun-karuselli .swiper-pagination-bullet span {
  border-color: #364A81;
}
.etusivun-karuselli .swiper-pagination .swiper-pagination-bullet span {
  width: 9px;
  height: 9px;
  display: inline-block;
  border-radius: 100%;
  border-width: 3px;
  border-style: solid;
  background-color: transparent;
}
.etusivun-karuselli .swiper-pagination .swiper-pagination-bullet-active span {
  background-color: #fff;
}

.adobeTargetRecHomeFirstContainer .etusivu-karuselli-1 .swiper-slide {
  /* Swiper plugin ei välttämättä saa korttien leveyksiä asetettua, joten tässä default arvot */
}
@media only screen and (min-width:768px) {
  .adobeTargetRecHomeFirstContainer .etusivu-karuselli-1 .swiper-slide {
    /* kolme korttia rivillä */
    width: 292.667px;
    margin-right: 15px;
  }
}
@media only screen and (min-width:1080px) {
  .adobeTargetRecHomeFirstContainer .etusivu-karuselli-1 .swiper-slide {
    /* neljä korttia rivillä */
    width: 244.25px;
    margin-right: 15px;
  }
}
@media only screen and (min-width:1280px) {
  .adobeTargetRecHomeFirstContainer .etusivu-karuselli-1 .swiper-slide {
    /* neljä korttia rivillä */
    width: 301.25px;
    margin-right: 15px;
  }
}

.etusivu__taustakuva--verho {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.3;
  display: none;
}

.etusivu__tiedotuskentta h2 {
  margin-top: 1.875rem;
  margin-bottom: 0.9375rem;
}

.etusivu-karuselli {
  margin-top: 0 !important;
  padding-top: 1.875rem;
}

.pikalinkit-valinta {
  display: inline-block;
  white-space: nowrap;
  margin: 0 5px 5px 0;
}

.paastokompensaatio-valinta {
  display: inline-block;
}

.etusivu-karuselli, .etusivu-karuselli-1, .etusivu-karuselli-2, .etusivu-karuselli-3 {
  margin: 1.875rem 0;
}
.etusivu-karuselli .swiper-container, .etusivu-karuselli-1 .swiper-container, .etusivu-karuselli-2 .swiper-container, .etusivu-karuselli-3 .swiper-container {
  padding: 15px;
}
.etusivu-karuselli .swiper-slide, .etusivu-karuselli-1 .swiper-slide, .etusivu-karuselli-2 .swiper-slide, .etusivu-karuselli-3 .swiper-slide {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.etusivu-karuselli .swiper-slide:hover, .etusivu-karuselli-1 .swiper-slide:hover, .etusivu-karuselli-2 .swiper-slide:hover, .etusivu-karuselli-3 .swiper-slide:hover {
  -webkit-box-shadow: 0px 0px 20px -3px #00a8eb;
  -moz-box-shadow: 0px 0px 20px -3px #00a8eb;
  box-shadow: 0px 0px 20px -3px #00a8eb;
}

.etusivu-karuselli-3 {
  margin: 0;
}
.etusivu-karuselli-3 .swiper-container {
  padding: 0 15px;
  margin-left: -15px;
}

.kampanjakortti {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}
.kampanjakortti:hover {
  -webkit-box-shadow: 0px 0px 20px -3px #00a8eb;
  -moz-box-shadow: 0px 0px 20px -3px #00a8eb;
  box-shadow: 0px 0px 20px -3px #00a8eb;
}

.taysleveaNosto {
  position: relative;
}
.taysleveaNosto .kuvan-nostoteksti {
  position: absolute;
  color: #fff;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  max-width: 100%;
  text-align: left;
  white-space: normal;
  z-index: 4;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.taysleveaNosto .kuvan-nostoteksti h2 {
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
  font-weight: normal;
}
.taysleveaNosto .kuvan-nostoteksti p {
  font-size: 1.25rem;
  margin-bottom: 1.875rem;
  max-height: 190px;
  overflow: hidden;
}
@media only screen and (min-width:768px) {
  .taysleveaNosto .kuvan-nostoteksti p {
    max-height: 270px;
  }
}
@media only screen and (min-width:1280px) {
  .taysleveaNosto .kuvan-nostoteksti p {
    max-height: 286px;
  }
}
@media only screen and (min-width:768px) {
  .taysleveaNosto .kuvan-nostoteksti .puolikas {
    width: 48%;
    display: inline-block;
    vertical-align: top;
  }
}
.taysleveaNosto .kuva {
  height: 400px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.taysleveaNosto .taysleveaNosto-tummennusverho {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.4;
}

/* atomiset tyylit */
.piilota__mobiilissa {
  display: none;
}
@media only screen and (min-width:768px) {
  .piilota__mobiilissa {
    display: block;
  }
}

.kursori__pointer {
  cursor: pointer;
}

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

.keskita-pystysuunnassa {
  vertical-align: middle;
}

.ei__scroll {
  margin: 0;
  height: 20px !important;
  overflow: hidden;
}

.bounce {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.painike__sisennys--yla {
  padding: 0.625rem 0;
  display: inline-block;
}

.painike__tyhjenna {
  float: right;
  cursor: pointer;
}

.painike__tyhjenna i {
  color: #fff;
}

.line__height--32 {
  line-height: 32px !important;
}

.line__height--22 {
  line-height: 22px !important;
}

/* Animaatiot */
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3) translate3d(0, 0, 0);
    transform: scale(0.3) translate3d(0, 0, 0);
  }
  50% {
    opacity: 0.9;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(0.89);
    transform: scale(0.89);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3) translate3d(0, 0, 0);
    transform: scale(0.3) translate3d(0, 0, 0);
  }
  50% {
    opacity: 0.9;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(0.89);
    transform: scale(0.89);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
  }
}
/* input text*/
input.tf {
  font-size: 1rem;
  min-width: 280px;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding: 0.5em;
}

input.tf:focus {
  border-color: #364A81;
  outline: none;
}

/* validointivirheet */
ul.autotie__virheet {
  list-style: none;
}

ul.autotie__virheet li {
  color: red;
}

/* Radio painike */
.autotie__radiolista > div {
  margin-top: 0.625rem;
}

.autotie__radio {
  height: 0;
  width: 0;
  display: none;
}

.kirjasinvari__oranssi {
  color: #364A81;
}

.autotie__radio + label {
  cursor: pointer;
  position: relative;
  /*display: flex;*/
  display: -webkit-box;
  margin: 0.4em 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #707070;
  -webkit-transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
  -o-transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
  transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
}

.autotie__radio + label > ins {
  position: absolute;
  display: block;
  bottom: 0;
  left: 2em;
  height: 0;
  width: 100%;
  overflow: hidden;
  teksti-decoration: none;
  -webkit-transition: height 300ms cubic-bezier(0.4, 0, 0.23, 1);
  -o-transition: height 300ms cubic-bezier(0.4, 0, 0.23, 1);
  transition: height 300ms cubic-bezier(0.4, 0, 0.23, 1);
}

.autotie__radio + label > ins > i {
  position: absolute;
  bottom: 0;
  font-style: normal;
  color: #000;
}

.autotie__radio + label > span,
ul li label span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1em;
  width: 1.5em;
  height: 1.5em;
  background: transparent;
  border: 1px solid #364A81;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
  -o-transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
  transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
}
@media only screen and (min-width:768px) {
  .autotie__radio + label > span,
  ul li label span {
    width: 1em;
    height: 1em;
  }
}

.autotie__radio + label:hover, .autotie__radio:focus + label {
  color: #000;
}

.autotie__radio + label:hover > span, .autotie__radio:focus + label > span {
  background: rgba(255, 255, 255, 0.1);
}

.autotie__radio:checked + label > ins {
  height: 100%;
}

.autotie__radio:checked + label > span {
  background: #364A81;
  -webkit-animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
  animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
}

.autotie__radio:checked + label > span:before {
  content: "";
  position: absolute;
  top: 0.3em;
  left: 0.3em;
  border: 6px solid transparent;
  -webkit-animation: radio-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
  animation: radio-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
}
@media only screen and (min-width:768px) {
  .autotie__radio:checked + label > span:before {
    top: 0.4em;
    left: 0.32em;
    border: 2px solid transparent;
  }
}

.autotie__radio:checked + label {
  color: #000;
}

/* Checkbox painike */
.autotie__checkbox {
  height: 0;
  width: 0;
  opacity: 0;
}

.autotie__checkbox + label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.1em 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #707070;
  -webkit-transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
  -o-transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
  transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
  line-height: normal;
}

.autotie__checkbox + label > ins {
  position: absolute;
  display: block;
  bottom: 0;
  left: 2em;
  height: 0;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
  -webkit-transition: height 300ms cubic-bezier(0.4, 0, 0.23, 1);
  -o-transition: height 300ms cubic-bezier(0.4, 0, 0.23, 1);
  transition: height 300ms cubic-bezier(0.4, 0, 0.23, 1);
}

.autotie__checkbox + label > ins > i {
  position: absolute;
  bottom: 0;
  font-style: normal;
  color: #000;
}

.autotie__checkbox + label > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.autotie__checkbox + label > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1em;
  width: 1.5em;
  height: 1.5em;
  background: transparent;
  border: 1px solid #364A81;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
  -o-transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
  transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
}
@media only screen and (min-width:768px) {
  .autotie__checkbox + label > span {
    width: 1em;
    height: 1em;
  }
}

.autotie__checkbox + label:hover, .autotie__checkbox:focus + label {
  color: #000;
}

.autotie__checkbox + label:hover > span, .autotie__checkbox:focus + label > span {
  background: rgba(255, 255, 255, 0.1);
}

.autotie__checkbox:checked + label > ins {
  height: 100%;
}

.autotie__checkbox:checked + label > span {
  background: #364A81;
  -webkit-animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
  animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
}

.autotie__checkbox:checked + label > span:before {
  content: "";
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: -65% 65%;
  -ms-transform-origin: -65% 65%;
  transform-origin: -65% 65%;
  -webkit-animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
  animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
  margin-top: 40%;
}

.hakuvahti__tagipilvi i {
  display: none;
}

.hakuvahti__tagipilvi i {
  display: none;
}

.karuselli--painikkeet {
  position: relative;
  width: 100%;
  max-width: 240px;
  margin-right: auto;
  margin-left: auto;
  font-weight: 300;
  font-size: 1.375em !important;
}
.karuselli--painikkeet .swiper-painike-taakse, .karuselli--painikkeet .swiper-painike-eteen {
  position: absolute;
  top: 0;
  cursor: pointer;
  padding: 20px;
}
.karuselli--painikkeet .swiper-painike-taakse {
  left: 0;
}
.karuselli--painikkeet .swiper-painike-eteen {
  right: 0;
}

.karuselli--painikkeet p {
  text-align: center;
  padding: 20px 0;
  font-weight: 300 !important;
  font-size: 1.024em !important;
  line-height: 1.375em !important;
}

.paluu__painike {
  color: #364A81;
  padding: 1.25rem 0;
  cursor: pointer;
  display: inline-block;
}
.paluu__painike i {
  padding-right: 0.9375rem;
}

/* Typografiset korostukset */
.korostettu-sininen {
  font-weight: 700;
  color: #00a8eb;
}

.korostettu-sininen--lg {
  font-size: 1.875rem;
  font-weight: 700;
  color: #00a8eb;
}

.korostettu-sininen--xs-font-regular {
  font-size: 0.75rem;
  font-weight: 400;
  color: #00a8eb;
}

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

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

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

#pikalinkit-ala, #pikalinkit-etusivu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.top__listat-col2 {
  list-style: none;
  text-align: left;
  display: block;
  margin-top: 40px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width:768px) {
  .top__listat-col2 {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
}

.top__listat {
  text-align: left;
  list-style: none;
  display: inline-block;
  margin-top: 40px;
  min-width: 250px;
}

/* Transitiot */
@-webkit-keyframes shrink-bounce {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  33% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes shrink-bounce {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  33% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes radio-check {
  0% {
    width: 0;
    height: 0;
    border-color: #202020;
  }
  33% {
    width: 0.1em;
    height: 0;
  }
  100% {
    width: 0.2em;
    height: 0.2em;
    border-radius: 50%;
    background-color: #fff;
    border-color: #fff;
  }
}
@keyframes radio-check {
  0% {
    width: 0;
    height: 0;
    border-color: #202020;
  }
  33% {
    width: 0.1em;
    height: 0;
  }
  100% {
    width: 0.2em;
    height: 0.2em;
    border-radius: 50%;
    background-color: #fff;
    border-color: #fff;
  }
}
@-webkit-keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: #202020;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.2em;
    height: 0;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.2em;
    height: 0.7em;
    border-color: #fff;
    -webkit-transform: translate3d(0, -0.5em, 0) rotate(45deg);
    transform: translate3d(0, -0.5em, 0) rotate(45deg);
  }
}
@keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: #202020;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.2em;
    height: 0;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.2em;
    height: 0.7em;
    border-color: #fff;
    -webkit-transform: translate3d(0, -0.5em, 0) rotate(45deg);
    transform: translate3d(0, -0.5em, 0) rotate(45deg);
  }
}
.laskuri-section::after {
  content: attr(data-title);
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #202020;
}

.laskuri-section {
  margin-top: 30px;
  position: relative;
}
.laskuri-section .btn-group {
  margin: 10px 0;
}
.laskuri-section .btn-group button, .laskuri-section .upload-group label {
  padding: 8px 12px;
  display: inline-block;
  border: none;
  background-color: #DDDDDD;
  border-radius: 3px;
  margin: 5px 10px 5px 0;
}
.laskuri-section .preWrap {
  white-space: pre-wrap;
}
.laskuri-section .ml-sm {
  margin-left: 5px;
}
.laskuri-section .star-slider .vue-slider .vue-slider-dot {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABdElEQVRIS63VXU6DQBQF4HOwJia2yA6sK7CvxkjpTroD6wqkK9AdqCvpjzG+4grEFYilTZqa9hogVGQQhmpfmfv1cO/MQGj+5PmgjeUyYA+BTgl1FskIFgzzFRSPdtjTqdGDJ6YL4joGuenxYj6uwivh77SwEkzGOqmr4WzaNKZG6lJYTZvK1anL4aK0mqljON5Kn41jiNGBAQsiDoQWiE75kCQaYgDSw0Z8UHys5y/RlqRMWx7A06op13x+FcF9gHc1C39fLvhAY+0krfgvPEXPF952eH/GM2h8jrLvtDOeQxV4p7YUoMVwdOHsme/6w5QJ7dDJr1cOiDw2HYgx0ocB2jPFUeGpOQBwUwfG/uqEZ0s/W6PCk+YtaFzWggsupYLErTHAbg5+A8SFsA1gAOLox3PBkN2ZW5HYDDKFMUg7vN/ea8nXJGpX5g/kgXbYL4enpgBQwHxrkiu16SZtU3eG2oqnww5WC1/3oxnfjNFJyw3vC/6grFUpX2dVAAAAAElFTkSuQmCC") no-repeat;
  background-size: contain;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.laskuri-section .vue-slider-component .vue-slider-process {
  background-color: #364A81 !important;
}
.laskuri-section .custom-tooltip {
  text-align: center;
}
.laskuri-section .custom-tooltip img {
  display: block;
}
.laskuri-section .custom-label {
  position: absolute;
  bottom: 100%;
  left: 0;
  -webkit-transform: translate(-50%, -12px);
  -ms-transform: translate(-50%, -12px);
  transform: translate(-50%, -12px);
  margin-left: 3px;
}
.laskuri-section .custom-label::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 5px);
  -ms-transform: translate(-50%, 5px);
  transform: translate(-50%, 5px);
  width: 1px;
  height: 5px;
  background-color: #000;
}
.laskuri-section .custom-label.active {
  color: #364A81;
  font-weight: bold;
}
.laskuri-section .custom-label.active::after {
  background-color: #364A81;
  width: 2px;
}
.laskuri-section .vue-slider-component .vue-slider-tooltip {
  background-color: #364A81 !important;
  border: 1px solid #364A81 !important;
}
.laskuri-section .vue-slider-component .vue-slider-dot:after {
  left: 50%;
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: #00294D;
  border-left-color: #364A81;
  border-width: 18px;
  margin-top: -27px;
  display: block !important;
}
.laskuri-section .vue-slider-component .vue-slider-dot:before {
  right: 50%;
  top: 100%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: #00294D;
  border-right-color: #364A81;
  border-width: 18px;
  margin-top: -27px;
}
.laskuri-section .vue-slider-component .vue-slider {
  background-color: #707070 !important;
  /*height: 4px !important;*/
}

.rahoituslaskin__mobiili-erotin {
  border-top: 1px solid #364A81;
}
@media only screen and (min-width:768px) {
  .rahoituslaskin__mobiili-erotin {
    margin-bottom: 15px;
    padding-top: 15px;
  }
}

.rahoituslaskin__avaa-lainaehdot h3 {
  cursor: pointer;
  margin-bottom: 15px;
}
.rahoituslaskin__avaa-lainaehdot .rahoituslaskin__laskin-lainaehdot {
  width: 100%;
  white-space: normal;
  max-height: 500px;
  -webkit-transition: max-height 0.4s ease-in, opacity 0.4s ease-in;
  -o-transition: max-height 0.4s ease-in, opacity 0.4s ease-in;
  transition: max-height 0.4s ease-in, opacity 0.4s ease-in;
  opacity: 1;
}
.rahoituslaskin__avaa-lainaehdot .rahoituslaskin__laskin-lainaehdot.lainaehdotPiilossa {
  max-height: 0;
  -webkit-transition: max-height 0.5s ease-out, opacity 0.5s;
  -o-transition: max-height 0.5s ease-out, opacity 0.5s;
  transition: max-height 0.5s ease-out, opacity 0.5s;
  overflow: hidden;
  opacity: 0;
}

@media only screen and (max-width: 899px) {
  .mobiili-tablet-ehtoteksti-display--none {
    display: none;
  }
}
.uusi-auto-merkkisivu h1 {
  margin-top: 1.25rem;
}

.uusi-auto-tietosivu .tietosivu__perustiedot-container {
  margin-top: 1.25rem;
}
.uusi-auto-tietosivu img {
  margin: 0.9375rem auto;
  display: block;
}

.uusi-auto-tyyppisivu {
  margin-top: 1.25rem;
}
.uusi-auto-tyyppisivu img {
  margin: 0.9375rem auto;
  display: block;
}
.uusi-auto-tyyppisivu .uusi-auto-item-korttiteksti h3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  padding-bottom: 0;
}

.uusi-auto-item-korttiteksti h3 {
  font-size: 1.2em !important;
}

.uusi-auto-listaus {
  margin: 1.875rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width:768px) {
  .uusi-auto-listaus {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 2.5rem 0;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.uusi-auto-item-container {
  width: 100%;
}
@media only screen and (min-width:768px) {
  .uusi-auto-item-container {
    width: 50%;
  }
}
@media only screen and (min-width:1080px) {
  .uusi-auto-item-container {
    width: 33%;
  }
}
@media only screen and (min-width:1280px) {
  .uusi-auto-item-container {
    width: 25%;
  }
}

.uusi-auto-item {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  margin: 0.625rem;
}

.uusi-auto-item.hover-varjo {
  -webkit-box-shadow: 0px 0px 20px -3px #00a8eb;
  -moz-box-shadow: 0px 0px 20px -3px #00a8eb;
  box-shadow: 0px 0px 20px -3px #00a8eb;
}

.uusi-auto-item-painike-ja-hinta .painike__primary {
  padding: 5px 5px;
}

.uusi-auto-item-kortti {
  -webkit-box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.2);
  color: #000;
  text-decoration: none;
}
.uusi-auto-item-kortti .img {
  background-repeat: no-repeat;
  background-position: center;
  height: 190px;
  width: 100%;
  max-width: 100%;
  background-size: cover;
}

.uusi-auto-item-korttiteksti {
  padding: 0.9375rem;
}
.uusi-auto-item-korttiteksti h3 {
  font-weight: 400;
  padding-bottom: 0.625rem;
}
.uusi-auto-item-korttiteksti .muokattava-sisaloteksti {
  font-size: 10px;
  font-weight: 300;
  text-transform: uppercase;
  padding: 5px 0;
  border-top: 1px solid #00A1D4;
  padding-top: 0.625rem;
  padding-bottom: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 38px;
}
.uusi-auto-item-korttiteksti a {
  text-decoration: none;
  margin: 0.9375rem 0;
  font-size: 15px;
}

.uusiautolistaus__autokortti--infot1 {
  font-size: 10px;
  font-weight: 300;
  text-transform: uppercase;
  padding: 5px 0;
}

.uusiautolistaus__autokortti--infot2 {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 5px 0;
}

.uusi-auto-item-painike-ja-hinta {
  border-top: 1px solid #00A1D4;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.uusi-auto-item-kortti--hinta {
  font-weight: 600;
}

.uusi-auto-vakiovaruste-ei {
  color: #DDDDDD;
}

/*Vaihtoauton ja uuden auton yhteiset tietosivutyylit*/
.tietosivu__perustiedot-container .columns {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width:768px) {
  .tietosivu__perustiedot-container .columns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.tietosivu__perustiedot-container .columns .ajoneuvonTyyppiWrapper p {
  float: left;
  width: 100%;
}
.tietosivu__perustiedot-container .columns .ajoneuvonTyyppiWrapper .tagKampanjaWrapper {
  float: left;
  margin: 10px 10px 2px 0px;
}
.tietosivu__perustiedot-container .columns .ajoneuvonTyyppiWrapper .tagKampanjaWrapper .tagKampanja {
  position: static;
}

.tietosivu__perustiedot-merkki-malli h1 {
  font-weight: 700;
  padding-bottom: 0.9375rem;
}
@media only screen and (min-width:768px) {
  .tietosivu__perustiedot-merkki-malli {
    width: 50%;
  }
}

@media only screen and (min-width:768px) {
  .tyyppisivu__perustiedot-merkki-malli {
    width: 50%;
  }
}

@media only screen and (min-width:768px) {
  .tietosivu__perustiedot-hinta {
    text-align: right;
    width: 50%;
  }
}

.edellinen-hinta {
  font-size: 1.875rem;
  font-weight: 700;
  color: #707070;
  text-decoration: line-through;
  margin-right: 0.9375rem;
}

.tietosivu__perustiedot-lyhyt {
  padding: 0.9375rem;
}
@media only screen and (min-width:768px) {
  .tietosivu__perustiedot-lyhyt {
    width: 80%;
  }
}
@media only screen and (min-width:1080px) {
  .tietosivu__perustiedot-lyhyt {
    width: 70%;
  }
}

.tietosivu__perustiedot-pitka {
  padding: 0.9375rem;
}
.tietosivu__perustiedot-pitka .lisatiedot {
  padding: 0.9375rem 0;
}

.tietosivu__perustiedot-puolet:first-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width:768px) {
  .tietosivu__perustiedot-puolet:first-of-type {
    margin-bottom: 0.9375rem;
  }
}
@media only screen and (min-width:768px) {
  .tietosivu__perustiedot-puolet:first-of-type .tietosivu__perustieto-arvo {
    padding-right: 0.9375rem;
  }
}

.tietosivu__perustiedot-puolet:last-of-type {
  margin-top: 0;
}
@media only screen and (min-width:768px) {
  .tietosivu__perustiedot-puolet:last-of-type {
    margin-top: 0.9375rem;
  }
}
@media only screen and (min-width:768px) {
  .tietosivu__perustiedot-puolet:last-of-type .tietosivu__perustieto-otsikko {
    padding-left: 0.9375rem;
  }
}

.tietosivu__perustieto {
  padding-bottom: 0.625rem;
  width: 100%;
}
@media only screen and (min-width:768px) {
  .tietosivu__perustieto {
    display: inline-block;
  }
}

.tietosivu__perustieto-arvo {
  font-weight: 700 !important;
  text-align: right;
}

.tietosivu__varustelistaus {
  padding: 0.9375rem;
}
@media only screen and (min-width:768px) {
  .tietosivu__varustelistaus {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
}

.tietosivu__varustelistaus-lisavarusteet {
  padding: 0.9375rem;
}

.tietosivu__varustelistaus-lisavarusteet:after {
  clear: both;
  content: "";
  display: block;
}

.tietosivu__varustelistaus-lisavarusteet-item {
  /*Kun checkboksit palautetaan, otetaan tyylit käyttöön*/
  border-top: 1px solid #364A81;
  padding: 5px;
  width: 100%;
  /*Kun checkboksit palautetaan, poistetaan alla olevat*/
  display: block;
}

.lisavaruste-item {
  width: calc(100% - 120px);
  display: inline-block;
}

.lisavaruste-lisatietoja {
  font-size: 18px;
  float: right;
  width: 40px;
  text-align: right;
}

.lisavaruste-lisatiedot {
  width: 100%;
  padding: 10px 0 5px 0;
}

.lisavaruste-item-hinta {
  float: right;
}

.tietosivu__varustelistaus-item {
  border-top: 1px solid #DDDDDD;
  padding: 5px;
  display: block;
}

.markkinointiteksti {
  line-height: 1.7;
}

.tietosivu__yhteydenotto-mobiili {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  background: #fff;
  margin: 0;
  padding: 0;
  z-index: 5;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width:768px) {
  .tietosivu__yhteydenotto-mobiili {
    display: none;
  }
}

.tietosivu__yhteydenotto-mobiili-sisalto {
  background-color: #364A81;
  padding: 0.625rem;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  text-align: center;
}
.tietosivu__yhteydenotto-mobiili-sisalto p {
  color: #fff;
  font-weight: 300;
  font-size: 0.75rem;
}
.tietosivu__yhteydenotto-mobiili-sisalto .uusi-auto__avaa-liidilomake {
  min-width: 200px;
}

.pikaliidi-original {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.pikaliidi-original input, .pikaliidi-original button {
  max-width: 100%;
}
.pikaliidi-original button {
  margin-left: 0;
  margin-top: 0.625rem;
}
@media only screen and (min-width:768px) {
  .pikaliidi-original {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .pikaliidi-original input, .pikaliidi-original button {
    width: auto;
  }
  .pikaliidi-original button {
    margin-left: 0.9375rem;
    margin-top: 0;
  }
}

.pikaliidi-virhe {
  color: red;
}

/*Karuselli*/
.vaihtoauto-karuselli {
  background-color: #f2f5f5;
}
.vaihtoauto-karuselli img {
  display: block;
  margin: 0 auto;
}

.karuselli_painike--tumma {
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  width: 30px;
  height: 30px;
}
@media only screen and (min-width:768px) {
  .karuselli_painike--tumma {
    width: 50px;
    height: 50px;
  }
}
.karuselli_painike--tumma i {
  font-size: 22px;
  color: #fff;
}

.vaihtoauto-karuselli-container .swiper-wrapper {
  height: 300px;
}
@media only screen and (min-width:768px) {
  .vaihtoauto-karuselli-container .swiper-wrapper {
    height: 500px;
  }
}
@media only screen and (min-width:1080px) {
  .vaihtoauto-karuselli-container .swiper-wrapper {
    height: 700px;
  }
}
.vaihtoauto-karuselli-container .swiper-wrapper .swiper-slide {
  height: auto;
}
.vaihtoauto-karuselli-container .swiper-wrapper img {
  max-height: 300px;
}
@media only screen and (min-width:768px) {
  .vaihtoauto-karuselli-container .swiper-wrapper img {
    max-height: 500px;
  }
}
@media only screen and (min-width:1080px) {
  .vaihtoauto-karuselli-container .swiper-wrapper img {
    max-height: 700px;
  }
}
.vaihtoauto-karuselli-container .swiper-pagination-fraction {
  max-width: 100px;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.vaihtoauto-karuselli-container, .isot-kuvat__overlay {
  position: relative;
}
.vaihtoauto-karuselli-container .swiper-painike-eteen, .vaihtoauto-karuselli-container .swiper-painike-taakse, .vaihtoauto-karuselli-container .swiper-ikoni-painike-eteen, .vaihtoauto-karuselli-container .swiper-ikoni-painike-taakse, .isot-kuvat__overlay .swiper-painike-eteen, .isot-kuvat__overlay .swiper-painike-taakse, .isot-kuvat__overlay .swiper-ikoni-painike-eteen, .isot-kuvat__overlay .swiper-ikoni-painike-taakse {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  z-index: 1;
}
.vaihtoauto-karuselli-container #vaihtoauto-karuselli-painike-eteen, .vaihtoauto-karuselli-container #vaihtoauto-fullscreen-painike-eteen, .isot-kuvat__overlay #vaihtoauto-karuselli-painike-eteen, .isot-kuvat__overlay #vaihtoauto-fullscreen-painike-eteen {
  right: 5%;
}
.vaihtoauto-karuselli-container #vaihtoauto-karuselli-painike-eteen i, .vaihtoauto-karuselli-container #vaihtoauto-fullscreen-painike-eteen i, .isot-kuvat__overlay #vaihtoauto-karuselli-painike-eteen i, .isot-kuvat__overlay #vaihtoauto-fullscreen-painike-eteen i {
  float: none;
}
.vaihtoauto-karuselli-container #vaihtoauto-karuselli-painike-taakse, .vaihtoauto-karuselli-container #vaihtoauto-fullscreen-painike-taakse, .isot-kuvat__overlay #vaihtoauto-karuselli-painike-taakse, .isot-kuvat__overlay #vaihtoauto-fullscreen-painike-taakse {
  left: 5%;
}

.vaihtoauto-pikkukaruselli {
  height: 20%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0;
}

.vaihtoauto-pikkukaruselli .swiper-slide {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 70px;
}

.vaihtoauto-pikkukaruselli .swiper-slide-thumb-active, .vaihtoauto-pikkukaruselli .swiper-slide:hover {
  -webkit-box-shadow: 0 0 20px -5px #00a8eb;
  -moz-box-shadow: 0 0 20px -5px #00a8eb;
  box-shadow: 0 0 20px -5px #00a8eb;
}

.vaihtoauto-pikkukaruselli .swiper-slide-thumb-active .aktiivinen-pikkukuva {
  display: block;
}

.aktiivinen-pikkukuva {
  position: absolute;
  bottom: 0;
  height: 7px;
  right: 0;
  left: 0;
  background-color: #364A81;
  display: none;
}

/*karuselli loppuu*/
/*Avataan fullscreenkaruselli*/
.js-avaa-isot-kuvat {
  position: absolute;
  bottom: 0.9375rem;
  right: 0.9375rem;
  z-index: 1;
}

/*fullscreenkaruselli*/
.fullscreenkaruselli {
  margin-top: 0.625rem;
}
.fullscreenkaruselli img {
  max-height: 100vh !important;
}
@media only screen and (min-width:1080px) {
  .fullscreenkaruselli img {
    max-height: 100% !important;
  }
}

/*fullscreenkaruselli loppuu*/
.isot-kuvat__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.8);
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  display: none;
}

/*.liidilomake-container {
    background: $white-pure;
    overflow-y: auto;
    position: relative;
    overflow-x: hidden;
    padding: 15px;
    font-size: .8em;

    img {
        max-width: 100%;
        height: auto;
    }
}

.liidilomake__overlay--sulje {
    float: right;

    i {
        cursor: pointer;
        font-size: 30px;
        padding: $spacing-base;
    }
}*/
.isot-kuvat__overlay--sulje {
  text-align: right;
  position: absolute;
  right: 0.9375rem;
  top: 0.9375rem;
  z-index: 5;
}

.tietosivu__yhteystiedot-container {
  padding: 1.25rem 0;
}
.tietosivu__yhteystiedot-container .link__icon {
  padding-right: 0.9375rem;
  color: #364A81;
}

.tietosivu__yhteystiedot-logo {
  max-width: 300px;
}

.tietosivu__yhteystiedot_perustiedot-container, .tietosivu__yhteystiedot_kartta-container, .verotusarvolaskuri__valitsin_ja_lasku, .tietosivu__perustiedot-puolet {
  width: 100%;
  vertical-align: top;
  margin: 0.9375rem 0;
}
@media only screen and (min-width:768px) {
  .tietosivu__yhteystiedot_perustiedot-container, .tietosivu__yhteystiedot_kartta-container, .verotusarvolaskuri__valitsin_ja_lasku, .tietosivu__perustiedot-puolet {
    width: 49%;
    display: inline-block;
  }
}

.tietosivu__rahoitus-minimikkera {
  font-size: 1.5rem;
}

.korostettu-sininen {
  font-weight: 700;
  color: #00a8eb;
}

#kartta {
  width: 100%;
  height: 300px;
  background-color: #DDDDDD;
}

.autoliikkeet-container {
  max-width: 325px;
  width: 100%;
  margin-bottom: 0.9375rem;
}
.autoliikkeet-container button {
  text-align: left;
  margin-bottom: 0 !important;
}
.autoliikkeet-container button:focus {
  outline: none;
}
.autoliikkeet-container button i {
  font-size: 1.5em;
  padding-bottom: 5px;
}

.olen-kiinnostunut-lomake--toimipisteet {
  margin-bottom: 1.875rem;
  position: absolute;
  max-width: 250px;
  width: 100%;
  height: auto;
  max-height: 325px;
  z-index: 100;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #DDDDDD;
  border-top: none;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  padding-bottom: 0.9375rem;
}
@media only screen and (min-width:768px) {
  .olen-kiinnostunut-lomake--toimipisteet {
    max-width: 300px;
  }
}
.olen-kiinnostunut-lomake--toimipisteet .olen-kiinnostunut-lomake--toimipiste {
  padding: 0 0.9375rem;
}
@media only screen and (min-width:768px) {
  .olen-kiinnostunut-lomake--toimipisteet .olen-kiinnostunut-lomake--toimipiste {
    line-height: 0.5;
  }
}

.olen-kiinnostunut-lomake input, .olen-kiinnostunut-lomake textarea {
  margin: 0.5rem 0;
}
.olen-kiinnostunut-lomake input[data-lomaketieto=LahettajanNimi],
.olen-kiinnostunut-lomake input[data-lomaketieto=RahoitusLiidiLahettajanNimi] {
  width: 100%;
}
.olen-kiinnostunut-lomake input::placeholder, .olen-kiinnostunut-lomake textarea::placeholder {
  color: #adadad;
  font-size: 1rem;
}
.olen-kiinnostunut-lomake textarea {
  font-family: Arial, Verdana;
  width: 100%;
}
.olen-kiinnostunut-lomake .olen-kiinnostunut-lomake-virhe {
  margin: 0.9375rem 0;
}
.olen-kiinnostunut-lomake #lomake--tiedostonlataus {
  margin: 0.9375rem 0;
  cursor: pointer;
  border: none;
}
.olen-kiinnostunut-lomake #lomake--tiedostonlataus span {
  display: block;
  margin: 0 auto;
  vertical-align: middle;
  text-align: center;
}
.olen-kiinnostunut-lomake #lomake--tiedostonlataus .fallback input {
  padding-left: 0;
  padding-right: 0;
}

.olen-kiinnostunut-lomake-virhe {
  color: red;
}

.tietosivu__ylapalkki-container {
  display: none;
  background-color: #364A81;
}
@media only screen and (min-width:768px) {
  .tietosivu__ylapalkki-container {
    display: flex;
  }
}
.tietosivu__ylapalkki-container .tietosivu__ylapalkki {
  justify-content: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
.tietosivu__ylapalkki-container .vaihtoautot__ylapalkki-painike {
  color: #fff;
  background-color: #00A1D4;
  padding: 0.625rem 0.9375rem;
  margin: 0.5rem 2%;
  cursor: pointer;
}
.tietosivu__ylapalkki-container .vaihtoautot__ylapalkki-painike i {
  text-align: center;
}

.admin-wrap .vaihtoautot__ylapalkki-painike {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.tietosivu__somejako-container .columns {
  flex-wrap: wrap;
}
.tietosivu__somejako-container .columns span.aktiivinen i {
  color: #F7B228;
}

.vaihtoautontietosivun-paastolaskuri {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.vaihtoautontietosivun-paastolaskuri .columns {
  flex-wrap: wrap;
}

.tietosivu__alaotsikko {
  margin: 0.625rem 0;
  padding: 0.625rem 0;
  cursor: default;
  border-bottom: 1px solid #DDDDDD;
  color: inherit;
}
.tietosivu__alaotsikko .fal {
  float: right;
}

.tietosivu__alaotsikko > h4 {
  cursor: pointer;
}

.virhe-container {
  min-height: calc(100vh - 500px);
}
.virhe-container .painike {
  margin-top: 25px;
  width: 25%;
}

/*Mainokset*/
div[id^=mainospaikka_] .vaihtoautolistaus__autokortti {
  height: 410px;
  background-image: url("Kuvat/Beelybanneripysty.jpg");
  background-size: cover;
  /* mainos */
  /* Kuvasuhde on erilainen tietyllä koolla. Käytetään siksi erilaista kuvaa tässä. */
  /* 397 */
  /* 591 */
  /* 686 */
  /* 910 */
  /* 1014 */
  /* 1280 */
}
@media only screen and (min-width:397px) {
  div[id^=mainospaikka_] .vaihtoautolistaus__autokortti {
    height: 480px;
  }
}
@media only screen and (min-width:591px) {
  div[id^=mainospaikka_] .vaihtoautolistaus__autokortti {
    height: 480px;
  }
}
@media only screen and (min-width:686px) {
  div[id^=mainospaikka_] .vaihtoautolistaus__autokortti {
    height: 410px;
  }
}
@media only screen and (min-width:910px) {
  div[id^=mainospaikka_] .vaihtoautolistaus__autokortti {
    height: 430px;
  }
}
@media only screen and (min-width:1014px) {
  div[id^=mainospaikka_] .vaihtoautolistaus__autokortti {
    height: 410px;
  }
}
@media only screen and (min-width:1280px) {
  div[id^=mainospaikka_] .vaihtoautolistaus__autokortti {
    height: 430px;
  }
}
@media only screen and (min-width:1340px) {
  div[id^=mainospaikka_] .vaihtoautolistaus__autokortti {
    height: 410px;
  }
}

.mainospaikka_ylaosa {
  margin: 10px auto 0 auto;
  text-align: center;
  display: block;
  max-width: 100%;
  /*//käytetään testauksessa
  height: 400px;
  width: 600px;
  border: 2px solid red;*/
}
.mainospaikka_ylaosa img {
  max-width: none;
}

.mainospaikka_ylaosa_mobiili {
  display: block;
  max-width: 100%;
}
@media only screen and (min-width:768px) {
  .mainospaikka_ylaosa_mobiili {
    display: none;
  }
}

.mainospaikka_sivu {
  min-width: 160px;
  overflow: visible;
  margin-left: 1.875rem;
  z-index: 3;
  margin-top: 1.875rem;
  position: absolute;
  display: block;
  max-width: 100%;
}
@media only screen and (min-width:1280px) {
  .mainospaikka_sivu {
    display: block;
  }
}

.mainospaikka_sivu.scrollstart {
  position: fixed;
  margin-top: 0;
  -webkit-transition: top 0.15s;
  -o-transition: top 0.15s;
  transition: top 0.15s;
}

body .mainospaikka_sivu.scrollstart {
  top: 145px;
}

.mainospaikka_sivu.scrolling-down {
  top: 118px;
}

.mainospaikka_sivu.scrollstop {
  position: absolute;
}

.vdatetime-fade-enter-active,
.vdatetime-fade-leave-active {
  transition: opacity 0.4s;
}

.vdatetime-fade-enter,
.vdatetime-fade-leave-to {
  opacity: 0;
}

.vdatetime-overlay {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 0.5s;
}

.vdatetime-popup {
  box-sizing: border-box;
  z-index: 1000;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 340px;
  max-width: calc(100% - 30px);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  color: #444;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 1.18;
  background: #fff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.vdatetime-popup * {
  box-sizing: border-box;
}

.vdatetime-popup__header {
  padding: 18px 30px;
  background: #3f51b5;
  color: #fff;
  font-size: 32px;
}

.vdatetime-popup__title {
  margin-bottom: 8px;
  font-size: 21px;
  font-weight: 300;
}

.vdatetime-popup__year {
  font-weight: 300;
  font-size: 14px;
  opacity: 0.7;
  cursor: pointer;
  transition: opacity 0.3s;
}

.vdatetime-popup__year:hover {
  opacity: 1;
}

.vdatetime-popup__date {
  line-height: 1;
  cursor: pointer;
}

.vdatetime-popup__actions {
  padding: 0 20px 10px 30px;
  text-align: right;
}

.vdatetime-popup__actions__button {
  display: inline-block;
  border: none;
  padding: 10px 20px;
  background: transparent;
  font-size: 16px;
  color: #3f51b5;
  cursor: pointer;
  transition: color 0.3s;
}

.vdatetime-popup__actions__button:hover {
  color: #444;
}

.vdatetime-calendar__navigation--previous:hover svg path, .vdatetime-calendar__navigation--next:hover svg path {
  stroke: #888;
}

.vdatetime-calendar__navigation,
.vdatetime-calendar__navigation * {
  box-sizing: border-box;
}

.vdatetime-calendar__navigation {
  position: relative;
  margin: 15px 0;
  padding: 0 30px;
  width: 100%;
}

.vdatetime-calendar__navigation--previous,
.vdatetime-calendar__navigation--next {
  position: absolute;
  top: 0;
  padding: 0 5px;
  width: 18px;
  cursor: pointer;
}

.vdatetime-calendar__navigation--previous svg, .vdatetime-calendar__navigation--next svg {
  width: 8px;
}

.vdatetime-calendar__navigation--previous svg path, .vdatetime-calendar__navigation--next svg path {
  transition: stroke 0.3s;
}

.vdatetime-calendar__navigation--previous {
  left: 25px;
}

.vdatetime-calendar__navigation--next {
  right: 25px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.vdatetime-calendar__current--month {
  text-align: center;
  text-transform: capitalize;
}

.vdatetime-calendar__month {
  padding: 0 20px;
  transition: height 0.2s;
}

.vdatetime-calendar__month__weekday,
.vdatetime-calendar__month__day {
  display: inline-block;
  width: 14.28571%;
  line-height: 36px;
  text-align: center;
  font-size: 15px;
  font-weight: 300;
  cursor: pointer;
}

.vdatetime-calendar__month__weekday > span, .vdatetime-calendar__month__day > span {
  display: block;
  width: 100%;
  position: relative;
  height: 0;
  padding: 0 0 100%;
  overflow: hidden;
}

.vdatetime-calendar__month__weekday > span > span, .vdatetime-calendar__month__day > span > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 0;
  border-radius: 50%;
  transition: background-color 0.3s, color 0.3s;
}

.vdatetime-calendar__month__weekday {
  font-weight: bold;
}

.vdatetime-calendar__month__day:hover > span > span {
  background: #eee;
}

.vdatetime-calendar__month__day--selected > span > span,
.vdatetime-calendar__month__day--selected:hover > span > span {
  color: #fff;
  background: #3f51b5;
}

.vdatetime-calendar__month__day--disabled {
  opacity: 0.4;
  cursor: default;
}

.vdatetime-calendar__month__day--disabled:hover > span > span {
  color: inherit;
  background: transparent;
}

.vdatetime-time-picker__list::-webkit-scrollbar-thumb {
  background: #ccc;
}

.vdatetime-time-picker__list::-webkit-scrollbar-track {
  background: #efefef;
}

.vdatetime-time-picker * {
  box-sizing: border-box;
}

.vdatetime-time-picker {
  box-sizing: border-box;
}

.vdatetime-time-picker::after {
  content: "";
  display: table;
  clear: both;
}

.vdatetime-time-picker__list {
  float: left;
  width: 50%;
  height: 305px;
  overflow-y: scroll;
}

.vdatetime-time-picker__list::-webkit-scrollbar {
  width: 3px;
}

.vdatetime-time-picker__with-suffix .vdatetime-time-picker__list {
  width: 33.3%;
}

.vdatetime-time-picker__item {
  padding: 10px 0;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  transition: font-size 0.3s;
}

.vdatetime-time-picker__item:hover {
  font-size: 32px;
}

.vdatetime-time-picker__item--selected {
  color: #3f51b5;
  font-size: 32px;
}

.vdatetime-time-picker__item--disabled {
  opacity: 0.4;
  cursor: default;
  font-size: 20px !important;
}

.vdatetime-year-picker__list::-webkit-scrollbar-thumb {
  background: #ccc;
}

.vdatetime-year-picker__list::-webkit-scrollbar-track {
  background: #efefef;
}

.vdatetime-year-picker * {
  box-sizing: border-box;
}

.vdatetime-year-picker {
  box-sizing: border-box;
}

.vdatetime-year-picker::after {
  content: "";
  display: table;
  clear: both;
}

.vdatetime-year-picker__list {
  float: left;
  width: 100%;
  height: 305px;
  overflow-y: scroll;
}

.vdatetime-year-picker__list::-webkit-scrollbar {
  width: 3px;
}

.vdatetime-year-picker__item {
  padding: 10px 0;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  transition: font-size 0.3s;
}

.vdatetime-year-picker__item:hover {
  font-size: 32px;
}

.vdatetime-year-picker__item--selected {
  color: #3f51b5;
  font-size: 32px;
}

.vdatetime-year-picker__item--disabled {
  opacity: 0.4;
  cursor: default;
}

.vdatetime-year-picker__item--disabled:hover {
  color: inherit;
  background: transparent;
}

.vdatetime-month-picker__list::-webkit-scrollbar-thumb {
  background: #ccc;
}

.vdatetime-month-picker__list::-webkit-scrollbar-track {
  background: #efefef;
}

.vdatetime-month-picker * {
  box-sizing: border-box;
}

.vdatetime-month-picker {
  box-sizing: border-box;
}

.vdatetime-month-picker::after {
  content: "";
  display: table;
  clear: both;
}

.vdatetime-month-picker__list {
  float: left;
  width: 100%;
  height: 305px;
  overflow-y: scroll;
}

.vdatetime-month-picker__list::-webkit-scrollbar {
  width: 3px;
}

.vdatetime-month-picker__item {
  padding: 10px 0;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  transition: font-size 0.3s;
}

.vdatetime-month-picker__item:hover {
  font-size: 32px;
}

.vdatetime-month-picker__item--selected {
  color: #3f51b5;
  font-size: 32px;
}

.vdatetime-month-picker__item--disabled {
  opacity: 0.4;
  cursor: default;
}

.vdatetime-month-picker__item--disabled:hover {
  color: inherit;
  background: transparent;
}

.theme-orange .vdatetime-popup__header,
.theme-orange .vdatetime-calendar__month__day--selected > span > span,
.theme-orange .vdatetime-calendar__month__day--selected:hover > span > span {
  background: #FF9800;
}

.theme-orange .vdatetime-year-picker__item--selected,
.theme-orange .vdatetime-time-picker__item--selected,
.theme-orange .vdatetime-popup__actions__button {
  color: #ff9800;
}

.pagination-container {
  text-align: center;
  margin-top: 30px;
  padding: 5px;
}
.pagination-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pagination-container li {
  display: inline-block;
}
.pagination-container button {
  color: #fff;
  margin-right: 5px;
  margin-top: 5px;
  text-align: center;
  padding: 8px 13px;
  cursor: pointer;
  transition: background-color 0.5s ease;
  background-color: #364A81;
}
@media only screen and (min-width:768px) {
  .pagination-container button {
    padding: 13px 20px;
    font-size: 1.2em;
  }
}
.pagination-container button:hover {
  background-color: #00294D;
}
.pagination-container button.active {
  background-color: #00294D;
}

.autotie__modaali {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1020;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 14px !important;
}
@media only screen and (min-width:768px) {
  .autotie__modaali {
    position: fixed;
  }
}
.autotie__modaali .modaali__sisalto-container {
  background: #fff;
  color: #202020;
  -webkit-box-shadow: -2px 7px 30px -8px rgba(0, 0, 0, 0.57);
  box-shadow: -2px 7px 30px -8px rgba(0, 0, 0, 0.57);
  position: relative;
}
@media only screen and (min-width:768px) {
  .autotie__modaali .modaali__sisalto-container {
    width: 560px;
    margin: 30px auto;
  }
}
.autotie__modaali .modaali__sisalto-container .modaali__sisalto {
  padding: 1.4em;
}
@media only screen and (min-width:768px) {
  .autotie__modaali .modaali__sisalto-container .modaali__sisalto {
    padding: 3em;
  }
}
.autotie__modaali .modaali__sisalto-container .modaali_otsikko {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.9375rem;
}
.autotie__modaali .modaali__sisalto-container-oikealla {
  background: #fff;
  color: #202020;
  -webkit-box-shadow: -2px 7px 30px -8px rgba(0, 0, 0, 0.57);
  box-shadow: -2px 7px 30px -8px rgba(0, 0, 0, 0.57);
  position: relative;
}
@media only screen and (min-width:768px) {
  .autotie__modaali .modaali__sisalto-container-oikealla {
    width: 560px;
    margin: 10px 10px 30px auto;
  }
}
.autotie__modaali .modaali__sisalto-container-oikealla .modaali__sisalto {
  padding: 3em;
}
.autotie__modaali .modaali__sisalto-container-oikealla .modaali_otsikko {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.9375rem;
}
.autotie__modaali .lataa {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
  text-align: center;
  top: 0;
  left: 0;
}
.autotie__modaali .lataa i {
  color: #364A81;
  margin-top: 50%;
}
.autotie__modaali i {
  padding: 1rem;
  font-size: 2em;
  cursor: pointer;
}
.autotie__modaali input, .autotie__modaali textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0.5rem 0;
}
.autotie__modaali button {
  width: 100%;
  margin: 0.9375rem 0;
}
.autotie__modaali .vierekkain {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.autotie__modaali .vierekkain .vierekkain-puolet {
  width: 48%;
}
.autotie__modaali .vierekkain-isot-naytot {
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.autotie__modaali .vierekkain-isot-naytot .vierekkain-puolet {
  width: 100%;
}
.autotie__modaali .vierekkain-isot-naytot .vierekkain-puolet input {
  width: 100%;
}
@media only screen and (min-width:768px) {
  .autotie__modaali .vierekkain-isot-naytot {
    flex-direction: row;
  }
  .autotie__modaali .vierekkain-isot-naytot .vierekkain-puolet {
    width: 48%;
  }
  .autotie__modaali .vierekkain-isot-naytot .vierekkain-puolet input {
    width: 100%;
  }
}

.autotie__modaali--suljepainike {
  float: right;
}

#hakuvahti__komponentti h5 {
  margin: 0.9375rem 0 0.625rem 0;
}
#hakuvahti__komponentti .multiselect-dropdown {
  font-size: 1em;
}
#hakuvahti__komponentti .multiselect-dropdown p {
  margin-bottom: 10px;
}

.editingModal div .v-card:last-child {
  margin-bottom: 80px !important;
}

.verotusarvolaskuri__valitsin_ja_lasku .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}
@media only screen and (min-width:768px) {
  .verotusarvolaskuri__valitsin_ja_lasku .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 95%;
  }
}

.verotusarvolaskuri__varustelistaus {
  padding: 0.9375rem;
}
@media only screen and (min-width:768px) {
  .verotusarvolaskuri__varustelistaus {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
}

.verotusarvolaskuri__varustelistaus-lisavarusteet {
  padding: 0.9375rem;
}

.verotusarvolaskuri__varustelistaus-lisavarusteet:after {
  clear: both;
  content: "";
  display: block;
}

.verotusarvolaskuri__varustelistaus-lisavarusteet-item {
  list-style-type: none;
  display: inline-block;
  width: 98%;
  float: right;
  border-top: 1px solid #364A81;
  padding: 5px;
}
.verotusarvolaskuri__varustelistaus-lisavarusteet-item label {
  cursor: pointer;
}
.verotusarvolaskuri__varustelistaus-lisavarusteet-item .lisatieto {
  display: block;
  font-style: italic;
  padding-left: 15px;
  opacity: 0.8;
  font-weight: normal;
}

.lisavaruste-item-hinta {
  float: right;
}

.verotusarvolaskuri__varustelistaus-item {
  border-top: 1px solid #364A81;
  padding: 5px;
  display: block;
}

/* Pyritään lisäämään tänne autotiellä 
  käytettävät animointi luokat ja keyframet */
.fade-in-down {
  -webkit-animation: fade-in-down 0.35s;
  animation: fade-in-down 0.35s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

.justify-left {
  -webkit-animation: justify-left 0.35s;
  animation: justify-left 0.35s;
}

/* hakuvalinta palkin animoinnit */
.hakuvalintapalkki-enter-active {
  transition: all 0.25s ease-out;
}

.hakuvalintapalkki-leave-active {
  transition: all 0.2s ease-out;
}

.hakuvalintapalkki-enter, .hakuvalintapalkki-leave-to {
  transform: translateX(410px);
  opacity: 0;
}

/* Fade in down */
@-webkit-keyframes fade-in-down {
  0% {
    -webkit-transform: translateY(-100%);
    -webkit-transform: translateX(-100%);
    width: 0;
    height: 0;
    opacity: 0;
  }
  60% {
    -webkit-transform: translateY(0%);
    -webkit-transform: translateX(0%);
  }
  100% {
    opacity: 1;
  }
}
/* fade-in-down keyframes */
@keyframes fade-in-down {
  0% {
    transform: translateY(-100%);
    transform: translateX(-100%);
    width: 0;
    height: 0;
    opacity: 0;
  }
  60% {
    transform: translateY(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 1;
  }
}
/* justify-left keyframes */
@-webkit-keyframes justify-left {
  0% {
    justify-content: flex-start;
  }
  99% {
    justify-content: flex-start;
  }
  100% {
    justify-content: center;
  }
}
@keyframes justify-left {
  0% {
    justify-content: flex-start;
  }
  99% {
    justify-content: flex-start;
  }
  100% {
    justify-content: center;
  }
}
.animated {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline !important;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

.tien-sivusta-etusivu h1, .blogi-avainsana h1 {
  margin-top: 2.5rem;
}

.bloginosto_iso {
  margin: 1.875rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width:768px) {
  .bloginosto_iso {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.bloginosto_iso .columns__column {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

.blogi-korttilistaus {
  margin: 1.875rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width:768px) {
  .blogi-korttilistaus {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 2.5rem 0;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.blogi-kortti-container {
  width: 100%;
}
@media only screen and (min-width:768px) {
  .blogi-kortti-container {
    width: 50%;
  }
}
@media only screen and (min-width:1280px) {
  .blogi-kortti-container {
    width: 25%;
  }
}

.blogi-kortti {
  -webkit-box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.2);
  color: #000;
  text-decoration: none;
  margin: 0.625rem;
  display: block;
}
.blogi-kortti .img {
  background-repeat: no-repeat;
  background-position: center;
  height: 190px;
  width: 100%;
  max-width: 100%;
  background-size: cover;
}

.blogi-kortti:hover {
  -webkit-box-shadow: 0px 0px 20px -3px rgb(0, 168, 235);
  -moz-box-shadow: 0px 0px 20px -3px rgb(0, 168, 235);
  box-shadow: 0px 0px 20px -3px rgb(0, 168, 235);
}

.blogi-kortti-korttiteksti {
  padding: 0.9375rem;
}
.blogi-kortti-korttiteksti .kirjoittaja-ja-pvm {
  font-size: 0.875rem;
  color: #00A1D4;
}
.blogi-kortti-korttiteksti h3 {
  font-weight: 700;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
  font-size: 1.125rem !important;
  overflow: hidden;
  height: 4em;
}
.blogi-kortti-korttiteksti .nostoteksti {
  font-size: 0.75rem;
  font-weight: 400;
  border-top: 1px solid #00A1D4;
  padding-top: 0.625rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  height: 98px;
}

/**Yksittäinen blogikirjoitus**/
.blogikirjoitus, .kommentti {
  margin: 1.875rem auto;
  width: 95%;
}
@media only screen and (min-width:768px) {
  .blogikirjoitus, .kommentti {
    width: 80%;
  }
}
@media only screen and (min-width:1080px) {
  .blogikirjoitus, .kommentti {
    width: 800px;
  }
}
.blogikirjoitus .font-light, .kommentti .font-light {
  font-weight: 300;
}
.blogikirjoitus i, .kommentti i {
  padding-right: 0.625rem;
}
.blogikirjoitus table, .kommentti table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 800px;
  border: 1px solid #ddd;
}
.blogikirjoitus th, .blogikirjoitus td, .kommentti th, .kommentti td {
  text-align: left;
  padding: 8px;
}
.blogikirjoitus tr:nth-child(even), .kommentti tr:nth-child(even) {
  background-color: #f2f2f2;
}
.blogikirjoitus .kuva-wrapper__lisatty, .kommentti .kuva-wrapper__lisatty {
  position: relative;
}
.blogikirjoitus .kuva-wrapper__lisatty img, .kommentti .kuva-wrapper__lisatty img {
  max-width: 100% !important;
}
.blogikirjoitus .kuva-wrapper__lisatty .js-avaa__kuva, .kommentti .kuva-wrapper__lisatty .js-avaa__kuva {
  position: absolute;
  bottom: 2.5rem;
  right: 1rem;
}
.blogikirjoitus .kuva-wrapper__lisatty .js-avaa__kuva i, .kommentti .kuva-wrapper__lisatty .js-avaa__kuva i {
  padding-right: 0;
}

.kommentti {
  overflow: hidden;
  padding-bottom: 1.875rem;
}
.kommentti .columns {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width:768px) {
  .kommentti .columns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.kommentti .kommentti_pvm, .kommentti .kommentti_klo {
  padding-top: 5px;
}
@media only screen and (min-width:768px) {
  .kommentti .kommentti_pvm, .kommentti .kommentti_klo {
    padding-top: 0;
    padding-left: 0.9375rem;
  }
}
.kommentti .kommentti_klo {
  padding-left: 0.9375rem;
}
.kommentti .kommentti_teksti {
  text-align: left;
}
@media only screen and (min-width:768px) {
  .kommentti .kommentti_teksti {
    text-align: left;
  }
}

.ilmiantoboksi {
  margin: 1.875rem auto;
  width: 95%;
}
@media only screen and (min-width:768px) {
  .ilmiantoboksi {
    width: 80%;
  }
}
.ilmiantoboksi textarea {
  width: 100%;
  box-sizing: border-box;
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
}
.ilmiantoboksi button:first-child {
  margin-right: 0.9375rem;
}
.ilmiantoboksi .ilmianna_kommentti__kiitos {
  text-align: center;
}
.ilmiantoboksi .ilmianna_kommentti__virhe {
  margin-bottom: 0.9375rem;
}
.ilmiantoboksi i {
  color: #364A81;
  font-size: 2em;
}

.kirjoituksen__otsikko {
  margin-top: 0;
  font-size: 1.45em !important;
  font-weight: 400;
}
@media only screen and (min-width:768px) {
  .kirjoituksen__otsikko {
    margin-top: 0;
    font-size: 2.4em !important;
    font-weight: 400;
  }
}

.blogikirjoitus_kirjoitus {
  margin: 1.875rem auto;
}

.blogikirjoitus_kirjoitus--esikatselu {
  padding-top: 0;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.blogikirjoitus_kirjoitus--esikatselu img {
  max-width: 800px;
}

.blogikirjoitus_kirjoitus, .blogikirjoitus_kirjoitus--esikatselu {
  /* blogaajat käyttäneet kuvatekstinä h4:sta, 
      muotoillaan niin että näyttää kuvatekstiltä. 
  */
}
.blogikirjoitus_kirjoitus img, .blogikirjoitus_kirjoitus figure.image img, .blogikirjoitus_kirjoitus--esikatselu img, .blogikirjoitus_kirjoitus--esikatselu figure.image img {
  margin: 1.25rem auto;
}
.blogikirjoitus_kirjoitus ol, .blogikirjoitus_kirjoitus ul, .blogikirjoitus_kirjoitus--esikatselu ol, .blogikirjoitus_kirjoitus--esikatselu ul {
  margin: 2.5rem 1.25rem;
}
.blogikirjoitus_kirjoitus li, .blogikirjoitus_kirjoitus--esikatselu li {
  padding-top: 0.625rem;
  line-height: 28px;
}
@media only screen and (min-width:768px) {
  .blogikirjoitus_kirjoitus li, .blogikirjoitus_kirjoitus--esikatselu li {
    line-height: 32px;
  }
}
.blogikirjoitus_kirjoitus h1, .blogikirjoitus_kirjoitus h2, .blogikirjoitus_kirjoitus h3, .blogikirjoitus_kirjoitus--esikatselu h1, .blogikirjoitus_kirjoitus--esikatselu h2, .blogikirjoitus_kirjoitus--esikatselu h3 {
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
  font-weight: 600 !important;
}
.blogikirjoitus_kirjoitus h4, .blogikirjoitus_kirjoitus--esikatselu h4 {
  text-align: left !important;
  font-weight: 400;
  font-size: 0.88em;
  margin-top: -3em;
  margin-bottom: 1.5em;
}
.blogikirjoitus_kirjoitus p, .blogikirjoitus_kirjoitus--esikatselu p {
  margin-bottom: 1em;
  line-height: 28px !important;
}
@media only screen and (min-width:768px) {
  .blogikirjoitus_kirjoitus p, .blogikirjoitus_kirjoitus--esikatselu p {
    line-height: 32px !important;
  }
}
.blogikirjoitus_kirjoitus .table-wrapper, .blogikirjoitus_kirjoitus--esikatselu .table-wrapper {
  overflow: auto;
}
.blogikirjoitus_kirjoitus figure.image, .blogikirjoitus_kirjoitus--esikatselu figure.image {
  display: block;
  border: none;
  margin: 1.25rem auto;
  background: none;
}
.blogikirjoitus_kirjoitus blockquote, .blogikirjoitus_kirjoitus--esikatselu blockquote {
  border-left: 3px solid #DDDDDD;
  padding: 0.625rem 0 0.625rem 0.9375rem;
  margin-bottom: 1em;
  margin-left: 5px;
}
.blogikirjoitus_kirjoitus blockquote > *, .blogikirjoitus_kirjoitus--esikatselu blockquote > * {
  font-style: italic !important;
  padding-bottom: 0;
}
.blogikirjoitus_kirjoitus blockquote.bigger, .blogikirjoitus_kirjoitus--esikatselu blockquote.bigger {
  font-size: 1.25rem;
}

.kommentti__overlay input, .kommentti__overlay textarea {
  width: 100%;
}
.kommentti__overlay .kommentti__sisalto textarea {
  height: 7em;
}

.kuva__overlay {
  display: none;
  overflow-x: auto;
  overflow-y: auto;
}
.kuva__overlay .autotie__modaali--suljepainike {
  position: fixed;
  top: 30px;
  right: 30px;
  color: #fff;
  font-size: 4em;
  background-color: #364A81;
  padding: 5px 15px 5px 15px;
}
.kuva__overlay .modaali__sisalto {
  margin: 30px auto;
  text-align: center;
}

.blogi__keskustelu {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
@media only screen and (min-width:768px) {
  .blogi__keskustelu {
    padding-left: 0;
    padding-right: 0;
  }
}

.blogi_blogikirjoitus_alaosa {
  margin: 3.75rem 0 1.875rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width:768px) {
  .blogi_blogikirjoitus_alaosa {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.blogi_blogikirjoitus_alaosa .columns__column {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}
.blogi_blogikirjoitus_alaosa .kirjoituksen_avainsanat {
  padding-left: 0.9375rem;
}
@media only screen and (min-width:768px) {
  .blogi_blogikirjoitus_alaosa .kirjoituksen_avainsanat {
    padding-left: 0;
  }
}
.blogi_blogikirjoitus_alaosa .blogin_avainsanat {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.blogi_blogikirjoitus_alaosa .avainsanat {
  margin-bottom: 1.875rem;
}
.blogi_blogikirjoitus_alaosa .avainsanat a {
  font-size: 1rem;
  margin: 0 0.625rem 0.625rem 0;
  display: inline-block;
}
.blogi_blogikirjoitus_alaosa .avainsanat .tagix1 {
  font-size: 0.75rem;
  color: #202020;
}
.blogi_blogikirjoitus_alaosa .avainsanat .tagix2 {
  font-size: 1rem;
  color: #202020;
}
.blogi_blogikirjoitus_alaosa .avainsanat .tagix3 {
  font-size: 1.125rem;
  color: #202020;
}
.blogi_blogikirjoitus_alaosa .avainsanat .tagix4 {
  font-size: 1.25rem;
  color: #202020;
}
.blogi_blogikirjoitus_alaosa .arkisto {
  margin-bottom: 1.875rem;
}
.blogi_blogikirjoitus_alaosa .arkisto h3 {
  padding-bottom: 0.625rem;
}
.blogi_blogikirjoitus_alaosa .blogi__arkisto--vuosi {
  padding-bottom: 0.625rem;
}
.blogi_blogikirjoitus_alaosa .blogi__arkisto--vuosi span {
  cursor: pointer;
}
.blogi_blogikirjoitus_alaosa .blogi__arkisto--kuukausi {
  padding-left: 0.625rem;
  padding-bottom: 0.625rem;
}
.blogi_blogikirjoitus_alaosa .blogi__arkisto--kuukausi span {
  cursor: pointer;
}
.blogi_blogikirjoitus_alaosa .blogi__arkisto--kirjoitus {
  padding-left: 1.25rem;
  padding-bottom: 0.625rem;
}

/*Blogin oma etusivu*/
.bloggaajan-tiedot {
  margin: 1.875rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width:768px) {
  .bloggaajan-tiedot {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.bloggaaja_kuva {
  min-width: 300px;
  margin-bottom: 1.25rem;
}
.bloggaaja_kuva img {
  display: block;
  margin: 0 auto;
  height: 200px;
  width: 200px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: center no-repeat;
  background-size: cover;
}

.bloggaaja_esittely .line__height--32 > * {
  line-height: 32px !important;
}

.blogi__somet {
  margin-bottom: 1.875rem;
}
.blogi__somet a {
  padding-right: 1.875rem;
  padding-top: 1.875rem;
  display: inline-block;
}
.blogi__somet a span {
  color: #202020;
}
.blogi__somet i {
  padding-right: 0.625rem;
}

.uusimmat-kommentit-listaus {
  margin-top: 10px;
}
.uusimmat-kommentit-listaus div {
  font-size: 0.875rem;
}
.uusimmat-kommentit-listaus + div {
  margin-top: 10px;
}
.uusimmat-kommentit-listaus .kommenttisolu {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 75%;
  padding-left: 20px;
  font-style: italic;
  font-size: 0.8rem;
}

body .katsastuslaskuri-container {
  min-height: 420px;
}
body .katsastuslaskuri-container .fa-spinner {
  display: none;
}
body .katsastuslaskuri-container .loading {
  /*position: absolute;
  width: 100%;
  height: 100%;*/
  /*            .katsastuslaskuri-valinta, .range-slider, .todennakoisyys-tulos {
      opacity: 0.5;
  }*/
}
body .katsastuslaskuri-container .loading .loaderCurtain {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 101;
}
body .katsastuslaskuri-container .loading .fa-spinner {
  display: block;
  font-size: 40px;
  left: 46%;
  top: 46%;
  position: absolute;
  position: absolute;
  margin: auto;
  width: 40px;
  z-index: 101;
}
body .katsastuslaskuri-inputs, body .katsastuslaskuri-outputs {
  float: left;
  position: relative;
}
body .todennakoisyys-tulos {
  margin-top: 50px;
}
body .katsastuslaskuri-label {
  padding-bottom: 15px;
}
body .error .katsastuslaskuri-label {
  color: red;
}
body .error .multiselect-dropdown {
  border: solid 1px red;
}
body .range-slider.error p {
  color: red;
}
body .range-slider.error .katsastusslider .noUi-handle {
  background-color: red;
}
body .katsastuslaskuri-esimerkit,
body .katsastuslaskuri-disclaimer {
  width: 100%;
  float: left;
  margin-top: 50px;
}
body .katsastuslaskuri-disclaimer {
  font-size: 10px;
}
body .katsastuslaskuri-ingressi {
  width: 100%;
  float: left;
  margin: 50px 0px;
}
body .multiselect-dropdown {
  border: solid 1px #364A81;
  color: #202020;
}
body .multiselect-dropdown ul.active {
  position: absolute;
  margin-left: -1px;
}
body .katsastuslaskuri-valinta {
  width: 33%;
}
body .katsastusslider {
  width: 50%;
}
body .disabled {
  background: #DDDDDD;
  border-color: grey;
  color: grey;
}
body .disabled.painike__primary {
  cursor: not-allowed;
}
body .katsastusslider.noUi-horizontal {
  background-color: #707070 !important;
}
body .katsastusslider.noUi-horizontal .noUi-handle-lower:before {
  display: none;
}
body .katsastusslider.noUi-horizontal .noUi-handle {
  top: -6px;
  height: 26px;
  width: 26px;
  background-color: #00A1D4;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
body .katsastusslider.noUi-horizontal .noUi-active {
  box-shadow: none;
}
body .katsastusslider.noUi-horizontal .noUI-connect {
  background-color: #00A1D4;
}
@media (max-width: 768px) {
  body .katsastuslaskuri-valinta {
    width: 100%;
  }
  body .katsastusslider {
    width: 100%;
  }
}

body .leasing-hallinta .leasingTab {
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  display: flex;
}
body .leasing-hallinta .leasingTab a {
  color: #000;
}
body .leasing-hallinta .leasingTab button, body .leasing-hallinta .leasingTab a {
  background-color: #f1f1f1;
  float: left;
  border: 1px solid #ccc;
  border-bottom: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}
body .leasing-hallinta .leasingTab button:hover,
body .leasing-hallinta .leasingTab a:hover {
  background-color: #ddd;
}
body .leasing-hallinta .leasingTab button.active,
body .leasing-hallinta .leasingTab a.active {
  background-color: #ccc;
  cursor: default;
}
body .leasing-hallinta .leasingTab .leasingLogout {
  align-self: center;
  margin-left: auto;
}
body .leasing-hallinta .leasingTab .leasingLogout i {
  color: #364a81;
}
body .leasing-hallinta .settingsRow {
  border: 1px solid #ccc;
  border-top: none;
}
body .leasing-hallinta .filters {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
body .leasing-hallinta .tabcontent {
  padding: 20px;
  border: 1px solid #ccc;
  border-top: none;
}
body .leasing-hallinta .tabcontent h4 {
  margin-bottom: 1em;
}
body .leasing-hallinta .tabcontent.shadow {
  -webkit-box-shadow: inset 0 -3px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -3px 5px 0 rgba(0, 0, 0, 0.1);
}
body .leasing-hallinta .tabcontent:empty {
  display: none;
}
body .leasing-hallinta .tabcontent .aktiivisetFilter {
  max-width: 120px;
  min-width: 120px;
}
@media only screen and (max-width:576px) {
  body .leasing-hallinta .tabcontent .aktiivisetFilter {
    max-width: 200px;
    min-width: 200px;
  }
}
body .leasing-hallinta .tabcontent .vuosimalliJaMittarilukemaFilter {
  display: flex;
  max-width: 400px;
  min-width: 400px;
  justify-content: center;
}
body .leasing-hallinta .tabcontent .vuosimalliJaMittarilukemaFilter .setMargins {
  margin-right: 20px;
}
@media only screen and (max-width:576px) {
  body .leasing-hallinta .tabcontent .vuosimalliJaMittarilukemaFilter {
    display: flex;
    max-width: 200px;
    min-width: 200px;
    justify-content: center;
    flex-direction: column;
  }
}
body .leasing-hallinta .tabcontent ul.ResidualValueHelp {
  margin: 20px 0 0 20px;
}
body .leasing-hallinta .tabcontent .saveCategory {
  display: flex;
  justify-content: right;
  align-items: center;
}
body .leasing-hallinta .tabcontent .saveCategory .lds-ring {
  display: inline-block;
  position: relative;
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
body .leasing-hallinta .tabcontent .saveCategory .lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  border: 3px solid #364A81;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #364A81 transparent transparent transparent;
}
body .leasing-hallinta .tabcontent .saveCategory .lds-ring .lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
body .leasing-hallinta .tabcontent .saveCategory .lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
body .leasing-hallinta .tabcontent .saveCategory .lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body .leasing-hallinta .leasing-lander-container {
  width: 50%;
  margin: 175px auto;
}
body .leasing-hallinta .multiselect-dropdown ul {
  position: absolute;
  max-height: 120px;
  overflow-y: scroll;
}
body .leasing-hallinta .multiselect-dropdown .scrollHeight {
  max-height: 240px;
  min-height: 240px;
}
body .leasing-hallinta .multiselect-dropdown li {
  color: #000;
}
body .leasing-hallinta .multiselect-dropdown span {
  color: #000;
}
body .leasing-hallinta .painike__boolean-container {
  float: right;
}
body .leasing-hallinta .list-container .list-row {
  border-bottom: solid 2px #f4f4f4;
  overflow: hidden;
  height: 175px;
  display: flex;
}
body .leasing-hallinta .list-container .list-row > div {
  padding: 1rem;
}
body .leasing-hallinta .list-container .list-row > div:first-child {
  padding: 0;
  position: relative;
}
body .leasing-hallinta .list-container .list-row > div > a {
  color: #202020;
}
body .leasing-hallinta .list-container .list-row .list-col-4 {
  width: 40%;
  display: inline-block;
  height: 100%;
}
body .leasing-hallinta .list-container .list-row .list-col-3 {
  width: 30%;
  display: inline-block;
  height: 100%;
}
body .leasing-hallinta .list-container .list-row .list-col-2 {
  width: 20%;
  display: inline-block;
  height: 100%;
}
body .leasing-hallinta .list-container .list-row .list-image {
  height: 90%;
  width: auto;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body .leasing-hallinta .list-container .list-row:last-child {
  border-bottom: none;
}
body .leasing-hallinta .autolistaus_toiminnot .multiselect-dropdown, body .leasing-hallinta .autolistaus_toiminnot .painike__boolean-container {
  margin-bottom: 0.6rem;
}
body .leasing-hallinta .autolistaus_toiminnot .painike {
  float: right;
}
body .leasing-hallinta .autolistaus_toiminnot .lataa {
  float: left;
}
body .leasing-hallinta .autolistaus_toiminnot .asetaRiviin {
  display: flex;
  justify-content: end;
  margin-bottom: 0.6rem;
}
body .leasing-hallinta .autolistaus_toiminnot .asetaRiviin p {
  display: flex;
  align-items: center;
}
body .leasing-hallinta .autolistaus_toiminnot .asetaRiviin .leasingEiValittu {
  opacity: 0.2;
}
body .leasing-hallinta .autolistaus_toiminnot .asetaRiviin .switch {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 34px;
}
body .leasing-hallinta .autolistaus_toiminnot .asetaRiviin .switch input {
  display: none;
}
body .leasing-hallinta .autolistaus_toiminnot .asetaRiviin .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}
body .leasing-hallinta .autolistaus_toiminnot .asetaRiviin .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
body .leasing-hallinta .autolistaus_toiminnot .asetaRiviin input:checked + .slider {
  background-color: #2ab934;
}
body .leasing-hallinta .autolistaus_toiminnot .asetaRiviin input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
body .leasing-hallinta .autolistaus_toiminnot .asetaRiviin input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(55px);
}
body .leasing-hallinta .autolistaus_toiminnot .asetaRiviin .slider:after {
  content: "EI";
  color: white;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 55%;
  font-size: 10px;
  font-family: Verdana, sans-serif;
}
body .leasing-hallinta .autolistaus_toiminnot .asetaRiviin input:checked + .slider:after {
  content: "KYLLÄ";
  left: 35%;
}
body .leasing-hallinta .jaannosarvo,
body .leasing-hallinta .kategorianimi {
  max-width: 70%;
  border: 1px solid #f4f4f4 !important;
  padding: 0 0 0 5px;
  border-radius: 2px;
}
body .leasing-hallinta .kategorianimi {
  width: 100%;
  max-width: 100%;
}
body .leasing-hallinta .required__field {
  border: 1px solid #364a81 !important;
}
body .leasing-hallinta input::-webkit-outer-spin-button,
body .leasing-hallinta input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body .leasing-hallinta input[type=number],
body .leasing-hallinta input[type=text] {
  -moz-appearance: textfield;
  text-align: center;
  color: #4f5164;
}
body .leasing-hallinta input[type=number].error,
body .leasing-hallinta input[type=text].error {
  border: 1px solid red !important;
}
body .leasing-hallinta input[type=text] {
  text-align: left;
}
body .leasing-hallinta input[type=number]:focus,
body .leasing-hallinta input[type=text]:focus {
  border-color: #4eb6f9 !important;
  color: #149ff7;
}
body .leasing-hallinta .Rtable {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
body .leasing-hallinta .Rtable-cell {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
  padding: 3px 1px;
  overflow: hidden;
  text-align: center;
  margin: 3px;
}
body .leasing-hallinta .Rtable-headerCell {
  border: 1px solid #efefef;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #c1c1c1;
  text-transform: uppercase;
  font-size: 0.8em;
}
body .leasing-hallinta .Rtable-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 56px;
  z-index: 10;
  background: white;
}
body .leasing-hallinta .Rtable-cell-left {
  text-align: left;
}
body .leasing-hallinta .MoveToOutside {
  padding: 16px 1px;
}
body .leasing-hallinta .Rtable--2cols > .Rtable-cell {
  width: calc(50% - 6px);
}
body .leasing-hallinta .Rtable--2cols > .Rtable-cell2 {
  width: calc(100% - 6px);
}
body .leasing-hallinta .Rtable--3cols > .Rtable-cell {
  width: calc(33.33% - 6px);
}
body .leasing-hallinta .Rtable--3cols > .Rtable-cell2 {
  width: calc(66.66% - 6px);
}
body .leasing-hallinta .Rtable--4cols > .Rtable-cell {
  width: calc(25% - 6px);
}
body .leasing-hallinta .Rtable--4cols > .Rtable-cell2 {
  width: calc(50% - 6px);
}
body .leasing-hallinta .Rtable--5cols > .Rtable-cell {
  width: calc(20% - 6px);
}
body .leasing-hallinta .Rtable--5cols > .Rtable-cell2 {
  width: calc(40% - 6px);
}
body .leasing-hallinta .Rtable--6cols > .Rtable-cell {
  width: calc(16.66% - 6px);
}
body .leasing-hallinta .Rtable--6cols > .Rtable-cell2 {
  width: calc(33.33% - 6px);
}
body .leasing-hallinta .Rtable--7cols > .Rtable-cell {
  width: calc(14.28% - 6px);
}
body .leasing-hallinta .Rtable--7cols > .Rtable-cell2 {
  width: calc(28.56% - 6px);
}
body .leasing-hallinta .Rtable--8cols > .Rtable-cell {
  width: calc(12.5% - 6px);
}
body .leasing-hallinta .Rtable--8cols > .Rtable-cell2 {
  width: calc(25% - 6px);
}
body .leasing-hallinta .Rtable--9cols > .Rtable-cell {
  width: calc(11.11% - 6px);
}
body .leasing-hallinta .Rtable--9cols > .Rtable-cell2 {
  width: calc(22.22% - 6px);
}
body .leasing-hallinta .Rtable--10cols > .Rtable-cell {
  width: calc(10% - 6px);
}
body .leasing-hallinta .Rtable--10cols > .Rtable-cell2 {
  width: calc(20% - 6px);
}
body .leasing-hallinta .Rtable--11cols > .Rtable-cell {
  width: calc(9.09% - 6px);
}
body .leasing-hallinta .Rtable--11cols > .Rtable-cell2 {
  width: calc(18.18% - 6px);
}
body .leasing-hallinta .Rtable--12cols > .Rtable-cell {
  width: calc(8.33% - 6px);
}
body .leasing-hallinta .Rtable--12cols > .Rtable-cell2 {
  width: calc(16.66% - 6px);
}
body .leasing-hallinta .Rtable--13cols > .Rtable-cell {
  width: calc(7.69% - 6px);
}
body .leasing-hallinta .Rtable--13cols > .Rtable-cell2 {
  width: calc(15.38% - 6px);
}
body .leasing-hallinta .Rtable--14cols > .Rtable-cell {
  width: calc(7.14% - 6px);
}
body .leasing-hallinta .Rtable--14cols > .Rtable-cell2 {
  width: calc(17.28% - 6px);
}
body .leasing-hallinta .Rtable--15cols > .Rtable-cell {
  width: calc(6.66% - 6px);
}
body .leasing-hallinta .Rtable--15cols > .Rtable-cell2 {
  width: calc(13.32% - 6px);
}
body .leasing-hallinta .residualValue {
  font-size: 0.75em;
  display: inline-block;
  text-align: center;
  width: 70%;
  color: #c1c1c1;
}
body .leasing-hallinta .suffix {
  color: #4f5164;
  margin-left: 5px;
}
body .leasing-hallinta .errorMessages {
  list-style: none;
  margin: 15px 0;
}
body .leasing-hallinta .errorMessages li {
  margin-bottom: 15px;
}
body .leasing-hallinta .errorMessages li span {
  border: 1px solid #F9CBC8;
  background-color: #FFECEC;
  padding: 4px 8px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
body .leasing-hallinta .painike__primary {
  cursor: pointer;
  padding: 0.5rem 1rem;
}
body .leasing-hallinta .multiselect-dropdown {
  border: solid 1px #364A81;
}
body .leasing-hallinta .leasingCategorySelector, body .leasing-hallinta .leasingStoreSelector, body .leasing-hallinta .leasingFilter {
  display: inline-flex;
  justify-content: space-between;
  width: calc(100% - 50px);
  padding: 0;
  margin: 0;
}
body .leasing-hallinta .leasingCategorySelector > div, body .leasing-hallinta .leasingStoreSelector > div, body .leasing-hallinta .leasingFilter > div {
  flex: 1 1 auto;
  margin: 0px;
  width: auto;
}
body .leasing-hallinta .leasingCategorySelector > div:first-child, body .leasing-hallinta .leasingStoreSelector > div:first-child, body .leasing-hallinta .leasingFilter > div:first-child {
  width: 75%;
  height: 2.2rem;
}
body .leasing-hallinta .leasingCategorySelector > div:last-child, body .leasing-hallinta .leasingStoreSelector > div:last-child, body .leasing-hallinta .leasingFilter > div:last-child {
  width: 25%;
}
body .leasing-hallinta .leasingCategorySelector > div .painike__primary, body .leasing-hallinta .leasingStoreSelector > div .painike__primary, body .leasing-hallinta .leasingFilter > div .painike__primary {
  margin-top: -2px;
  float: right;
}
body .leasing-hallinta .leasingCategorySelector > label, body .leasing-hallinta .leasingStoreSelector > label, body .leasing-hallinta .leasingFilter > label {
  margin: 6px;
}
body .leasing-hallinta .btnWrapper {
  display: inline-flex;
  width: 35px;
}
body .leasing-hallinta .btnWrapper .btnAdd {
  display: inline-block;
  background: #364A81;
  width: 35px;
  height: 35px;
  position: relative;
  top: 7px;
  color: #fff;
  font-size: 2em;
  line-height: 35px;
}
body .leasing-hallinta .leasingFilter {
  max-width: 250px;
}
body .piilota_elementti {
  display: none;
}