.nostolaatikot .nostolaatikko {
  margin-bottom: 20px;
  /* ==========================================================================
     Icons
     ========================================================================== */
}
.nostolaatikot .nostolaatikko .inner {
  padding: 10px 20px 10px 20px;
  height: 100%;
}
.nostolaatikot .nostolaatikko.kuvafix .inner {
  padding: 0px;
}
.nostolaatikot .nostolaatikko.kuvafix .inner img {
  margin: 0px;
}
.nostolaatikot .nostolaatikko.kuvafix .inner .sisallot {
  padding: 10px 20px 10px 20px;
}
.nostolaatikot .nostolaatikko div.ikoni {
  display: block;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.nostolaatikot .nostolaatikko .ikoni.text-left {
  text-align: left;
}
.nostolaatikot .nostolaatikko .ikoni.text-right {
  text-align: right;
}
.nostolaatikot .nostolaatikko .ikoni.text-center {
  text-align: center;
}
.nostolaatikot .nostolaatikko .ikoni i.iconfa,
.nostolaatikot .nostolaatikko .ikoni img {
  font-size: clamp(2.5rem, 3.81vw + 1.74rem, 5.31rem);
}
.nostolaatikot .nostolaatikko .ikoni i.iconfa.pieni,
.nostolaatikot .nostolaatikko .ikoni img.pieni {
  font-size: clamp(1.56rem, 1.27vw + 1.31rem, 2.5rem);
}
.nostolaatikot .nostolaatikko .ikoni i.iconfa.suuri,
.nostolaatikot .nostolaatikko .ikoni img.suuri {
  font-size: clamp(4.38rem, 9.32vw + 2.51rem, 11.25rem);
}
.nostolaatikot .nostolaatikko .ikoni img {
  width: clamp(2.5rem, 3.81vw + 1.74rem, 5.31rem);
  height: auto;
}
.nostolaatikot .nostolaatikko .ikoni img.suuri {
  width: clamp(4.38rem, 9.32vw + 2.51rem, 11.25rem);
  height: auto;
}
.nostolaatikot .nostolaatikko .ikoni img.pieni {
  width: clamp(1.56rem, 1.27vw + 1.31rem, 2.5rem);
}
.nostolaatikot .nostolaatikko .ikoni img.round {
  border-radius: 50%;
}
.nostolaatikot .nostolaatikko .ikoni .dashicons,
.nostolaatikot .nostolaatikko .ikoni .dashicons:before {
  width: clamp(2.5rem, 3.81vw + 1.74rem, 5.31rem);
  height: clamp(2.5rem, 3.81vw + 1.74rem, 5.31rem);
  font-size: clamp(2.5rem, 3.81vw + 1.74rem, 5.31rem);
  display: inline-block;
}
.nostolaatikot .nostolaatikko .ikoni .dashicons.pieni,
.nostolaatikot .nostolaatikko .ikoni .dashicons.pieni:before {
  width: clamp(1.56rem, 1.27vw + 1.31rem, 2.5rem);
  height: clamp(1.56rem, 1.27vw + 1.31rem, 2.5rem);
  font-size: clamp(1.56rem, 1.27vw + 1.31rem, 2.5rem);
}
.nostolaatikot .nostolaatikko .ikoni .dashicons.suuri,
.nostolaatikot .nostolaatikko .ikoni .dashicons.suuri:before {
  width: clamp(4.38rem, 9.32vw + 2.51rem, 11.25rem);
  height: clamp(4.38rem, 9.32vw + 2.51rem, 11.25rem);
  font-size: clamp(4.38rem, 9.32vw + 2.51rem, 11.25rem);
}
.nostolaatikot .nostolaatikko .svg .main-logo {
  background-image: url("../../svg/finazilla-logo.svg");
}
.nostolaatikot .nostolaatikko .svg .slider-button {
  background-image: url("../../svg/slider-arrows.svg");
}
.nostolaatikot .nostolaatikko .svg .animate-icon-1 {
  background-image: url("../../svg/animate-icon-1.svg");
}
.nostolaatikot .nostolaatikko .svg .animate-icon-2 {
  background-image: url("../../svg/animate-icon-2.svg");
}
.nostolaatikot .nostolaatikko .svg .animate-icon-3 {
  background-image: url("../../svg/animate-icon-3.svg");
}
.nostolaatikot .nostolaatikko .svg .animate-icon-4 {
  background-image: url("../../svg/animate-icon-4.svg");
}
.nostolaatikot .nostolaatikko .svg .big-icon {
  background-image: url("../../svg/big-icons.svg");
}
.nostolaatikot .nostolaatikko .svg .icon-telescope {
  background-image: url("../../svg/telescope.svg");
}
.nostolaatikot .nostolaatikko .svg .small-icon {
  background-image: url("../../svg/small-icons.svg");
}
.nostolaatikot .nostolaatikko .svg .main-nav-twitter a,
.nostolaatikot .nostolaatikko .svg .main-nav-youtube a {
  background-image: url("../../svg/some-icons.svg");
}
.nostolaatikot .nostolaatikko .svg .finazilla-logo-big {
  background-image: url("../../svg/finazilla-logo-big.svg");
}
.nostolaatikot .nostolaatikko .svg .integrointi {
  background-image: url("../../svg/finazilla-integrointi.svg");
}
.nostolaatikot .nostolaatikko .svg .pilvet {
  background-image: url("../../svg/finazilla-pilvet.svg");
}
.nostolaatikot .nostolaatikko .svg .some-twitter {
  background-image: url("../../svg/some-twitter.svg");
}
.nostolaatikot .nostolaatikko .svg .some-face {
  background-image: url("../../svg/some-face.svg");
}
.nostolaatikot .nostolaatikko .svg .some-google {
  background-image: url("../../svg/some-google.svg");
}
.nostolaatikot .nostolaatikko .svg .some-linked {
  background-image: url("../../svg/some-linked.svg");
}
.nostolaatikot .nostolaatikko .svg .front-arrow-down {
  background-image: url("../../svg/front-arrow-down.svg");
}
.nostolaatikot .nostolaatikko .svg .footer-logo {
  background-image: url("../../svg/finazilla-logo-purple.svg");
}
.nostolaatikot .nostolaatikko .svg .footer-twitter {
  background-image: url("../../svg/twitter-bird.svg");
}
.nostolaatikot .nostolaatikko .svg .footer-youtube {
  background-image: url("../../svg/youtube-icon.svg");
}
.nostolaatikot .nostolaatikko .no-svg .main-logo,
.nostolaatikot .nostolaatikko .no-js .main-logo {
  background-image: url("../../images/finazilla-logo.png");
}
.nostolaatikot .nostolaatikko .no-svg .slider-button,
.nostolaatikot .nostolaatikko .no-js .slider-button {
  background-image: url("../../images/slider-arrows.png");
}
.nostolaatikot .nostolaatikko .no-svg .animate-icon-1,
.nostolaatikot .nostolaatikko .no-js .animate-icon-1 {
  background-image: url("../../images/animate-icon-1.png");
}
.nostolaatikot .nostolaatikko .no-svg .animate-icon-2,
.nostolaatikot .nostolaatikko .no-js .animate-icon-2 {
  background-image: url("../../images/animate-icon-2.png");
}
.nostolaatikot .nostolaatikko .no-svg .animate-icon-3,
.nostolaatikot .nostolaatikko .no-js .animate-icon-3 {
  background-image: url("../../images/animate-icon-3.png");
}
.nostolaatikot .nostolaatikko .no-svg .animate-icon-4,
.nostolaatikot .nostolaatikko .no-js .animate-icon-4 {
  background-image: url("../../images/animate-icon-4.png");
}
.nostolaatikot .nostolaatikko .no-svg .big-icon,
.nostolaatikot .nostolaatikko .no-js .big-icon {
  background-image: url("../../images/big-icons.png");
}
.nostolaatikot .nostolaatikko .no-svg .icon-telescope,
.nostolaatikot .nostolaatikko .no-js .icon-telescope {
  background-image: url("../../images/telescope.png");
}
.nostolaatikot .nostolaatikko .no-svg .small-icon,
.nostolaatikot .nostolaatikko .no-js .small-icon {
  background-image: url("../../images/small-icons.png");
}
.nostolaatikot .nostolaatikko .no-svg .main-nav-twitter a,
.nostolaatikot .nostolaatikko .no-js .main-nav-twitter a,
.nostolaatikot .nostolaatikko .no-svg .main-nav-youtube a,
.nostolaatikot .nostolaatikko .no-js .main-nav-youtube a {
  background-image: url("../../images/some-icons.png");
}
.nostolaatikot .nostolaatikko .no-svg .finazilla-logo-big,
.nostolaatikot .nostolaatikko .no-js .finazilla-logo-big {
  background-image: url("../../images/finazilla-logo-big.png");
}
.nostolaatikot .nostolaatikko .no-svg .integrointi,
.nostolaatikot .nostolaatikko .no-js .integrointi {
  background-image: url("../../images/finazilla-integrointi.png");
}
.nostolaatikot .nostolaatikko .no-svg .pilvet,
.nostolaatikot .nostolaatikko .no-js .pilvet {
  background-image: url("../../images/finazilla-pilvet.png");
}
.nostolaatikot .nostolaatikko .no-svg .some-twitter,
.nostolaatikot .nostolaatikko .no-js .some-twitter {
  background-image: url("../../images/some-twitter.png");
}
.nostolaatikot .nostolaatikko .no-svg .some-face,
.nostolaatikot .nostolaatikko .no-js .some-face {
  background-image: url("../../images/some-face.png");
}
.nostolaatikot .nostolaatikko .no-svg .some-google,
.nostolaatikot .nostolaatikko .no-js .some-google {
  background-image: url("../../images/some-google.png");
}
.nostolaatikot .nostolaatikko .no-svg .some-linked,
.nostolaatikot .nostolaatikko .no-js .some-linked {
  background-image: url("../../images/some-linked.png");
}
.nostolaatikot .nostolaatikko .no-svg .front-arrow-down,
.nostolaatikot .nostolaatikko .no-js .front-arrow-down {
  background-image: url("../../images/front-arrow-down.png");
}
.nostolaatikot .nostolaatikko .no-svg .footer-logo,
.nostolaatikot .nostolaatikko .no-js .footer-logo {
  background-image: url("../../images/finazilla-logo-purple.png");
}
.nostolaatikot .nostolaatikko .no-svg .footer-twitter,
.nostolaatikot .nostolaatikko .no-js .footer-twitter {
  background-image: url("../../images/twitter-bird.png");
}
.nostolaatikot .nostolaatikko .no-svg .footer-youtube,
.nostolaatikot .nostolaatikko .no-js .footer-youtube {
  background-image: url("../../images/youtube-icon.png");
}
@media (max-width: 768px) {
  .nostolaatikot .nostolaatikko div.ikoni {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}