@font-face {
  font-family: Raleway;
  src: url("/~fywybzyi/_layout/raleway_thin.otf"), url("/~fywybzyi/_layout/raleway_thin.eot");
}
html,
body {
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.5rem;
  color: #555;
}
body {
  background-color: #fff;
  padding: 0;
}
h1,
h2,
h3 {
  margin: 0;
  padding: 0;
  font-family: Raleway, "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: normal;
  font-size: 3rem;
  line-height: 1em;
  color: #000;
}
h1 a:link,
h2 a:link,
h3 a:link,
h1 a:visited,
h2 a:visited,
h3 a:visited {
  color: inherit;
  text-decoration: none;
}
@media (max-width: 440px) {
  h1,
  h2,
  h3 {
    font-size: 2.5rem;
  }
}
body > header {
  position: relative;
  z-index: 11;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 1rem 0;
  margin: 0;
  width: 100%;
  line-height: 1em;
  font-size: 1.1rem;
  text-align: left;
  background-color: #fff;
}
@media (max-width: 1000px) {
  body > header {
    font-size: 1rem;
    padding: 0.5rem 0 0.5rem 0.5rem;
  }
}
@media (max-width: 500px) {
  body > header {
    font-size: 0.9rem;
  }
}
body > header,
header#masthead {
  font-size: 1.1rem;
}
@media (max-width: 1000px) {
  body > header,
  header#masthead {
    font-size: 1rem;
  }
}
@media (max-width: 500px) {
  body > header,
  header#masthead {
    font-size: 0.9rem;
  }
}
body > header div.header-container h1,
header#masthead div.header-container h1 {
  display: inline-block;
  margin: 0;
  padding: 0.5rem 1.25rem;
  border-right: solid 1px #666;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 1.4em;
  font-variant: small-caps;
  line-height: 1rem;
  color: #666;
}
@media (max-width: 760px) {
  body > header div.header-container h1,
  header#masthead div.header-container h1 {
    display: block;
    padding: 0.25rem 1rem 0.5rem 0.2rem;
    border-right: none;
  }
}
body > header form,
header#masthead form {
  float: right;
  margin: 0 0.5rem;
  padding: 0.5rem 0.4rem;
}
body > header nav,
header#masthead nav {
  display: inline;
}
body > header .tiny-heading-mode,
header#masthead .tiny-heading-mode {
  display: none;
}
body > header .social-icons,
header#masthead .social-icons {
  display: inline-block;
  float: right;
}
@media (max-width: 1000px) {
  body > header .social-icons,
  header#masthead .social-icons {
    padding-top: 0.45rem;
  }
}
@media (max-width: 760px) {
  body > header .social-icons,
  header#masthead .social-icons {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
  }
}
@media (max-width: 440px) {
  body > header .social-icons,
  header#masthead .social-icons {
    display: inline-block;
    box-sizing: border-box;
    min-width: 32%;
    margin: 0;
    text-align: center;
  }
}
header.header-box-shadow {
  box-shadow: 0px 6px 6px -5px rgba(0,0,0,0.3);
}
a.navi-social-icon,
a.navi-social-icon-first,
a.navi-social-icon-last {
  margin: 0 0.25rem;
}
a.navi-social-icon-first {
  margin-left: 0rem;
}
a.navi-social-icon-last {
  margin-left: 0.2rem;
}
@media (min-width: 1001px) {
  a.navi-social-icon-last {
    margin-right: 0.75rem;
  }
}
img.navi-social-icon {
  height: 1.8rem;
  padding: 0 0.4rem;
  margin: 0;
  width: auto;
  vertical-align: text-bottom;
  -webkit-transition-property: opacity, -webkit-filter, opacity, filter;
          transition-property: opacity, -webkit-filter, opacity, filter;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
@media (min-width: 1001px) {
  img.navi-social-icon {
    padding: 0.2rem 0.4rem;
  }
}
@media (max-width: 1000px) {
  img.navi-social-icon {
    height: 1.25rem;
    padding: 0 0.3rem;
  }
}
img.navi-social-icon:hover {
  -webkit-filter: contrast(1) brightness(1) grayscale(0);
          filter: contrast(1) brightness(1) grayscale(0);
  opacity: 1;
}
img.navi-social-facebook {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  opacity: 0.9;
}
img.navi-social-instagram {
  -webkit-filter: contrast(0) brightness(0.85) grayscale(1);
          filter: contrast(0) brightness(0.85) grayscale(1);
}
img.navi-social-mywed {
  opacity: 0.6;
  width: auto;
}
a:link,
a:visited,
.entry-title a:link,
.entry-title a:visited,
article a:link,
article a:visited {
  color: #666;
  text-decoration: underline;
  -webkit-transition-property: color, background-color;
          transition-property: color, background-color;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.container-all div.entry-date a:link,
.container-all div.entry-date a:visited {
  text-decoration: none;
}
a:hover,
a:active,
.container-all a:hover,
.container-all a:active,
.container-all h2.entry-title a:hover,
.container-all h2.entry-title a:active {
  color: #000;
  text-decoration: none;
}
.container-all article .entry-meta a:hover,
.container-all article .entry-meta a:active {
  color: #000 !important;
  text-decoration: none;
}
a.white:link,
a.white:visited {
  color: #fff;
}
a.navi:link {
  display: inline-block;
  margin: 0 0.75rem;
  padding: 0.5rem 0.4rem;
  border: none;
  background-color: none;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: lighter;
  text-decoration: none;
  text-shadow: 0px 1px 2px #fff;
  -webkit-transition-property: color, background-color;
          transition-property: color, background-color;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
@media (max-width: 760px) {
  a.navi:link {
    padding: 0.5rem 0.2rem;
    margin: 0 1.5rem 0 0;
  }
}
@media (max-width: 580px) {
  a.navi:link {
    margin: 0 1rem 0 0;
  }
}
@media (max-width: 380px) {
  a.navi:link {
    margin: 0 0.75rem 0 0;
  }
}
@media (max-width: 359px) {
  a.navi:link {
    box-sizing: border-box;
    min-width: 49%;
    margin: 0;
  }
}
a.navi:link:hover {
  color: #000;
}
a.sel {
  color: #000;
  text-decoration: underline;
}
a.sel:hover {
  color: #333;
}
.bold {
  font-weight: bold;
}
#miniNaviContainer {
  display: none;
  position: fixed;
  z-index: 10;
  top: 0;
  margin-top: -3px;
  text-align: left;
  font-size: 0.9rem;
  box-shadow: 1px 2px 6px rgba(0,0,0,0.2);
  border-bottom-right-radius: 3px;
  background-color: #fff;
}
@media (max-width: 660px) {
  #miniNaviContainer {
    width: 100%;
    border-bottom-right-radius: 0;
  }
  #miniNaviContainer .social-icons {
    display: none;
  }
}
@media (max-width: 550px) {
  #miniNaviContainer .large-heading-mode {
    display: none;
  }
}
@media (min-width: 551px) {
  #miniNaviContainer .tiny-heading-mode {
    display: none;
  }
}
#miniNaviContainer a.navi:link {
  margin: 0 0.5rem;
  padding: 0.5rem 0.4rem;
}
@media (max-width: 660px) {
  #miniNaviContainer a.navi:link {
    padding: 0.3rem 0.25rem;
  }
}
@media (max-width: 380px) {
  #miniNaviContainer a.navi:link {
    margin: 0 0.75rem 0 0;
  }
}
@media (max-width: 359px) {
  #miniNaviContainer a.navi:link {
    box-sizing: border-box;
    min-width: 49%;
    margin: 0;
  }
}
#miniNaviContainer a.navi-social-icon-first {
  margin-left: 0.5rem;
}
#miniNaviContainer img.navi-social-icon {
  padding: 0 0.2rem;
  width: 1rem;
  height: auto;
}
#miniNaviContainer a.h1 {
  font-size: 1.3rem;
  line-height: 1.3rem;
  font-variant: small-caps;
}
@media (max-width: 550px) {
  #miniNaviContainer a.h1 {
    display: none;
  }
}
abbr {
  cursor: help;
}
abbr:hover {
  cursor: help;
}
abbr:after {
  content: "*";
  color: #999;
}
body > footer,
div.footer,
footer#colophon {
  clear: both;
  margin: 0.5rem 1rem;
  position: relative;
  z-index: 2;
}
body > footer div,
div.footer div,
footer#colophon div {
  font-size: 0.8rem;
}
#navigation-tip {
  position: fixed;
  z-index: 1;
  width: 100%;
  left: 0;
  bottom: 0;
  pointer-events: none;
  text-align: center;
}
#navigation-tip div {
  width: 4rem;
  height: 4rem;
  line-height: 3rem;
  margin: 0 0 1rem 0;
  pointer-events: auto;
  display: inline-block;
  color: #fff;
  border: 1px solid rgba(255,255,255,0);
  -webkit-transition-property: border-color;
          transition-property: border-color;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  font-size: 5rem;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
  cursor: pointer;
}
#navigation-tip div:hover {
  opacity: 1;
}
div.section-image-text-box,
div.section-fullscreen-image {
  margin: 0;
  padding: 0;
  background-color: #000;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: inset 0px 6px 6px -5px rgba(0,0,0,0.3), inset 0px -1px 0px 0px rgba(255,255,255,0.12);
}
div.section-image-text-box div.content,
div.section-fullscreen-image div.content {
  display: inline-block;
  width: 36rem;
  margin: 0 16%;
  background-color: #fff;
  padding: 1.5rem 1.5rem;
  border-radius: 3px;
  box-shadow: 1px 2px 6px rgba(0,0,0,0.2);
  text-align: left;
}
div.section-image-text-box div.content h2,
div.section-fullscreen-image div.content h2 {
  padding: 0;
  margin: 0;
}
div.section-image-text-box div.content div.jump,
div.section-fullscreen-image div.content div.jump {
  text-align: right;
}
div.section-image-text-box div.content div.jump a:link,
div.section-fullscreen-image div.content div.jump a:link {
  white-space: nowrap;
}
@media (max-width: 1000px) {
  div.section-image-text-box div.content,
  div.section-fullscreen-image div.content {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
  }
}
@media (max-width: 2200px) {
  div.section-image-text-box div.content,
  div.section-fullscreen-image div.content {
    margin: 0 10%;
  }
}
@media (max-width: 1800px) {
  div.section-image-text-box div.content,
  div.section-fullscreen-image div.content {
    margin: 0 8%;
  }
}
@media (max-width: 1440px) {
  div.section-image-text-box div.content,
  div.section-fullscreen-image div.content {
    margin: 0 5%;
  }
}
@media (max-width: 1280px) and (min-width: 1001px) {
  div.section-image-text-box div.content,
  div.section-fullscreen-image div.content {
    margin: 0 3%;
    padding: 1rem;
    font-size: 0.95rem;
  }
}
div.section-image-text-box div.haakuvaus,
div.section-fullscreen-image div.haakuvaus {
  width: 30rem;
}
div.section-image-text-box h1,
div.section-fullscreen-image h1 {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #fff;
  text-shadow: 0px 0px 1px #000;
  letter-spacing: 1rem;
}
@media (max-width: 1000px) {
  div.section-image-text-box,
  div.section-fullscreen-image {
    box-shadow: inset 0px 6px 10px -5px rgba(0,0,0,0.6);
  }
}
div.section-image-text-box,
div.section-half-image-half-text {
  display: none;
}
div.section-text-box {
  background-color: #fff;
  position: relative;
  z-index: 2;
  padding: 2rem 0;
  text-align: center;
}
div.section-text-box * {
  box-sizing: border-box;
}
div.section-text-box h2 {
  display: inline-block;
  width: 45%;
  text-align: right;
  margin: 0;
  vertical-align: top;
  padding: 0 2rem 1rem 0;
}
@media (max-width: 1000px) {
  div.section-text-box h2 {
    font-size: 2rem;
    width: 40%;
    padding: 0 2rem 1rem 0;
  }
}
div.section-text-box div.column {
  display: inline-block;
  width: 55%;
  text-align: left;
  vertical-align: top;
}
@media (max-width: 1000px) {
  div.section-text-box div.column {
    width: 60%;
  }
}
div.section-text-box div.content {
  max-width: 40rem;
  text-align: left;
  padding: 0 2rem 0 2rem;
  border-left: 1px solid #ccc;
}
div.section-text-box img.section-yhteystiedot {
  height: 10.5rem;
  outline: 1px solid rgba(0,0,0,0.3);
  outline-offset: -1px;
}
div.section-text-box div.section-yhteystiedot {
  border: none;
  padding: 0 2rem 0 0;
}
div.section-text-box div.section-navi {
  padding: 1rem 2rem 0 2rem;
}
@media (max-width: 600px) {
  div.section-text-box {
    padding: 1rem 0;
  }
  div.section-text-box h2,
  div.section-text-box div.column {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0 1rem;
  }
  div.section-text-box h2 {
    padding: 0 0 1rem 1rem;
  }
  div.section-text-box div.section-yhteystiedot h2 {
    padding: 0;
  }
  div.section-text-box h2.section-yhteystiedot {
    padding: 0 0 0 1rem;
  }
  div.section-text-box div.content,
  div.section-text-box div.section-navi {
    border: none;
    padding: 0;
  }
  div.section-text-box div.section-navi {
    padding: 1rem 0;
  }
}
@media (max-height: 600px) {
  div.section-text-box div.section-navi {
    display: none;
  }
}
form.section-contact {
  margin: 0 auto;
  width: calc(600px - 2rem);
}
form.section-contact textarea,
form.section-contact input,
form.section-contact button {
  border: solid 1px #ccc;
  box-sizing: border-box;
}
form.section-contact textarea {
  width: 100%;
  height: 5rem;
  margin-bottom: 0.8rem;
}
form.section-contact input {
  width: calc(100% - 5.8rem);
  padding: 0.2rem 0;
}
form.section-contact button {
  float: right;
  width: 5rem;
  padding: 0.2rem 0.4rem;
  background-color: #fff;
  color: #666;
}
@media (max-width: 600px) {
  form.section-contact {
    width: calc(100% - 2rem);
  }
}
div.section-image-text-box div.yhteystiedot,
div.yhteystiedot {
  padding: 0;
  border: solid 0.25rem #fff;
  width: 36rem;
  white-space: nowrap;
}
div.section-image-text-box div.yhteystiedot img,
div.yhteystiedot img {
  float: left;
  width: 14rem;
  height: 14rem;
  vertical-align: middle;
}
@media (max-width: 530px) {
  div.section-image-text-box div.yhteystiedot img,
  div.yhteystiedot img {
    display: none;
  }
}
div.section-image-text-box div.yhteystiedot div,
div.yhteystiedot div {
  margin: 1rem 1.5rem 1rem 15rem;
  width: auto;
  max-width: 22rem;
  min-width: 15rem;
  vertical-align: middle;
}
@media (max-width: 530px) {
  div.section-image-text-box div.yhteystiedot div,
  div.yhteystiedot div {
    margin: 1rem 0.5rem 1rem 1rem;
  }
}
div.right {
  text-align: right;
}
@media (max-width: 1000px) {
  div.right {
    text-align: left;
  }
}
ul.dots {
  max-width: 20rem;
  padding: 0;
  overflow-x: hidden;
  list-style: none;
  margin: 0.5rem 0 0 0;
}
ul.dots li:before {
  float: left;
  width: 0;
  white-space: nowrap;
  content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .";
  color: #ccc;
}
ul.dots span:first-child {
  padding-right: 0.2rem;
  background: #fff;
}
ul.dots span + span {
  float: right;
  padding-left: 0.2rem;
  background: #fff;
}
div.contact-section {
  box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.2);
}
div.contact-content {
  padding: 0.25rem;
  background-color: #fff;
}
div.contact-content img {
  width: 13rem;
  height: 13rem;
  vertical-align: top;
}
@media (max-width: 600px) {
  div.contact-content img {
    display: none;
  }
}
div.contact-content div {
  display: inline-block;
  margin: 0 0 0 1rem;
  width: 20rem;
  vertical-align: top;
}
@media (max-width: 600px) {
  div.contact-content div {
    display: block;
    box-sizing: border-box;
    margin: 0 0 0 1rem;
    width: 90%;
  }
}
div.contact-content form {
  display: inline-block;
  float: right;
  margin: 0 1rem 0 0;
  width: 35%;
  vertical-align: top;
}
@media (max-width: 1000px) {
  div.contact-content form {
    display: none;
  }
}
div.contact-content form textarea,
div.contact-content form input,
div.contact-content form button {
  border: solid 1px #ccc;
  box-sizing: border-box;
}
div.contact-content form textarea {
  width: 100%;
  height: 5rem;
  margin-bottom: 0.8rem;
}
div.contact-content form input {
  width: 70%;
  padding: 0.2rem 0;
}
div.contact-content form button {
  float: right;
  width: 5rem;
  padding: 0.2rem 0.4rem;
  background-color: #fff;
  color: #666;
}
div#services-main {
  background-size: cover;
  background-position: right bottom;
  background-image: url("/~fywybzyi/_layout/hinnasto_palvelut.jpg");
  box-shadow: inset 0px 6px 6px -5px rgba(0,0,0,0.3), inset 0px -1px 0px 0px rgba(0,0,0,0.2);
}
@media (max-width: 1000px) {
  div#services-main {
    background-image: none;
    box-shadow: none;
    border-top: solid 1px #ccc;
  }
}
div#services-main div.container {
  text-align: right;
  padding: 1px 0;
  width: 50%;
}
@media (max-width: 1000px) {
  div#services-main div.container {
    width: 100%;
  }
}
div#services-main div.content {
  display: inline-block;
  box-sizing: border-box;
  padding: 1rem 1rem 0 1rem;
  max-width: 42rem;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 1px 2px 6px rgba(0,0,0,0.2);
  text-align: left;
}
@media (max-width: 1440px) {
  div#services-main div.content {
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2);
    border-radius: 0;
  }
}
@media (max-width: 1000px) {
  div#services-main div.content {
    box-shadow: none;
    min-width: 0;
    max-width: 100%;
    width: 100%;
  }
}
ul.prices {
  max-width: 20rem;
  margin: 1rem 1rem 1rem 0;
  padding-left: 1rem;
  color: #000;
  font-style: italic;
}
ul.prices li.headline {
  font-style: normal;
}
ul.prices .no-dots:before {
  content: "";
}
ul.prices li.sub {
  margin-left: 1rem;
}
.small {
  color: #ccc;
}
p.small {
  font-size: 0.9rem;
  color: #ccc;
  line-height: 1.25em;
}
div.section-half-image-half-text {
  margin: 0 50% 0 0;
  padding: 1px 0;
  background-color: #000;
  background-size: cover;
  background-position: center center;
  box-shadow: inset 0px 6px 8px -7px rgba(0,0,0,0.5), inset -1px 0px 0px 0px rgba(0,0,0,0.2), inset 0px -1px 0px 0px rgba(255,255,255,0.3);
}
@media (max-width: 1000px) {
  div.section-half-image-half-text {
    width: 100%;
    margin: 0;
    box-shadow: inset 0px 6px 8px -7px rgba(0,0,0,0.5), inset 0px 0px 0px 1px rgba(0,0,0,0.2);
  }
}
div.section-half-image-half-text div.content {
  position: static;
  box-sizing: border-box;
  padding: 1px 1rem;
  margin: 0 -100% 0 100%;
  min-width: 500px;
  max-width: 42rem;
  overflow: hidden;
}
@media (max-width: 1000px) {
  div.section-half-image-half-text div.content {
    position: absolute;
    width: 100%;
    min-width: 0px;
    max-width: 100%;
    margin: 0;
  }
}
div.section-half-image-half-text div.content div.price {
  position: absolute;
  width: 5rem;
  margin: -1rem 0 0 -7rem;
  padding: 0.5rem 0;
  background-color: #fff;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 2rem;
  font-style: italic;
  white-space: nowrap;
  box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2);
  text-align: center;
}
@media (max-width: 1000px) {
  div.section-half-image-half-text div.content div.price {
    position: relative;
    margin: 0 0 2rem 0;
  }
}
div.section-half-image-half-text div.content div.tabs {
  position: absolute;
  width: 6.5rem;
  margin: 0 0 0 -9rem;
  line-height: 1.25em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (max-width: 1000px) {
  div.section-half-image-half-text div.content div.tabs {
    position: relative;
    margin: 0 0 1rem 0;
    width: 100%;
  }
}
@media (max-width: 564px) {
  div.section-half-image-half-text div.content div.tabs {
    max-width: 16rem;
    margin: 1.5rem 0 1rem 0;
  }
}
div.section-half-image-half-text div.content div.tabs a.tab:link,
div.section-half-image-half-text div.content div.tabs a.tab:visited,
div.section-half-image-half-text div.content div.tabs a.tab:hover,
div.section-half-image-half-text div.content div.tabs a.tab:active {
  display: inline-block;
  width: 100%;
  margin: 0 0.5rem 0.5rem 0;
  padding: 0.5rem 0.5rem;
  text-align: left;
  background-color: #fff;
  box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2);
  border-radius: 1px;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition-property: margin;
          transition-property: margin;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
@media (max-width: 1000px) {
  div.section-half-image-half-text div.content div.tabs a.tab:link,
  div.section-half-image-half-text div.content div.tabs a.tab:visited,
  div.section-half-image-half-text div.content div.tabs a.tab:hover,
  div.section-half-image-half-text div.content div.tabs a.tab:active {
    width: 8rem;
    line-height: 1em;
    margin: 0 0.5rem 0.5rem 0;
    border-radius: 0;
  }
}
@media (max-width: 660px) {
  div.section-half-image-half-text div.content div.tabs a.tab:link,
  div.section-half-image-half-text div.content div.tabs a.tab:visited,
  div.section-half-image-half-text div.content div.tabs a.tab:hover,
  div.section-half-image-half-text div.content div.tabs a.tab:active {
    width: 6.5rem;
  }
}
div.section-half-image-half-text div.content div.tabs a.tab:link span,
div.section-half-image-half-text div.content div.tabs a.tab:visited span,
div.section-half-image-half-text div.content div.tabs a.tab:hover span,
div.section-half-image-half-text div.content div.tabs a.tab:active span {
  display: inline-block;
  float: right;
  font-style: italic;
  -webkit-transition-property: padding;
          transition-property: padding;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
div.section-half-image-half-text div.content div.tabs a.selected:link {
  margin: 0 0 0.5rem 0.5rem;
  border-radius: 0;
  box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.2), 0px -1px 0px 0px rgba(0,0,0,0.2), -1px 0px 0px 0px rgba(0,0,0,0.2);
}
@media (max-width: 1000px) {
  div.section-half-image-half-text div.content div.tabs a.selected:link {
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2);
    margin: 0 0.5rem 0.5rem 0;
    background-color: #ccc;
    color: #fff;
  }
}
div.section-half-image-half-text div.content div.tabs a.selected:link span {
  padding-right: 0.5rem;
}
div.section-half-image-half-text div.content div.subsection {
  position: relative;
  display: none;
}
div.section-half-image-half-text div.content h2,
div.section-half-image-half-text div.content h3 {
  margin: 0 0 1rem 0;
  color: #666;
  line-height: 1em;
}
div.section-half-image-half-text div.content h2 {
  padding-bottom: 1rem;
  border-bottom: solid 1px rgba(0,0,0,0.2);
}
@media (max-width: 1000px) {
  div.section-half-image-half-text div.content h2 {
    padding: 0;
    border-bottom: none;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 2.5rem;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    font-variant: small-caps;
  }
}
div.section-half-image-half-text div.content h3 {
  font-size: 1.75rem;
  font-variant: small-caps;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
div.section-half-image-half-text div.content div.jump {
  margin: 1rem 0;
}
div.margin-uncollapse {
  height: 0;
  overflow: hidden;
}
div.margin-uncollapse:after {
  content: ".";
}
div.cover-muotokuvaus {
  background-image: url("/~fywybzyi/_layout/hinnasto_muotokuvaus_perinto_p.jpg");
}
@media (orientation: landscape) and (max-width: 1000px) {
  div.cover-muotokuvaus {
    background-image: url("/~fywybzyi/_layout/hinnasto_muotokuvaus_perinto_l.jpg");
  }
}
div.cover-haakuvaus {
  background-image: url("/~fywybzyi/_layout/hinnasto_haakuvaus_haat_p.jpg");
}
@media (orientation: landscape) and (max-width: 1000px) {
  div.cover-haakuvaus {
    background-image: url("/~fywybzyi/_layout/hinnasto_haakuvaus_haat_l.jpg");
  }
}
div.cover-boudoir {
  background-image: url("/~fywybzyi/_layout/hinnasto_boudoir_tuote_p.jpg");
}
@media (orientation: landscape) and (max-width: 1000px) {
  div.cover-boudoir {
    background-image: url("/~fywybzyi/_layout/hinnasto_boudoir_tuote_l.jpg");
  }
}
div.cover-tilaustyot {
  background-image: url("/~fywybzyi/_layout/hinnasto_tilaustyot_p.jpg");
}
@media (orientation: landscape) and (max-width: 1000px) {
  div.cover-tilaustyot {
    background-image: url("/~fywybzyi/_layout/hinnasto_tilaustyot_l.jpg");
  }
}
@media (max-width: 1000px) {
  .hide-mobile {
    display: none;
  }
}
@media (min-width: 1001px) {
  .hide-desktop {
    display: none;
  }
}
span.goButton {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  text-align: center;
  line-height: 1rem;
  margin: 0 0.4rem;
  border: solid 1px #ccc;
  background-color: #fff;
  color: #ccc;
  border-radius: 50%;
}
span.goButton:after {
  content: "\203A";
  font-size: 1.2rem;
}
span.Next {
  margin: 0 0 0 0.4rem;
}
span.Next:after {
  content: "\203A";
}
span.Previous {
  margin: 0 0.4rem 0 0;
}
span.Previous:after {
  content: "\2039";
}
span.FastForward {
  margin: 0 0 0 0.4rem;
}
span.FastForward:after {
  content: "\00BB";
}
span.Rewind {
  margin: 0 0.4rem 0 0;
}
span.Rewind:after {
  content: "\00AB";
}
span.Top {
  margin: 0 0.4rem 0 0;
}
span.Top:after {
  content: "\2261";
  font-size: 1.2rem;
}
a:hover span.goButton {
  background-color: #ccc;
  color: #fff;
}
a.arrow-next:after,
a.arrow-last:after,
a.arrow-previous:before,
a.arrow-first:before {
  display: inline-block;
  content: "\203A";
  width: 1.2rem;
  height: 1.2rem;
  text-align: center;
  line-height: 1rem;
  margin: 0 0.4rem;
  border: solid 1px #ccc;
  background-color: #fff;
  color: #ccc;
  border-radius: 50%;
  font-size: 1.2rem;
}
a.arrow-next:hover:after,
a.arrow-last:hover:after,
a.arrow-previous:hover:before,
a.arrow-first:hover:before {
  background-color: #ccc;
  color: #fff;
}
a.arrow-next:after {
  margin: 0 0 0 0.4rem;
}
a.arrow-last:after {
  content: "\00BB";
  margin: 0 0 0 0.4rem;
}
a.arrow-previous:before {
  content: "\2039";
  margin: 0 0.4rem 0 0;
}
a.arrow-first:before {
  content: "\00AB";
  margin: 0 0.4rem 0 0;
}
div#portfolio-hover-navi {
  display: none;
  position: absolute;
  box-sizing: border-box;
  padding: 0 0.5rem 0.5rem 0.5rem;
  z-index: 99;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}
div#portfolio-hover-navi a:link,
div#portfolio-hover-navi a:visited {
  display: block;
  width: 100%;
  padding: 0.2rem 0.5rem;
  text-decoration: none;
  font-size: 1rem;
}
div#portfolio-hover-navi a:hover,
div#portfolio-hover-navi a:active {
  text-decoration: none;
}
div#portfolio-hover-navi a:hover span.images,
div#portfolio-hover-navi a:active span.images {
  color: #333;
}
div#portfolio-hover-navi a.sub-section:link,
div#portfolio-hover-navi a.sub-section:visited {
  margin-left: 0.75rem;
  font-size: 0.9rem;
  padding: 0 0.5rem;
}
div#portfolio-hover-navi a.section-header:link,
div#portfolio-hover-navi a.section-header:visited {
  padding: 0.2rem 0.5rem 0 0.5rem;
}
div#portfolio-hover-navi span.images {
  display: inline-block;
  margin-right: 0.5rem;
  float: right;
  color: #999;
  font-size: 0.85rem;
  -webkit-transition-property: color;
          transition-property: color;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
div#portfolio-hover-navi span.section-header {
  display: block;
  margin: 0.2rem 0 0 0.5rem;
  color: #999;
}
div#portfolio-hover-navi:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #999;
  margin: 0.5rem 0 0.5rem 0;
}
div#portfolio-navi {
  box-shadow: inset 0px 6px 6px -5px rgba(0,0,0,0.3);
  background-color: #eee;
}
div#portfolio-navi a:link,
div#portfolio-navi a:visited,
div#portfolio-navi span.section-header {
/*padding 0rem 0.5rem
		margin 0.2rem 0
		background-color #fff
		font-size 1rem
		border-radius 2px*/
  padding: 0rem 1rem;
  margin: 0.4rem 0;
  font-size: 1rem;
  border-left: 1px solid #666;
}
div#portfolio-navi a:link:first-child,
div#portfolio-navi a:visited:first-child,
div#portfolio-navi span.section-header:first-child {
  border: none;
}
div#portfolio-navi a:link,
div#portfolio-navi a:visited {
  display: inline-block;
  text-decoration: none;
}
div#portfolio-navi a:hover,
div#portfolio-navi a:active {
  text-decoration: none;
}
div#portfolio-navi a:hover span.images,
div#portfolio-navi a:active span.images {
  color: #333;
}
div#portfolio-navi a.sub-section:link,
div#portfolio-navi a.sub-section:visited {
  font-size: 0.9rem;
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}
div#portfolio-navi a.sub-section:link:before,
div#portfolio-navi a.sub-section:visited:before {
  content: "";
  display: inline-block;
  height: 1rem;
  border-left: 1px solid #ccc;
  vertical-align: text-bottom;
  margin-right: 1rem;
}
div#portfolio-navi span.images {
  display: none;
/*display inline-block
		margin-right 0.5rem
		float right
		color #999
		font-size 0.85rem
		transition-property color
		transition-duration 0.1s
		transition-timing-function linear*/
}
div#portfolio-navi span.section-header {
  display: inline-block;
  color: #999;
}
div#portfolio-background {
  background-color: #f6f6f6;
  border-top: 1px solid rgba(0,0,0,0.3);
  border-bottom: 1px solid rgba(0,0,0,0.3);
  box-shadow: inset 0px 3px 3px -2px rgba(0,0,0,0.2), inset 0px -1px 2px -1px rgba(0,0,0,0.2);
}
div#share-background {
  background-color: #444;
  text-align: center;
}
div#share-background img {
  margin: 0 auto;
  display: block;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
}
div.portfolio-thumb-container {
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #ddd;
}
div.portfolio-thumb-container img {
  margin: 10px;
  vertical-align: middle;
  display: inline-block;
  outline: 1px solid rgba(255,255,255,0.2);
  outline-offset: -1px;
  box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
}
div.portfolio-thumb-container img:hover {
  cursor: pointer;
  outline: 1px solid rgba(255,255,255,0.5);
}
div.portfolio-thumb-container div.thumb,
div.portfolio-thumb-container div.thumb-folder {
  position: relative;
  margin: 10px;
  vertical-align: middle;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  text-align: left;
  box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.12), 1px 1px 3px 0px rgba(0,0,0,0.2);
}
@media (min-width: 1440px) {
  div.portfolio-thumb-container div.thumb,
  div.portfolio-thumb-container div.thumb-folder {
    -webkit-transition-property: box-shadow, outline;
            transition-property: box-shadow, outline;
    -webkit-transition-duration: 0.1s;
            transition-duration: 0.1s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
}
div.portfolio-thumb-container div.thumb:hover,
div.portfolio-thumb-container div.thumb-folder:hover {
  cursor: pointer;
  z-index: 2;
}
div.portfolio-thumb-container div.thumb-folder {
  overflow: visible;
  text-align: center;
}
div.portfolio-thumb-container div.thumb-folder h2 {
  box-sizing: border-box;
  margin: 0 auto;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 1.5rem;
/*
			font-weight normal
			color #555
			background-color rgba(255, 255, 255, 0.8)
			padding 0.25rem 0.5rem
			*/
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000;
}
div.portfolio-thumb-container div.border-black {
  box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.32), 1px 2px 6px 0px rgba(0,0,0,0.3);
}
div.portfolio-thumb-container div.border-dark {
  box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.29), 1px 2px 6px 0px rgba(0,0,0,0.3);
}
div.portfolio-thumb-container div.border-normal {
  box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.2), 1px 2px 6px 0px rgba(0,0,0,0.3);
}
div.portfolio-thumb-container div.border-bottom {
  box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.4), inset 0px 6px 6px -5px rgba(0,0,0,0.3);
}
div.portfolio-thumb-container div.border-left {
  box-shadow: inset 1px 0px 0px 0px rgba(255,255,255,0.4), inset 0px 6px 6px -5px rgba(0,0,0,0.3);
}
div.portfolio-thumb-container div.border-bottom-left {
  box-shadow: inset 1px -1px 0px 0px rgba(255,255,255,0.4), inset 0px 6px 6px -5px rgba(0,0,0,0.3);
}
div.portfolio-thumb-container div.border-hover:hover {
  box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.5), 1px 1px 3px 0px rgba(0,0,0,0.2);
}
div.portfolio-thumb-container p {
  margin: 0.5rem 0;
  line-height: 1.2rem;
}
div.portfolio-thumb-container div.side {
  float: right;
  text-align: right;
  line-height: 2.5rem;
}
@media (max-width: 800px) {
  div.portfolio-thumb-container div.side {
    float: none;
  }
  div.portfolio-thumb-container div.side .mobile-hide {
    display: none;
  }
}
div.thumb-folder-view {
  text-align: center;
}
div.sub-folder {
  text-align: justify;
}
div.border-shadow-only {
  box-shadow: inset 0px 6px 6px -5px rgba(0,0,0,0.3);
}
#image-background {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0,0,0,0.85);
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  text-align: center;
  overflow: hidden;
  -webkit-transition-property: background;
          transition-property: background;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
#image-background #image {
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.32), 1px 2px 12px #000;
  -webkit-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
}
#image-background #image.fullscreen {
  box-shadow: inset 2px 0px 0px -1px rgba(255,255,255,0.16), inset -2px 0px 0px -1px rgba(255,255,255,0.16);
}
#image-background #loader {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin: 0 auto;
  background-size: 64px 64px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/~fywybzyi/_layout/loader-spin.gif");
}
#image-background #button-row-bottom {
  position: absolute;
  z-index: 11;
  width: 100%;
  text-align: center;
}
#image-background #button-row-top {
  position: absolute;
  z-index: 11;
  right: 1rem;
  text-align: right;
}
@media (max-width: 800px) {
  #image-background .button-close {
    display: none;
  }
}
@media (max-width: 1200px) {
  #image-background .button-plus {
    display: none;
  }
}
#image-background .button-next {
  margin-left: 1rem;
}
#image-background .button-close {
  margin-left: 1rem;
}
#image-background .button-plus {
  margin-left: 1rem;
}
#image-background .button-previous {
  margin-right: 1rem;
}
@media (max-width: 800px) {
  #image-background .border-button-close {
    display: none;
  }
}
@media (max-width: 1200px) {
  #image-background .border-button-plus {
    display: none;
  }
}
#image-background .border-button-next {
  margin-left: 1rem;
}
#image-background .border-button-close {
  margin-left: 1rem;
}
#image-background .border-button-plus {
  margin-left: 1rem;
}
#image-background .border-button-previous {
  margin-right: 1rem;
}
#image-background .border-button-next,
#image-background .border-button-previous,
#image-background .border-button-close,
#image-background .border-button-plus,
#image-background .border-button-download {
  outline: none;
}
#image-background .border-button-next:focus,
#image-background .border-button-previous:focus,
#image-background .border-button-close:focus,
#image-background .border-button-plus:focus,
#image-background .border-button-download:focus {
  outline: none;
}
@media (max-width: 800px) {
  #image-background .button-text {
    display: none;
  }
  #image-background .border-button-next,
  #image-background .border-button-previous,
  #image-background .border-button-close,
  #image-background .border-button-plus,
  #image-background .border-button-download {
    padding: 1rem 1.5rem;
    background-color: transparent;
    border: none;
    box-shadow: none;
  }
  #image-background .border-button-next {
    margin-right: 1rem;
    float: right;
  }
  #image-background .border-button-previous {
    margin-left: 1rem;
    float: left;
  }
  #image-background .border-button-next:after,
  #image-background .border-button-previous:before,
  #image-background .border-button-close:after {
    width: 2rem;
    height: 2rem;
    font-size: 2rem;
    line-height: 1.8rem;
    border: solid 2px #fff;
    margin-top: 0;
  }
}
.button-next,
.button-previous,
.button-close,
.button-plus,
.button-download {
  background-color: transparent;
  border: none;
  padding: 0.4rem 0.5rem;
  color: #fff;
  white-space: nowrap;
  text-decoration: none;
  text-shadow: 1px 1px 2px #000;
  -webkit-transition-property: color;
          transition-property: color;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.button-next:hover,
.button-previous:hover,
.button-close:hover,
.button-plus:hover,
.button-download:hover {
  color: #ccc;
}
.button-next:focus,
.button-previous:focus,
.button-close:focus,
.button-plus:focus,
.button-download:focus {
  outline: none;
}
.button-next:hover:after,
.button-previous:hover:after,
.button-close:hover:after,
.button-plus:hover:after,
.button-download:hover:after,
.button-next:hover:before,
.button-previous:hover:before,
.button-close:hover:before,
.button-plus:hover:before,
.button-download:hover:before {
  background-color: #fff;
}
a.button-plus:link,
a.button-close:link {
  text-decoration: none;
}
.button-next:after,
.button-previous:before,
.button-close:after,
.button-plus:after,
.button-download:after {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  width: 1.2rem;
  height: 1.2rem;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1rem;
  border: solid 2px #fff;
  color: #fff;
  font-weight: bold;
  border-radius: 50%;
  margin-top: -0.15rem;
  -webkit-transition-property: color, background-color;
          transition-property: color, background-color;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.button-next {
  padding-left: 1rem;
}
.button-next:after {
  content: "\203A";
  margin-left: 0.5rem;
}
.button-close {
  padding-left: 1rem;
}
.button-close:after {
  content: "\00d7";
  margin-left: 0.5rem;
}
.button-plus {
  padding-left: 1rem;
}
.button-plus:after {
  content: "+";
  margin-left: 0.5rem;
}
.button-min:after {
  content: "-" !important;
}
.button-previous {
  padding-right: 1rem;
}
.button-previous:before {
  content: "\2039";
  margin-right: 0.5rem;
}
.button-download {
  padding-left: 1rem;
  font-size: 1rem;
}
.button-download:after {
  content: "\21E9";
  margin-left: 0.5rem;
}
.border-button-next,
.border-button-previous,
.border-button-close,
.border-button-plus,
.border-button-download {
  background-color: rgba(255,255,255,0.2);
  border: 1px solid rgba(255,255,255,0.4);
  padding: 0.4rem 0.5rem;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.33);
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
  white-space: nowrap;
  text-decoration: none;
  -webkit-transition-property: color;
          transition-property: color;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.border-button-next:hover,
.border-button-previous:hover,
.border-button-close:hover,
.border-button-plus:hover,
.border-button-download:hover {
  color: #fff;
}
.border-button-next:hover:after,
.border-button-previous:hover:after,
.border-button-close:hover:after,
.border-button-plus:hover:after,
.border-button-download:hover:after,
.border-button-next:hover:before,
.border-button-previous:hover:before,
.border-button-close:hover:before,
.border-button-plus:hover:before,
.border-button-download:hover:before {
  color: #666;
  background-color: #fff;
}
.border-button-next:after,
.border-button-previous:before,
.border-button-close:after,
.border-button-plus:after,
.border-button-download:after {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  width: 1.2rem;
  height: 1.2rem;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1rem;
  border: solid 1px #fff;
  color: #fff;
  border-radius: 50%;
  margin-top: -0.15rem;
  -webkit-transition-property: color, background-color;
          transition-property: color, background-color;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.border-button-next {
  padding-left: 1rem;
}
.border-button-next:after {
  content: "\203A";
  margin-left: 0.5rem;
}
.border-button-close {
  padding-left: 1rem;
}
.border-button-close:after {
  content: "\00d7";
  margin-left: 0.5rem;
}
.border-button-plus {
  padding-left: 1rem;
}
.border-button-plus:after {
  content: "+";
  margin-left: 0.5rem;
}
.border-button-minus:after {
  content: "-";
}
.border-button-previous {
  padding-right: 1rem;
}
.border-button-previous:before {
  content: "\2039";
  margin-right: 0.5rem;
}
.border-button-download {
  padding-left: 1rem;
}
.border-button-download:after {
  content: "\21E9";
  margin-left: 0.5rem;
}
.gallery-description {
  color: #555;
  text-align: left;
  max-width: 40rem;
  margin: 1rem 0 0 0;
}
.gallery-description h2 {
  margin-top: 1rem;
  color: #000;
}
@media (max-width: 740px) {
  .gallery-description h2 {
    font-size: 2.5rem;
  }
}
@media (max-width: 640px) {
  .gallery-description h2 {
    font-size: 2rem;
  }
}
@media (max-width: 400px) {
  .gallery-description h2 {
    font-size: 1.5rem;
  }
}
#password-container {
  width: 30rem;
  margin: 0 auto;
  text-align: left;
}
#password-container h2 {
  color: #fff;
  text-shadow: 1px 1px 6px rgba(0,0,0,0.8);
}
#password-container input[type=text],
#password-container input[type=password] {
  border-radius: 2px;
  font-family: Raleway, "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 3rem;
  border: 1px solid #bbb;
  background-color: transparent;
  color: #fff;
  width: 24rem;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
  padding: 0.2rem 0.4rem;
  background-color: #3c3c3c;
}
@media (max-width: 640px) {
  #password-container {
    width: 100%;
    padding: 0 1rem;
  }
  #password-container h2 {
    font-size: 2.5rem;
  }
  #password-container input[type=text],
  #password-container input[type=password] {
    font-size: 2.5rem;
    width: 70%;
  }
}
@media (max-width: 480px) {
  #password-container h2 {
    font-size: 2rem;
  }
  #password-container input[type=text],
  #password-container input[type=password] {
    font-size: 2rem;
  }
  #password-container label {
    font-size: 0.85rem;
  }
}
body.dark-mode {
  overflow: hidden;
}
body.dark-mode #image-background {
  background-color: #000;
}
body.dark-mode #image-background #image.fullscreen {
  box-shadow: none;
}
table#admin-directories {
  margin: 1rem 0;
}
table#admin-directories th {
  text-align: left;
  padding: 0.2rem 0.5rem 0.2rem 0.5rem;
  cursor: pointer;
  white-space: nowrap;
}
div.admin-navi {
  border-bottom: 1px solid #999;
  padding: 0.5rem;
  margin: 0;
}
div.admin-directories form {
  margin: 2rem 0 1rem;
}
tr.admin-directory td {
  padding: 0.2rem 0.5rem 0.2rem 0.5rem;
  vertical-align: top;
}
tr.admin-directory h1 {
  margin: 0 0 0.5rem 0;
  padding: 0;
  font-family: Georgia;
  font-size: 1.2rem;
}
tr.admin-directory h1 a:hover {
  background-color: #000;
  color: #fff;
  -webkit-transition-property: none;
          transition-property: none;
}
tr.admin-directory span {
  display: inline-block;
  width: 5rem;
}
tr.admin-directory input[type=text],
tr.admin-directory textarea {
  width: 8em;
  padding: 0 0.2rem;
  border: 1px solid #666;
}
div.admin-info-box {
  color: #c33;
  font-weight: bold;
}
input[type=hiddendebug] {
  border: 1px solid #f66;
  background-color: #dcc;
  color: #f00;
  font-size: 0.7rem;
}
div.admin-thumb {
  line-height: 1.2rem;
  color: #000;
  white-space: nowrap;
}
div.admin-thumb:hover {
  overflow: visible !important;
}
div.admin-thumb h1 {
  display: inline-block;
  margin: 0.1rem 0 0.5rem 0.1rem;
  padding: 0;
  font-family: Georgia;
  font-size: 1rem;
  background-color: rgba(255,255,255,0.8);
}
div.admin-thumb > span > span {
  background-color: rgba(255,255,255,0.8);
  display: inline-block;
  min-width: 5rem;
  margin-left: 0.1rem;
  vertical-align: top;
}
div.admin-thumb div.bars {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 6rem;
  height: 3rem;
  background-color: rgba(255,255,255,0.2);
}
div.admin-thumb input[type=text] {
  width: 7rem;
  padding: 0 0.2rem;
  margin: 0 0 0.2rem 0;
  line-height: 1.2rem;
  vertical-align: baseline;
  border: none;
  text-align: center;
  text-shadow: 0px 0px 1px #fff;
  border: 1px solid #666;
}
div.admin-thumb input[type=checkbox] {
  width: 2rem;
}
div.admin-thumb span.show-image-button:hover {
  background-color: #fff;
}
.delete-image {
  display: inline-block;
  padding: 0 0.5rem;
  background-color: #933;
  color: #fff;
  font-weight: bold;
}
.delete-image:hover {
  color: #f00;
  background-color: #600;
}
canvas {
  outline: 1px solid #f00;
}
#masthead {
  border: none;
}
#masthead div.header-container {
  border-bottom: 1px solid #ccc;
}
#site-branding {
  display: none !important;
}
#desktop-navigation {
  display: none !important;
}
.search-open {
  display: none !important;
}
.desktop-search {
  display: none !important;
}
.sticky-header {
  display: none !important;
}
div.container-all {
  font-family: Georgia, serif;
}
div.container-all p {
  font-family: Georgia, serif;
}
div.container-all h1,
div.container-all h2,
div.container-all h3,
div.container-all h4 {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  color: #555;
}
div.container-all h1.entry-title {
  font-family: Raleway, "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
div.container-all footer#colophon {
  font-family: Georgia, serif;
}
div.container-all #page-start,
div.container-all #singlepost-wrap {
  padding-top: 3.6%;
}
@media (min-width: 761px) {
  div.container-all #page-start,
  div.container-all #singlepost-wrap {
    padding-top: 5.25rem;
    padding-top: calc(3.2rem + 3.6%);
  }
}
@media (min-width: 1031px) {
  div.container-all #page-start,
  div.container-all #singlepost-wrap {
    padding-top: 6.25rem;
    padding-top: calc(4.25rem + 2%);
  }
}
div.container-all .entry-thumbnail img,
div.container-all .entry-content img {
  outline: 1px solid rgba(0,0,0,0.12);
  outline-offset: -1px;
}
div.container-all .posts-wrap div.entry-meta {
  display: none !important;
}
h1.site-title,
p.site-title,
.entry-summary,
.widget,
.title-footer,
.entry-header p.intro,
.entry-content,
.entry-content p,
.entry-content table,
.entry-content dl,
.entry-content ul,
.entry-content ol,
p.section-about-text,
p.text-big,
p.text-small,
#desktop-navigation,
.entry-meta,
#primary #infinite-handle span,
.blog .hentry .entry-cats,
p.site-description,
.blog-wrap h3.blog-title,
#secondary h2.widget-title,
.format-video .entry-thumbnail span.video-icon,
#colophon,
.front-section-title,
.social-front-title,
.blog .hentry .entry-cats a,
.big-instagram-wrap .widget h2.widget-title,
.inner-offcanvas-wrap,
#sidebar-offcanvas .widget h2.widget-title,
.big-instagram-wrap .clear,
.single-post .entry-cats,
.single-post .entry-footer,
#comments,
.navigation,
.uku-neo div.sharedaddy h3.sd-title,
#commentform input#submit,
.entry-content blockquote,
.entry-content blockquote p,
.desktop-search input.search-field,
input.jetpack_subscription_widget,
.widget_mc4wp_form_widget input[type="email"],
.widget_mc4wp_form_widget input[type="submit"],
.jetpack_subscription_widget #subscribe-email input[type="email"],
.jetpack_subscription_widget #subscribe-submit input[type="submit"],
.contact-form,
.contact-form input[type='submit'],
.site-content div.wpcf7 input,
.site-content div.wpcf7 textarea,
.site-content div.wpcf7 p,
.page .edit-link,
.widget_search input.search-field,
.widget_search input[type="submit"],
.error404 .entry-content input[type="submit"],
.post-password-form input[type="submit"],
.archive-header h1.archive-title,
.blog-wrap .hentry .entry-cats a,
.entry-content h5,
.entry-content h6,
.shopfront-section h2.section-title,
.woocommerce ul.products li.product .price,
.cart-offcanvas h2.offcanvas-cart-title,
.uku-neo .onsale,
#front-section-three .entry-cats a,
.uku-neo a.account-btn span.btn-text,
.shop_cat_desc,
.uku-neo.woocommerce-checkout input#place_order {
  font-family: Georgia, serif;
}
.entry-content p a:after,
.entry-meta a:after,
#front-section-sixcolumn .entry-cats a:after,
.null-instagram-feed .clear a:after,
.front-section a.all-posts-link:after,
.uku-neo .section-two-column-two .entry-cats a:after,
p.section-about-text a.small-link:after,
.uku-neo #front-section-three a.all-posts-link:after,
.single-post .entry-cats a:after,
.single-post .entry-tags a:after,
.uku-neo .author-bio a:after,
#comments .comment-reply a:after,
.uku-neo .comment-text a:after,
.textwidget a:after {
  content: '' !important;
  display: none !important;
}
header#masthead {
  background-color: #fff;
  position: fixed;
  width: 100%;
  z-index: 2;
}
@media (max-width: 760px) {
  header#masthead {
    position: relative;
  }
}
header#masthead div.header-container {
  box-sizing: border-box;
  padding: 1rem 0 0.75rem 0;
}
@media (max-width: 1030px) {
  header#masthead div.header-container {
    padding: 0.5rem 0 0.25rem 0;
  }
}
@media (max-width: 760px) {
  header#masthead div.header-container {
    padding: 0.25rem 0 0 1rem;
    position: relative;
  }
}
header#masthead .social-icons img {
  box-sizing: content-box;
}
@media (max-width: 760px) {
  header#masthead .social-icons {
    top: 0rem;
  }
}
a.navi-tab:link,
a.navi-tab:visited,
div.navi-tab {
  display: inline-block;
  background-color: #fff;
  box-shadow: 1px 2px 4px rgba(0,0,0,0.15);
/*border 8px solid #fff*/
  padding: 0.4rem 0.8rem;
  margin: 0.5rem 0.5rem;
  border-radius: 1px;
  text-decoration: none;
  cursor: pointer;
}
div.navi-tab {
  -webkit-transition-property: color, background-color;
          transition-property: color, background-color;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
div.navi-tab:hover {
  color: #000;
}
img.portfolio-thumbnail {
  visibility: hidden;
}
div.portfolio-thumbnail {
  display: inline-block;
  padding: 0;
  margin: 0.4rem 0.4rem;
  cursor: pointer;
  text-align: right;
  opacity: 0;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: top;
  box-shadow: 1px 2px 5px rgba(0,0,0,0.5), inset 0px 0px 0px 1px rgba(0,0,0,0.25);
}
img.ilmoitus {
  padding: 0;
  margin: 0.4rem 0.4rem;
  box-shadow: 1px 2px 5px rgba(0,0,0,0.5), inset 0px 0px 0px 1px rgba(0,0,0,0.25);
}
div.portfolio-thumbnail:hover {
  box-shadow: 1px 2px 5px rgba(0,0,0,0.5), inset 0px 0px 0px 1px rgba(0,0,0,0.5), inset 0px 0px 0px 200px rgba(255,255,255,0.18);
}
div.portfolio-thumbnail img {
  display: block;
}
div.portfolio-thumb-admin {
  display: inline-block;
  margin: 1rem 0px 1rem 20px;
  width: 280px;
  height: 280px;
  background-color: #fff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: left;
  box-shadow: 1px 2px 6px rgba(0,0,0,0.2);
  border: 5px solid #fff;
  border-radius: 3px;
}
div.portfolio-thumb-admin-drop {
  float: left;
  margin: 1rem 0;
  width: 30px;
  height: 290px;
}
div.portfolio-thumb-admin span {
  background-color: rgba(255,255,255,0.66);
  color: #000;
  vertical-align: middle;
}
div.portfolio-thumb-admin span input {
  background-color: rgba(255,255,255,0.66);
  padding: 0;
  border: solid 1px #ccc;
  font-size: 0.8rem;
  vertical-align: middle;
}
div.portfolio-thumbnail-animation:hover {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}
div.portfolio-thumbnail-animation {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition-property: -webkit-transform;
          transition-property: transform;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0, 0.66);
          transition-timing-function: cubic-bezier(0, 0, 0, 0.66);
}
span.portfolio-makingof {
  position: absolute;
  margin: -1.5rem 0 0 -1.5rem;
  z-index: 3;
  width: 20px;
  height: 20px;
  padding: 0px 0px 0 0;
  visibility: hidden;
  line-height: 20px;
  text-align: center;
  font-family: Georgia;
  font-weight: bold;
  text-shadow: 1px 0px 1px #000, -1px 0px 1px #000, 0px 1px 1px #000, 0px -1px 1px #000;
  color: #fff;
  font-size: 1.3rem;
  cursor: pointer;
}
span.portfolio-makingof:hover {
  color: #ccc;
}
div.portfolio-container {
  position: fixed;
  z-index: 11;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  padding: 0;
  text-align: center;
  vertical-align: top;
  background-color: rgba(240,240,240,0.9);
  background-color: rgba(0,0,0,0.9);
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/~fywybzyi/_layout/loader-black.gif");
}
div.portfolio-button-cancel {
  position: fixed;
  z-index: 17;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  background-color: #fff;
  padding: 0.4rem 0.8rem;
  border-radius: 1px;
}
div.portfolio-button-cancel div {
  display: inline-block;
  position: relative;
  z-index: 16;
  background-color: #ccc;
  font-weight: bold;
  color: #3a3a3a;
  line-height: 1rem;
  height: 1rem;
  width: 1rem;
  margin: 0;
  text-align: center;
  cursor: pointer;
}
div.portfolio-image {
  position: relative;
  z-index: 13;
  display: inline-block;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  padding: 0;
  box-shadow: 1px 2px 8px rgba(0,0,0,0.3), inset 0px 0px 0px 1px rgba(0,0,0,0.3);
  box-shadow: 2px 4px 16px rgba(0,0,0,0.5), inset 0px 0px 0px 1px rgba(255,255,255,0.12);
  margin: 0 auto 0 auto;
}
div.portfolio-frame img {
  margin: 0;
  padding: 0;
  display: block;
}
div.portfolio-frame:hover img {
  margin: 0;
}
div.portfolio-button-container {
  position: fixed;
  width: 100%;
  bottom: 1rem;
  z-index: 14;
  margin: 0 auto 0 auto;
  text-align: center;
}
div.portfolio-button-makingof {
  position: fixed;
  z-index: 17;
  top: 1rem;
  left: 1rem;
  background-color: #fff;
  padding: 0.4rem 0.8rem;
  border-radius: 1px;
}
div.unnecessaryButton {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 20;
  width: 40px;
  height: 40px;
  background-color: none;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition-property: -webkit-transform, background-color;
          transition-property: transform, background-color;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
div.unnecessaryButton:hover {
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  background-color: #666;
}
.auto-rotate {
  cursor: auto;
}