/* Malli: @include icon($facebook)*/
.content .box {
  display: block;
  background-color: #585858;
  border-style: solid;
  border-color: #f77c78;
  border-top-width: 0rem;
  border-bottom-width: 0rem;
  border-left-width: 0rem;
  border-right-width: 0rem;
  border-radius: 0.25rem;
  box-shadow: none;
  padding: 1.875rem 2.5rem 2.1875rem 2.5rem; }
@media screen and (max-width: 47.9375em) {
  .content .box {
    padding: calc(1.875rem * 0.8) calc(2.5rem * 0.8) calc(2.1875rem * 0.8) calc(2.5rem * 0.8); } }
@media screen and (max-width: 31.1875em) {
  .content .box {
    padding: 1.5625rem 1.5625rem 1.875rem 1.5625rem; } }
.content .box.box-link {
  text-decoration: none;
  color: #222222;
  font-weight: 400;
  transition: all 0.2s; }
  .content .box.box-link:hover, .content .box.box-link:active, .content .box.box-link:focus {
    text-decoration: none;
    color: #222222;
    font-weight: 400;
    transform: scale(1.03); }
.content .box .box-image {
  text-align: center;
  margin-bottom: 1.875rem; }
  .content .box .box-image svg {
    max-width: 100%; }
  @media screen and (max-width: 47.9375em) {
    .content .box .box-image {
      margin-bottom: calc(1.875rem * 0.8); } }
@media screen and (max-width: 31.1875em) {
  .content .box .box-image {
    margin-bottom: calc(1.875rem * 0.6); } }
.content .box .box-toptitle {
  margin-top: 0;
  margin-bottom: 0.625rem;
  color: #222222;
  text-align: center; }
@media screen and (max-width: 47.9375em) {
  .content .box .box-toptitle {
    margin-bottom: calc(0.625rem * 0.9); } }
@media screen and (max-width: 31.1875em) {
  .content .box .box-toptitle {
    margin-bottom: calc(0.625rem * 0.8); } }
.content .box .box-title {
  margin-top: 0;
  margin-bottom: 0.625rem;
  color: #222222;
  text-align: center; }
@media screen and (max-width: 47.9375em) {
  .content .box .box-title {
    margin-bottom: calc(0.625rem * 0.9); } }
@media screen and (max-width: 31.1875em) {
  .content .box .box-title {
    margin-bottom: calc(0.625rem * 0.8); } }
.content .box .box-subtitle {
  margin-top: 0;
  margin-bottom: 0.625rem;
  color: #222222;
  text-align: center; }
@media screen and (max-width: 47.9375em) {
  .content .box .box-subtitle {
    margin-bottom: calc(0.625rem * 0.9); } }
@media screen and (max-width: 31.1875em) {
  .content .box .box-subtitle {
    margin-bottom: calc(0.625rem * 0.8); } }
.content .box .box-content {
  color: #222222; }
  .content .box .box-content p, .content .box .box-content h2, .content .box .box-content h3, .content .box .box-content h4, .content .box .box-content h5, .content .box .box-content h6, .content .box .box-content a, .content .box .box-content blockquote, .content .box .box-content li {
    color: #222222; }
  .content .box .box-content > :first-child {
    margin-top: 0; }
  .content .box .box-content > :last-child {
    margin-bottom: 0; }
.content .box .box-form {
  margin-top: 1.5625rem; }
  .content .box .box-form .box-form-content {
    color: #222222; }
    .content .box .box-form .box-form-content p, .content .box .box-form .box-form-content h2, .content .box .box-form .box-form-content h3, .content .box .box-form .box-form-content h4, .content .box .box-form .box-form-content h5, .content .box .box-form .box-form-content h6, .content .box .box-form .box-form-content a, .content .box .box-form .box-form-content blockquote, .content .box .box-form .box-form-content li {
      color: #222222; }
  .content .box .box-form .box-form-loader {
    width: 0.9375rem;
    height: 0.9375rem;
    border-radius: 50%;
    position: relative;
    animation: hoyrymoottori-loader-uz5k49tcw 0.8s ease alternate infinite;
    animation-delay: 0.32s;
    left: 1.5625rem;
    top: -0.9375rem;
    margin: 0 auto;
    left: 0;
    right: 0; }
    .content .box .box-form .box-form-loader::after, .content .box .box-form .box-form-loader::before {
      content: '';
      position: absolute;
      width: 0.9375rem;
      height: 0.9375rem;
      border-radius: 50%;
      animation: hoyrymoottori-loader-uz5k49tcw 0.8s ease alternate infinite; }
    .content .box .box-form .box-form-loader::before {
      left: -1.5625rem;
      animation-delay: 0.16s; }
    .content .box .box-form .box-form-loader::after {
      right: -1.5625rem;
      animation-delay: 0.48s; }

@keyframes hoyrymoottori-loader-uz5k49tcw {
  0% {
    box-shadow: 0 0.9375rem 0 -0.9375rem #f3352e; }
  100% {
    box-shadow: 0 0.9375rem 0 #f3352e; } }