:root {
  --thm-font: "Roboto Slab", serif;
  --thm-b-font: "Roboto", sans-serif;
  --thm-base: #00aa55;
  --thm-base-hover: #fff;
  --thm-base-rgb: 55, 156, 244;
  --thm-base-hue: #e6f3ff;
  --thm-secondary: #333;
  --thm-secondary-hover: #070606;
  --thm-secondary-rgb: 51, 51, 51;
  --thm-b-text: #686a6f;
  --thm-b-text-rgb: 104, 106, 111;
  --thm-border: #e1e1e1;
  --thm-border-rgb: 225, 225, 225;
}
/* animation */
@keyframes pulseInOut {
  0% {
    opacity: 1;
    transform: scale(.3)
  }

  100% {
    opacity: 0;
    transform: scale(1.7)
  }
}
@keyframes preloader-dual-inner-o {
  0% {
    opacity: 1;
    transform: translate(0 0)
  }

  49.99% {
    opacity: 1;
    transform: translate(80px, 0)
  }

  50% {
    opacity: 0;
    transform: translate(80px, 0)
  }

  100% {
    opacity: 0;
    transform: translate(0, 0)
  }
}
@keyframes preloader-dual-inner {
  0% {
    transform: translate(0, 0)
  }

  50% {
    transform: translate(80px, 0)
  }

  100% {
    transform: translate(0, 0)
  }
}
@-webkit-keyframes cssload-loading-ani1 {
  100% {
    -webkit-transform: translate(39px);
    transform: translate(39px);
    opacity: 0;
  }
}
@keyframes cssload-loading-ani1 {
  100% {
    -webkit-transform: translate(39px);
    transform: translate(39px);
    opacity: 0;
  }
}
@-webkit-keyframes cssload-loading-ani2 {
  100% {
    -webkit-transform: translate(19px);
    transform: translate(19px);
    opacity: 1;
  }
}
@keyframes cssload-loading-ani2 {
  100% {
    -webkit-transform: translate(19px);
    transform: translate(19px);
    opacity: 1;
  }
}
@-webkit-keyframes cssload-loading-ani3 {
  100% {
    -webkit-transform: translate(19px);
    transform: translate(19px);
  }
}
@keyframes cssload-loading-ani3 {
  100% {
    -webkit-transform: translate(19px);
    transform: translate(19px);
  }
}
@keyframes preloader-squares-inner {
  0% {
    transform: scale(1.1500000000000001)
  }

  100% {
    transform: scale(1)
  }
}
@keyframes preloader-pulse-inner-1 {
  0% {
    top: 36px;
    height: 128px
  }

  50% {
    top: 60px;
    height: 80px
  }

  100% {
    top: 60px;
    height: 80px
  }
}
@keyframes preloader-pulse-inner-2 {
  0% {
    top: 41.99999999999999px;
    height: 116.00000000000001px
  }

  50% {
    top: 60px;
    height: 80px
  }

  100% {
    top: 60px;
    height: 80px
  }
}
@keyframes preloader-pulse-inner-3 {
  0% {
    top: 48px;
    height: 104px
  }

  50% {
    top: 60px;
    height: 80px
  }

  100% {
    top: 60px;
    height: 80px
  }
}
@keyframes preloader-gear-inner {
  0% {
    transform: rotate(0deg)
  }

  50% {
    transform: rotate(22.5deg)
  }

  100% {
    transform: rotate(45deg)
  }
}
@keyframes preloader-ripple-inner {
  0% {
    top: 96px;
    left: 96px;
    width: 0;
    height: 0;
    opacity: 1;
  }

  100% {
    top: 18px;
    left: 18px;
    width: 156px;
    height: 156px;
    opacity: 0;
  }
}
@keyframes preloader-eclipse {
  0% {
    transform: rotate(0deg)
  }

  50% {
    transform: rotate(180deg)
  }

  100% {
    transform: rotate(360deg)
  }
}
@keyframes preloader-spinner-inner {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}
/* Yleiset */
::selection{
  background-color: var(--thm-base);
  color: #fff;
}
html {
  overflow-x: hidden;
}
body {
  font-family: var(--thm-b-font);
  overflow-x: hidden;
  color: var(--thm-b-text);
  font-size: 16px;
  line-height: 1.8;
}
.richtext h2 {
  font-size: 26px;
}
.richtext h3, .richtext h4 {
  font-size: 22px;
}
.fw-400{
  font-weight: 400;
}
.sigma_box {
  padding: 30px;
  background-color: #fff;
  box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.03);
}
.gallery-thumb{
  position: relative;
}
.gallery-thumb::before{
  content: "\f002";
  position: absolute;
  right: 20px;
  top: 30px;
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.gallery-thumb:hover::before{
  top: 20px;
  opacity: 1;
  visibility: visible;
}
.object-cover {
  object-fit: cover;
}
.section {
  position: relative;
  padding: 100px 0;
}
.section.section-padding {
  padding: 100px 0 70px;
}
.section.shape-after::after {
  content: '';
  position: absolute;
  background-color: var(--thm-base);
  opacity: .3;
  left: 20px;
  right: 20px;
  bottom: -20px;
  top: 20px;
  z-index: -2;
}
.section-title {
  position: relative;
  /*max-width: 640px;*/
}
.section-title a:hover {
  color:#333;
}
.tmpl-asukkaat .sigma_about-content .section-title {
  position: relative;
  max-width: 100%;
}
.section-title.centered {
  text-align: center;
  margin: 0 auto 50px;
}
.section-title.flex-title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 50px;
  max-width: 100%;
}
.section-title .title {
  font-weight: 700;
  font-size: 50px;
  line-height: 1.1;
  position: relative;
}
.sigma_cta h3 {
  color: white;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.1;
  position: relative;
}
.section-title.has-element span{
  display: flex;
  width: 50px;
  height: 2px;
  background-color: var(--thm-secondary);
}
.section-title.has-element  i{
  display: flex;
  font-size: 44px;
  line-height: 0;
  margin: 0 15px;
  color: var(--thm-base);
}
.section-title .subtitle {
  display: inline-flex;
  color: var(--thm-base);
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}
.section-title .btn-link {
  margin-top: 20px;
}
.required {
  font-size: 12px;
  line-height: 1;
  color: #f78686;
  font-style: normal;
}
img {
  max-width: 100%;
}
ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
label {
  margin-bottom: 10px;
  color: var(--thm-b-text);
  font-weight: 500;
}
b, strong {
  font-weight: 600;
}
.sigma_stroke-text {
  font-size: 240px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  text-align: center;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fff;
  z-index: 1;
  opacity: 0.2;
  margin: 0;
}
.center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.topleft-absolute {
  position: absolute;
  left: -30px;
  top: -30px;
}
.dark-overlay,
.primary-overlay {
  position: relative;
  z-index: 1;
}
.primary-overlay::before,
.dark-overlay::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
  z-index: -1;
}
.primary-overlay::before {
  background-color: rgba(0, 0, 0, .6);
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: center;
}
.mb-30 {
  margin-bottom: 30px;
}
/* Buttonit */
button,
.sigma_btn {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  position: relative;
  background-color: var(--thm-base);
  border: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 17px 30px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-transform: uppercase;
  border-radius: 0;
  overflow: hidden;
  z-index: 1;
  box-shadow: 0 3px 24px rgba(0, 0, 0, .1);
}
button i,
.sigma_btn i {
  margin: 0 0 0 10px;
  color: #fff;
  z-index: 1;
}
.btn-rounded button,
.btn-rounded .sigma_btn,
.rounded-border select,
.rounded-border textarea,
.rounded-border .form-control {
  border-radius: 6px;
}
.btn-pill button,
.btn-pill .sigma_btn,
.pill-border select,
.pill-border textarea,
.pill-border .form-control {
  border-radius: 25px;
}
.bottom-border select,
.bottom-border textarea,
.bottom-border .form-control {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid var(--thm-border);
  padding: 8px 0;
}
button:hover,
.sigma_btn:hover,
button:focus,
.sigma_btn:focus {
  color: #000;
  box-shadow: 0 3px 24px rgba(0, 0, 0, .1);
  outline: none;
}
button.secondary,
.sigma_btn.secondary {
  background-color: var(--thm-secondary);
}
button.secondary:hover,
.sigma_btn.secondary:hover,
button.secondary:focus,
.sigma_btn.secondary:focus {
  color: #fff;
}
button.tertiary,
.sigma_btn.tertiary {
  background-color: #7553f2;
}
button.tertiary:hover,
.sigma_btn.tertiary:hover,
button.tertiary:focus,
.sigma_btn.tertiary:focus {
  color: #fff;
}
button.light,
.sigma_btn.light {
  background-color: #fff;
  color: var(--thm-secondary);
}
button.light i,
.sigma_btn.light i {
  color: var(--thm-secondary);
}
button.light:hover,
.sigma_btn.light:hover,
button.light:focus,
.sigma_btn.light:focus {
  color: var(--thm-secondary);
}
/* Button hover */
.btn-style-1 button:before,
.btn-style-1 .sigma_btn:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: calc(100% - 10px);
  border-radius: 0;
  background-color: var(--thm-base-hover);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: 0.3s;
}
.btn-style-2 button:before,
.btn-style-2 .sigma_btn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  border-radius: 0;
  background-color: var(--thm-base-hover);
  z-index: -1;
  transition: 0.3s;
}
.btn-style-3 button:before,
.btn-style-3 .sigma_btn:before {
  content: "";
  position: absolute;
  height: 100%;
  left: -35%;
  top: 0;
  transform: skew(50deg);
  width: 0;
  border-radius: 0;
  background-color: var(--thm-base-hover);
  z-index: -1;
  transition: 0.3s;
}
.btn-style-4 button:before,
.btn-style-4 .sigma_btn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  border-radius: 0;
  background-color: var(--thm-base-hover);
  z-index: -1;
  transition: 0.3s;
}
.btn-style-5 button:before,
.btn-style-5 .sigma_btn:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 0;
  width: 0;
  border-radius: 0;
  background-color: var(--thm-base-hover);
  z-index: -1;
  transition: 0.3s;
}
.btn-style-6 button:before,
.btn-style-6 .sigma_btn:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: -120px;
  bottom: -50px;
  border-radius: 0;
  background-color: var(--thm-base-hover);
  z-index: -1;
  transition: 0.3s;
}
.btn-style-7 button:before,
.btn-style-7 .sigma_btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0;
  background-color: var(--thm-base-hover);
  transform: scaleY(0);
  transform-origin: 50%;
  transition: 0.3s;
}
.btn-style-8 button:before,
.btn-style-8 .sigma_btn:before {
  content: "";
  position: absolute;
  left: 110%;
  top: 0px;
  width: 100%;
  height: 100%;
  transform: skewX(-25deg);
  transition: 0.3s;
  z-index: -1;
  border-radius: 0;
  background-color: var(--thm-base-hover);
}
.btn-style-9 button:before,
.btn-style-9 .sigma_btn:before {
  content: "";
  position: absolute;
  left: 90%;
  top: 0px;
  width: 100%;
  height: 100%;
  transform: skewX(-25deg);
  transition: 0.3s;
  z-index: -1;
  border-radius: 0;
  background-color: var(--thm-base-hover);
}
button.secondary:before,
.sigma_btn.secondary:before {
  background-color: var(--thm-secondary-hover);
}
button.tertiary:before,
.sigma_btn.tertiary:before,
button.tertiary:before {
  background-color: #4224b1;
}
button.light:before,
.sigma_btn.light:before {
  background-color: rgba(0, 0, 0, 0.1);
}
.btn-rounded button:before,
.btn-rounded .sigma_btn:before {
  border-radius: 6px;
}
.btn-pill button:before,
.btn-pill .sigma_btn:before {
  border-radius: 25px;
}
.btn-style-1 button:hover:before,
.btn-style-1 .sigma_btn:hover:before {
  opacity: 1;
  visibility: visible;
  width: calc(100% - 10px);
}
.btn-style-2 button:hover:before,
.btn-style-2 .sigma_btn:hover:before {
  height: 100%;
}
.btn-style-3 button:hover:before,
.btn-style-3 .sigma_btn:hover:before {
  width: 160%;
  height: 100%;
}
.btn-style-4 button:hover:before,
.btn-style-4 .sigma_btn:hover:before {
  width: 100%;
}
.btn-style-5 button:hover:before,
.btn-style-5 .sigma_btn:hover:before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.btn-style-6 button:hover:before,
.btn-style-6 .sigma_btn:hover:before {
  right: 0;
  bottom: 0;
}
.btn-style-7 button:hover:before,
.btn-style-7 .sigma_btn:hover:before {
  transform: scaleY(1);
}
.btn-style-8 button:hover:before,
.btn-style-8 .sigma_btn:hover:before {
  left: 0%;
  transform: scale(1, 1);
}
.btn-style-9 button:hover:before,
.btn-style-9 .sigma_btn:hover:before {
  left: 0%;
  transform: scale(1, 1);
}
button.mfp-close,
button.mfp-arrow{
  box-shadow: none;
}
button.mfp-close:before,
button.mfp-arrow:before,
button.close:before{
  content: none;
}
button.btn-sm,
.sigma_btn.btn-sm {
  font-size: 14px;
  padding: 12px 20px;
  text-transform: capitalize;
}
button.btn-md,
.sigma_btn.btn-md {

}
button.btn-lg,
.sigma_btn.btn-lg {
}
.btn-link {
  transition: 0.3s;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.btn-link:hover {
  text-decoration: none;
  color: var(--thm-base-hover);
}
.btn-link i {
  transition: 0.3s;
  margin-left: 10px;
  font-size: 13px;
}
.btn-link:hover i {
  margin-left: 13px;
}
/* Inputs */
.form-group {
  position: relative;
  margin-bottom: 20px;
}
.sigma_form input[type=button]:active, .sigma_form input[type=submit]:active, .sigma_form input[type=reset]:active  {
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
.sigma_form input[type=text], .sigma_form textarea, .sigma_form input[type=email] {
  background-color: #f6f6f6;
  border: none;
  color: #000;
  padding: 1em;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 5px;
  width: 85%;
  border: 2px solid #f6f6f6;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.sigma_form input[type=submit]{
  background-color: #00aa55;
  border: none;
  color: #fff;
  padding: 1em;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 10px;
  margin-top: 20px;
}
.sigma_form input[type=submit]:hover{
  background-color: #008d46;
  color: #fff;
  cursor: pointer;
}
.sigma_form input[type=text]:focus, .sigma_form input[type=password]:focus, .sigma_form input[type=email]:focus {
  background-color: #fff;
  border-bottom: 2px solid #00aa55;
}
.sigma_form input[type=text]:placeholder, .sigma_form input[type=password]:placeholder, .sigma_form input[type=email]:placeholder, .sigma_form textarea:placeholder {
  color: #cccccc;
}
.sigma_form *:focus {
    outline: none;
}
/* Värit */
.primary-color {
  color: var(--thm-base);
}
.secondary-color {
  color: var(--thm-secondary);
}
.tertiary-color {
  color: #7553f2;
}
.light-bg {
  background-color: #f7f7f7;
}
.bg-white {
  background-color: #fff;
}
.bg-primary-1 {
  background-color: var(--thm-base);
}
.bg-secondary-1 {
  background-color: var(--thm-secondary);
}
.bg-tertiary {
  background-color: #7553f2;
}
.bg-primary-light {
  background-color: var(--thm-base-hue);
}
.bg-secondary-light {
  background-color: #c8c8c8;
}
.bg-tertiary-light {
  background-color: #d4c8ff;
}
.bg-gray {
  background-color: #f8f8f8;
}
/* Karuselli */
.slick-slide {
  position: relative;
  outline: none;
}
.slick-prev,
.slick-next {
  position: relative;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
  color: var(--thm-secondary);
  border: 0;
  padding: 0;
  outline: none;
  transition: 0.3s;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background-color: var(--thm-base);
  color: #222!important;
}
.slick-prev:before,
.slick-next:before {
  content: "\f053";
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
}
[class*="btn-style-"] .slick-prev::after,
[class*="btn-style-"] .slick-next::after {
  display: none;
}
[class*="btn-style-"] .slick-prev::before,
[class*="btn-style-"] .slick-next::before {
  content: "\f053";
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  opacity: 1;
  visibility: visible;
  background-color: transparent;
}
[class*="btn-style-"] .slick-prev:hover::before,
[class*="btn-style-"] .slick-next:hover::before{
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
}
[class*="btn-style-"] .slick-next::before,
.slick-next:before {
  content: "\f054";
}
.slick-dots li:focus,
.slick-dots li:hover,
.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: none;
}
.slick-dots li+li {
  margin-left: 10px;
}
.slick-dots li button {
  font-size: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 50%;
  transition: 0.3s;
  border: 0;
  padding: 0;
}
[class*="btn-style-"] .slick-dots li button::after,
[class*="btn-style-"] .slick-dots li button::before {
  display: none;
}
.slick-dots .slick-active button {
  background-color: var(--thm-base);
}
/*--- custom arrows ---- */
.sigma_custom-arrows{
  display: flex;
  align-items: center;
}
.sigma_custom-arrows .slick-prev,
.sigma_custom-arrows .slick-next{
  background-color: var(--thm-base);
  opacity: 1;
  visibility: visible;
  cursor: pointer;
}
.sigma_custom-arrows .slick-prev:hover,
.sigma_custom-arrows .slick-next:hover{
  background-color: var(--thm-base-hover);
}
.sigma_custom-arrows .slick-next{
  margin-left: 12px;
}
/* Typgraphia */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1, h2, h3, h4, h5, h6 {
  font-family: var(--thm-font);
  font-weight: 600;
  color: var(--thm-secondary);
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 20px;
}
h1 {
  font-size: 52px;
}
h2 {
  font-size: 44px;
}
h3 {
  font-size: 36px;
  line-height: 1.2;
}
h4 {
  font-size: 28px;
  line-height: 1.4;
}
h5 {
  font-size: 24px;
  line-height: 1.3;
}
h6 {
  font-size: 18px;
  line-height: 1.7;
}
p {
  margin-bottom: 20px;
}
a {
  color: var(--thm-base);
  transition: .3s;
  display: inline-block;
}
a:hover,
a:focus {
  outline: none;
  box-shadow: none;
  text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
a:hover {
  color: var(--thm-base);
  text-decoration: underline;
}
.sigma_post-body .richtext a:hover {
  color:#00aa55;
  text-decoration: underline;
}
.sigma_close {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
}
.sigma_close:hover span {
  opacity: 1;
}
.sigma_close span {
  position: absolute;
  width: 24px;
  height: 2px;
  opacity: .5;
  transition: .3s;
  background-color: var(--thm-secondary);
}
.sigma_close.light span {
  background-color: #fff;
}
.sigma_close span:first-child {
  transform: rotate(45deg);
}
.sigma_close:hover span:first-child {
  transform: rotate(0deg);
}
.sigma_close:hover span:last-child {
  transform: rotate(180deg);
}
.sigma_close span:last-child {
  transform: rotate(135deg);
}
/* Sisältökuvat */
.module-kuvia {
  	margin-top:1em;
  	margin-bottom:1em;
  	padding:0.5em;
  	float:left;
  	clear:both;
  	width:100%;
}
.size-large {
  	clear:both!important;
  	width:100%;
  	margin-top:1em;
  	margin-bottom:1em;
  	float:left;
}
.size-large img {
  	width:100%;
  	height:auto;
}
.size-small {
  	clear:right!important;
  	width:50%;
  	float:left;
  	margin-top:1em;
  	margin-bottom:1em;
}
.size-small img {
  	width:100%;
  	height:auto;
}
.size-large .img-content, .size-small .img-content {
	 margin:0.5em;
}
.img-content .kuvateksti {
  	font-style:italic;
  	margin-top:0.2em;
  	font-size:0.9em;
}
@media screen and (max-width: 576px) {
    .size-large, .size-small {
    	width:100%;
    }
}
/* Galleria */
.gallery {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.gallery .thumb {
  margin-bottom: 10px;
}
.gallery .thumb img:hover {
  opacity: .8;
}
/* Kirjaudu sisään */
.login-page {
  padding-top: 100px;
  padding-bottom: 100px;
}
.loginform {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 100%;
  padding: 2em;
  margin-bottom:1em;
}
.loginform #formContent {
  -webkit-border-radius: 20px 20px 20px 20px;
	background:white;
	padding: 1em;
	width: 100%;
	max-width: 600px;
	position: relative;
	padding: 0px;
	-webkit-box-shadow: 0 60px 60px 0 rgba(0,0,0,0.3);
	box-shadow: 0 60px 60px 0 rgba(0,0,0,0.3);
	text-align: center;
	border-top: 1px solid #ddd;
}
.loginform #formFooter {
  background-color: #f6f6f6;
  border-top: 1px solid #ddd;
 	padding: 2em;
 	text-align: center;
  -webkit-border-radius: 0 0 20px 20px;
  border-radius: 0 0 20px 20px;
	color:#fff;
}
.loginform .icon {
	padding-top:1em;
	padding-bottom:1em;
}
.loginform .welcome {
	padding:1em;
}
.loginform .welcome p {
	color:#686868;
}
.loginform p.error {
	color:red;
	font-weight: 700;
}
.loginform h2.inactive {
  color: #cccccc;
}
.loginform h2.active {
  color: #0d0d0d;
  border-bottom: 2px solid #5fbae9;
}
.loginform #formFooter a {
	color:#333;
}
.loginform input[type=button], .loginform input[type=submit], .loginform input[type=reset]  {
  background-color: #00aa55;
  border: none;
  color: white;
  padding: 1em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  margin-top:2em;
  margin-bottom:2em;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-weight: 500;
}
.loginform input[type=button]:hover, .loginform input[type=submit]:hover, .loginform input[type=reset]:hover  {
  background-color: #016935;
  cursor:pointer;
}
.loginform input[type=button]:active, .loginform input[type=submit]:active, .loginform input[type=reset]:active  {
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
.loginform input[type=text], .loginform input[type=password], .loginform input[type=email] {
  background-color: #f6f6f6;
  border: none;
  color: #000;
  padding: 1em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 5px;
  width: 85%;
  border: 2px solid #f6f6f6;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.loginform input[type=text]:focus, .loginform input[type=password]:focus, .loginform input[type=email]:focus {
  background-color: #fff;
  border-bottom: 2px solid #00aa55;
}
.loginform input[type=text]:placeholder, .loginform input[type=password]:placeholder, .loginform input[type=email]:placeholder {
  color: #cccccc;
}
.loginform *:focus {
    outline: none;
}
.loginform .icon {
 width:100%;
}
.loginform .icon img {
  width:100%;
  max-width:200px;
  height:auto;
  padding-top:1em;
}
/* Unohtuiko salasana */
.unohtuiko-salasana {
	padding-top:1em;
	padding-bottom:1em;
	padding-left:0em;
	padding-right:0em;
}
.unohtuiko-salasana .left-addon {
	padding-top:1em!import;
	padding-bottom:1em;
	width:100%;
	max-width:450px;
	height:auto;
	font-size:1.2em;
}
.unohtuiko-salasana  button {
	margin-top:2em!import;
	margin-bottom:1em;
	margin-left:0.2em;
	font-size:1em;
}
.unohtuiko-salasana input[type=text] {
  background-color: #fff;
  color: #000;
  padding: 1em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 5px;
  width: 85%;
  border: 2px solid #f6f6f6;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.unohtuiko-salasana input[type=text]:focus {
  background-color: #fff;
  border-bottom: 2px solid #00aa55;
}
.unohtuiko-salasana input[type=text]:placeholder {
  color: #cccccc;
}
.tmpl-unohtuikosalasana .login, .tmpl-unohtuikosalasana .valikko, .tmpl-unohtuikosalasana .haku {
	display:none;
}
.loginform #formFooter button {
  background-color: #f6f6f6!important;
	color:#333;
	border:none;
	font-weight:300;
}
.loginform #formFooter button:hover {
	text-decoration:underline;
	cursor:pointer;
}
/* Logged */
.logged {
  background: #008d46;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
}
.logged ul {
  margin-top: 3px;
}
.logged ul li {
  color: #fff;
  display: inline-block;
  margin-right: 10px;
  line-height: 14px!important;
}
.logged ul li a {
  color: #fff;
  font-size: 14px;
  line-height: 14px!important;
}
.logged input {
  margin:0px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background: transparent;
  border: 1px solid #fff;
  font-size: 14px;
  color:#fff;
}
.logged input:hover {
  background: white;
  color:#000;
  cursor: pointer;
}
@media (max-width: 576px) {
  .logged input {
    margin-top:5px;
  }
}
/* Header */
.sigma_header {
  position: relative;
  background-color: #00aa55;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03);
}
.navbar {
  padding: 0;
}
.sigma_header .sigma_logo-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}
.sigma_header .sigma_logo-wrapper .sigma_logo{
  max-width: 130px;
}
.sigma_header .navbar-nav {
  flex-direction: row;
}
.sigma_header .navbar-nav li {
  position: relative;
  transition: 0.3s;
}
.sigma_header .navbar-nav li a {
  display: block;
  padding: 30px 20px;
  color: #fff;
  font-weight: 400;
  font-family: var(--thm-font);
  position: relative;
  font-size: 16px;
}
.sigma_header .navbar-nav li a:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "";
  margin-left: 0.5em;
  top: 10;
  align-items: center;
  font-size: 18px;
}
.sigma_header .navbar-nav li:first-child>a {
  padding-left: 0;
}
.sigma_header .navbar-nav li:last-child>a {
  padding-right: 0;
}
.sigma_header .navbar-nav li a:hover,
.sigma_header .navbar-nav li.active>a {
  color: #fff;
}
.sigma_header .navbar-nav li a.active {
  font-weight: 700;
}

.sigma_header .navbar-nav li.menu-item-has-children>a:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f107";
  margin-left: 0.5em;
  top: 10;
  align-items: center;
  font-size: 18px;
}
.sigma_header .navbar-nav li .sub-menu {
  position: absolute;
  top: 100%;
  min-width: 250px;
  background-color: #fff;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.03);
  transition: 0.3s;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}
.sigma_header .navbar-nav li .sub-menu li a {
  border-bottom: 1px solid var(--thm-border);
  padding: 15px;
  display: flex;
  font-weight: 400;
  align-items: center;
  position: relative;
  color:#000;
}
.sigma_header .navbar-nav li .sub-menu li a.active {
  font-weight: 700;
}
.sigma_header .navbar-nav li .sub-menu li:last-child a {
  border-bottom: none;
}
.sigma_header .navbar-nav li.menu-item-has-children:hover>.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
  top: 100%;
}
.sigma_header .navbar-nav li.menu-item-has-children .sub-menu li .sub-menu {
  left: 100%;
  top: 0;
}
.sigma_header-absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 55;
}
/* Header */
.sigma_header-top {
  background-color: #fff;
  border-bottom: 1px solid var(--thm-border);
  padding: 0;
}
.sigma_header-top-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
.sigma_header-top-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0;
}
.sigma_header-top .sigma_header-top-nav li {
  margin: 0;
}
.sigma_header-top .sigma_header-top-nav li a {
  color: #fff;
  font-weight: 600;
  font-size: 12px;
}
.sigma_header-top .sigma_header-top-nav li+li {
  margin-left: 10px;
}
.sigma_header-top-contacts .sigma_header-top-nav li a {
  display: block;
  font-size: 14px;
  width: 41px;
  height: 41px;
  background-color: rgba(var(--thm-base-rgb), .25);
  display: inline-flex;
  color: var(--thm-base);
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 12px;
  margin-right: 0;
}
.sigma_header.style-1 .sigma_header-top-contacts .sigma_header-top-nav li a{
   color: var(--thm-base);
}
.sigma_header-top-contacts .sigma_header-top-nav li a:hover,
.sigma_header.style-1 .sigma_header-top-contacts .sigma_header-top-nav li a:hover {
  background-color: var(--thm-base);
  color: #fff;
}
.sigma_header-top .sigma_header-top-cta li {
  height: 100%;
}
.sigma_header-top .sigma_header-top-cta li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  background-color: var(--thm-base);
  color: #fff;
  border-radius: 4px;
  font-weight: 500;
}
.sigma_header-top .sigma_header-top-cta li a:hover{
  background-color: var(--thm-base-hover);
}
/* Header bottom */
.sigma_header-bottom{
  background-color: var(--thm-secondary);
}
.sigma_header-bottom-inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.sigma_header .sigma_header-bottom .navbar-nav > li > a{
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
}
.sigma_header .sigma_header-bottom .navbar-nav li a:hover{
  color: var(--thm-base);
}
.sigma_header .sigma_header-bottom-inner .aside-toggle.desktop-toggler{
  display: flex;
  height: 62px;
  width: 62px;
  align-items: center;
  justify-content: center;
  background-color: var(--thm-base);
  transition: .3s;
  border-radius: 0;
  border: 0;
}
.sigma_header .sigma_header-bottom-inner .aside-toggle.desktop-toggler span{
  background-color: #fff;
}
/* Header Controls starts */
.sigma_header .sigma_header-controls ul {
  display: flex;
  align-items: center;
}
.sigma_header .sigma_header-controls ul li+li {
  margin-left: 15px;
}
.sigma_header .sigma_header-controls ul li.header-controls-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border: 1px solid var(--thm-border);
  color: #fff;
  font-size: 18px;
  border-radius: 10px;
}
.sigma_header .sigma_header-controls ul li.header-controls-item a.sigma_header-control-cart {
  width: auto;
  height: auto;
  padding: 13px 15px;
  line-height: 1;
  display: flex;
  align-items: center;
}
.sigma_header .sigma_header-controls ul li.header-controls-item a.sigma_header-control-cart .sigma_header-control-cart-inner {
  margin-left: 10px;
}
.sigma_header .sigma_header-controls ul li.header-controls-item a.sigma_header-control-cart p,
.sigma_header .sigma_header-controls ul li.header-controls-item a.sigma_header-control-cart span {
  font-size: 16px;
}
.sigma_header .sigma_header-controls ul li.header-controls-item a.sigma_header-control-cart span {
  display: block;
  margin-bottom: 5px;
  margin-top: 5px;
  font-weight: 400;
  font-size: 16px;
}
.sigma_header .sigma_header-controls ul li.header-controls-item a.sigma_header-control-cart p {
  margin: 0;
  font-weight: 600;
  color: var(--thm-base);
}
.sigma_header .sigma_header-controls ul li.header-controls-item a:hover {
  background-color: #f8f8f8;
  color:#000;
}
.sigma_header .aside-toggle,
.sigma_header .aside-toggle.desktop-toggler {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  width: 58px;
  height: 58px;
  border: 1px solid var(--thm-border);
  border-radius: 10px;
  transition: 0.3s;
}
.sigma_header .aside-toggle:hover {
  background-color: #f8f8f8;
}
.sigma_header .aside-toggle:hover span{
  margin: 0;
}
.sigma_header .aside-toggle:hover span:nth-child(1){
  width: 10px;
  transform: rotate(45deg) translate(7px,-3px);
}
.sigma_header .aside-toggle:hover span:nth-child(3) {
  width: 10px;
  transform: rotate(-45deg) translate(7px,3px);
}
.sigma_header .aside-toggle {
  display: none;
}
.sigma_header .aside-toggle span {
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 3px;
  background-color: #fff;
  transition: .3s;
  transform-origin: right;
}
.sigma_header .aside-toggle:hover span {
  background-color: #000;
}
.sigma_header .aside-toggle span+span {
  margin-top: 5px;
}
.sigma_header .sigma_header-controls.style-2 ul li.header-controls-item a.sigma_header-control-cart{
  width: 58px;
  position: relative;
  height: 58px;
  padding: 0;
}
.sigma_header .sigma_header-controls.style-2 ul li.header-controls-item a.sigma_header-control-cart span{
  position: absolute;
  top: -5px;
  right: -5px;
  width: 25px;
  height: 25px;
  font-weight: 600;
  font-size: 12px;
  background-color: var(--thm-base);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.sigma_header .sigma_header-controls.style-2 .aside-toggle,
.sigma_header .sigma_header-controls.style-2 ul li.header-controls-item a{
  border-radius: 50%;
}
.sigma_header .container-fluid{
  padding-left: 65px;
  padding-right: 65px;
}

.sigma_header.style-2 .sigma_header-top-contacts .sigma_header-top-nav li a{
  background-color: transparent;
  border: 1px solid var(--thm-border);
  color: var(--thm-secondary);
}
.sigma_header.style-2 .sigma_header-top-contacts .sigma_header-top-nav li a:hover{
  background-color: var(--thm-base);
  border-color: var(--thm-base);
  color: #fff;
}
.sigma_header.style-3{
  background-color: transparent;
  box-shadow: none;
}
.sigma_header-top .sigma_header-top-contacts ul li a{
  color: var(--thm-secondary);
}
.sigma_header-top .sigma_header-top-contacts ul li a:hover{
  color: var(--thm-base-hover);
}
.sigma_header-top.dark-bg{
  background-color: var(--thm-secondary);
}
.sigma_header-top.dark-bg .sigma_header-top-links li a,
.sigma_header-top.dark-bg .sigma_header-top-links li select,
.sigma_header-top.dark-bg .sigma_header-top-contacts ul li a{
  color: #fff;
}
.sigma_header.style-4 .sigma_header-bottom-inner{
  justify-content: center;
}
.sigma_header.style-4 .sigma_header-controls ul li.header-controls-item a,
.sigma_header.style-4 .aside-toggle{
  border-radius: 0;
}
.sigma_header.style-5 .sigma_header-top,
.sigma_header.style-5 .sigma_header-middle,
.sigma_header.style-6 .sigma_header-top,
.sigma_header.style-6 .sigma_header-middle{
  padding-left: 0;
  padding-right: 0;
}
.sigma_header .sigma_header-top-links li a,
.sigma_header .sigma_header-top-links li select{
  display: flex;
  align-items: center;
  color: var(--thm-secondary);
  font-size: 14px;
  font-weight: 400;
}
.sigma_header .sigma_header-top-links li select{
  background-color: transparent;
  height: auto;
  padding: 0;
  border: 0;
  background-image: none;
  -webkit-appearance: auto;
  cursor: pointer;
}
.sigma_header .sigma_header-top-links li a:hover,
.sigma_header .sigma_header-top-links.important-links li a:hover,
.sigma_header .sigma_header-top-links li select:hover{
  color: var(--thm-base-hover);
}
.sigma_header .sigma_header-top-links li a i{
  margin-right: 10px;
}
.sigma_header .sigma_header-top-links li + li{
  margin-left: 15px;
}
.sigma_header .sigma_header-top-links.important-links li a{
  font-size: 16px;
  padding: 30px 0;
  color: var(--thm-secondary);
}
.sigma_header .sigma_header-top-links.important-links li a i{
  width: 40px;
  height: 40px;
  border: 1px solid var(--thm-border);
  border-radius: 50%;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--thm-base);
}
.sigma_header .sigma_header-top-links.important-links li p{
  margin: 0;
  line-height: 1.3;
}
.sigma_header .sigma_header-top-links.important-links li + li{
  margin-left: 40px;
}

/* Mobiilimenu */
.sigma_aside .sigma_close {
  position: absolute;
  right: 20px;
  top: 20px;
}
.sigma_aside {
  position: fixed;
  top: 0;
  left: -300px;
  width: 300px;
  height: 100%;
  z-index: 99;
  background-color: #fff;
  transition: .3s;
  overflow-y: auto;
}
.sigma_aside-overlay.aside-trigger,
.sigma_aside:not(.sigma_aside-desktop) {
  display: none;
}
.sigma_aside .sigma_logo-wrapper {
  padding: 30px 15px;
}
.sigma_aside .sigma_logo-wrapper img {
  width: 100%;
  max-width: 150px;
  height: auto;
}
.sigma_aside li.asukkaat {
  background: #00aa55;
}
.sigma_aside li.asukkaat a{
  color: #fff!important;
}
.sigma_aside li.asukkaat a i{
  margin-right:0.5em;
}
.sigma_aside .navbar-nav li a {
  display: flex;
  align-items: center;
  padding: 12px 15px;
  color: var(--thm-secondary);
  font-weight: 400;
  border-bottom: 1px solid var(--thm-border);
  font-size: 16px;
}
.sigma_aside .navbar-nav li a.active {
  font-weight: 700;
}
.sigma_aside .navbar-nav li a:hover{
  color: var(--thm-base);
}
.sigma_aside .navbar-nav li.menu-item-has-children>a:after {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f107";
  right: 18px;
  display: flex;
  align-items: center;
  font-size: 18px;
}
.sigma_aside .navbar-nav li .sub-menu {
  display: none;
}
.sigma_aside .navbar-nav li .sub-menu {
  background-color: #f8f8f8;
}
.sigma_aside-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  background-color: rgba(0, 0, 0, .4);
}
.aside-open .sigma_aside {
  left: 0;
}
.aside-open .sigma_aside:not(.sigma_aside-desktop)+.sigma_aside-overlay,
.aside-right-open .sigma_aside-desktop+.sigma_aside-overlay {
  opacity: 1;
  visibility: visible;
}
.sigma_aside.sigma_aside-desktop {
  right: -420px;
  width: 420px;
  left: auto;
}
.sigma_aside.sigma_aside-desktop .sidebar{
  padding: 30px;
}
.aside-right-open .sigma_aside.sigma_aside-desktop {
  right: 0;
}
/* Murupolku */
.sigma_subheader {
  padding: 200px 0;
  position: relative;
}
.sigma_subheader .container {
  position: relative;
}
.sigma_subheader .sigma_subheader-inner {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}
.sigma_subheader .sigma_subheader-inner h2 {
  color: #fff;
  font-size: 32px;
  margin-bottom: 16px;
}
.sigma_subheader .sigma_subheader-inner p {
  max-width: 550px;
  color: #999b9f;
}
.sigma_subheader .breadcrumb {
  background-color: transparent;
  justify-content: center;
  padding: 0;
  margin-bottom: 0;
}
.sigma_subheader .breadcrumb li {
  color: #fff;
  font-size: 16px;
  padding: 0;
}
.sigma_subheader .breadcrumb li a {
  color: #fff;
  font-weight: 400;
  display: inline-block;
}
.sigma_subheader .breadcrumb li a.active {
  color: #fff;
}
.sigma_subheader .breadcrumb li a:hover {
  text-decoration: none;
  color: #00aa55;
}
.sigma_subheader .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  color: #fff;
  padding: 0 12px;
}
.sigma_subheader .breadcrumb li,
.sigma_subheader .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  color: #fff;
}
.sigma_subheader.style-7 {
  padding: 180px 0 40px;
}
.sigma_subheader.style-7 .sigma_subheader-inner {
  margin: 0;
  text-align: left;
}
.sigma_subheader.style-7 .breadcrumb {
  justify-content: flex-start;
}
.sigma_subheader.style-7::before {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .4), transparent);
}
/* Sivunumerot */
.pagination {
  margin-top: 60px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0;
}
.pagination .page-item {
  margin: 0;
}
.pagination .page-item:last-child .page-link,
.pagination .page-item:first-child .page-link,
.pagination .page-item .page-link {
  border-radius: 0;
}
.pagination .page-link {
  color: var(--thm-secondary);
  border: 0;
  background-color: #fff;
  box-shadow: 0 3px 24px rgba(0, 0, 0, .04);
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 20px;
  margin-left: 15px;
}
.pagination .page-item .page-link.active {
  background-color: var(--thm-base);
  color:#fff;
}
.pagination .page-item:not(.active) .page-link:hover,
.pagination .page-item:not(.active) .page-link:focus {
  color: var(--thm-base);
  outline: none;
}
.sigma_post {
  position: relative;
  box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.03);
  background-color: #fff;
  margin-bottom: 30px;
  transition: 0.3s;
}
.sigma_post .sigma_post-thumb {
  position: relative;
  overflow: hidden;
}
.sigma_post .sigma_post-thumb a:first-child{
  display: block;
}
.sigma_post .sigma_post-thumb img{
  transition: 0.3s;
  width: 100%;
  height: auto;
  max-width: 800px;
}
.sigma_post .sigma_post-thumb:hover img {
  transform: scale(1.1);
}
.sigma_post .sigma_post-categories {
  position: absolute;
  left: 20px;
  top: 20px;
  display: flex;
  align-items: center;
}
.sigma_post .sigma_post-categories a,
.widget.widget-sigma-recent-posts.style-3 .sigma_recent-post .sigma_post-categories a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 15px;
  background-color: var(--thm-base);
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  border-radius: 26px;
  transition: 0.3s;
}
.sigma_post .sigma_post-categories a:hover,
.widget.widget-sigma-recent-posts.style-3 .sigma_recent-post .sigma_post-categories a:hover {
  /*background-color: var(--thm-base-hover);*/
  background: #00aa55;
  color: #fff;
}
.sigma_post .sigma_post-categories a+a {
  margin-left: 10px;
}
.sigma_post .sigma_post-body {
  padding: 30px;
  position: relative;
}
.sigma_post .sigma_post-body:before {
  content: "";
  position: absolute;
  bottom: -3px;
  right: -3px;
  width: 10px;
  height: 10px;
  background-color: var(--thm-base);
}
.sigma_post .sigma_post-meta {
  border-bottom: 1px solid var(--thm-border);
  padding-bottom: 15px;
}
.sigma_post .sigma_post-meta ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 15px;
}
.sigma_post .sigma_post-meta ul li {
  font-family: var(--thm-font);
  color: var(--thm-b-text);
  font-size: 14px;
  display: flex;
  align-items: center;
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
}
.sigma_post .sigma_post-meta ul li i {
  margin-top: -4px;
}
.sigma_post .sigma_post-meta ul li a {
  color: var(--thm-b-text);
}
.sigma_post .sigma_post-meta ul li a:hover {
  color: #000;
}
.sigma_post .sigma_post-meta ul li+li {
  padding-left: 10px;
  margin-left: 10px;
}
.sigma_post .sigma_post-meta ul li+li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background-color: var(--thm-border);
}
.sigma_post .sigma_post-date {
  position: absolute;
  right: 20px;
  top: -28px;
  text-align: center;
  padding: 12px 15px;
  font-weight: 600;
  background-color: var(--thm-base);
  color: #fff;
  line-height: 1;
  font-size: 15px;
  transition: 0.3s;
}
.sigma_post .sigma_post-date:hover {
  background-color: #00aa55!important;
}
.sigma_post .sigma_post-body .sigma_post-content {
  padding: 15px 0 0;
}
.sigma_post .sigma_post-body .sigma_post-content h5 {
  margin-bottom: 15px;
}
.sigma_post .sigma_post-body .sigma_post-content h5 a {
  font-size: 26px;
}
.sigma_post-content .banner-links {
  margin-top: 45px;
}
.sigma_post .sigma_post-body .btn-link {
  color: var(--thm-secondary);
  font-weight: 500;
  margin-top: 15px;
  font-size: 14px;
}
.sigma_post .sigma_post-body .btn-link i {
  color: var(--thm-base);
}
.sigma_post .sigma_post-body .btn-link:hover {
  color: var(--thm-base-hover);
}
.sigma_post.style-6,
.sigma_post.style-7,
.sigma_post.style-9,
.sigma_post.style-10 {
  box-shadow: none;
  background-color: transparent;
}
.sigma_post.style-6 .sigma_post-body,
.sigma_post.style-7 .sigma_post-body,
.sigma_post.style-9 .sigma_post-body {
  padding: 15px 0 0 0;
}
.sigma_post.style-6 .sigma_post-body .sigma_post-content,
.sigma_post.style-9 .sigma_post-body .sigma_post-content,
.sigma_post.style-10 .sigma_post-body .sigma_post-content {
  padding: 15px 0 0;
}
.sigma_post.style-6 .sigma_post-meta,
.sigma_post.style-7 .sigma_post-meta,
.sigma_post.style-9 .sigma_post-meta,
.sigma_post.style-10 .sigma_post-meta {
  padding: 0;
  border: 0;
}
.sigma_post.style-6 .sigma_post-body:before,
.sigma_post.style-7 .sigma_post-body:before,
.sigma_post.style-9 .sigma_post-body:before,
.sigma_post.style-10 .sigma_post-body:before {
  content: none;
}
.sigma_post.style-6 .sigma_post-meta ul {
  margin: 0;
}
/* Sisältö */
.sigma_post.style-7 {
  margin-bottom: 60px;
  padding: 15px;
}
.sigma_post.style-7.news-holder {
  border: 1px solid #eee;
}
.sigma_post.style-7 .sigma_post-body .sigma_post-content h1 {
  font-size: 42px;
}
.sigma_post.style-7 .sigma_post-body .sigma_post-content h5+p {
  margin: 15px 0;
}
.sigma_post.style-7 .sigma_post-body .sigma_post-content h5,
.sigma_post.style-8 .sigma_post-body .sigma_post-content h5 {
  margin-bottom: 0;
}
.sigma_post.style-7 .sigma_post-body .sigma_post-content h5 a:hover {
  color:#000;
  text-decoration: underline;
}
.sigma_post.style-7 .sigma_post-body .sigma_post-content,
.sigma_post.style-8 .sigma_post-body .sigma_post-content {
  padding: 0;
}
.sigma_post.style-7 .sigma_post-meta ul li i {
  margin-right: 10px;
  font-size: 16px;
}
.sigma_post.style-7 .sigma_post-meta ul li+li:before,
.sigma_post.style-8 .sigma_post-meta ul li+li:before {
  content: none;
}
.sigma_post.style-7 .sigma_post-meta ul li+li,
.sigma_post.style-8 .sigma_post-meta ul li+li {
  padding-left: 0;
  margin-left: 20px;
}
/* Post-list */
.sigma_post.sigma_post-list {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.sigma_post-list+.sigma_post-list {
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px solid var(--thm-border);
}
.sigma_post.sigma_post-list .sigma_post-thumb {
  width: 270px;
  margin-right: 30px;
}
.sigma_post.sigma_post-list .sigma_post-thumb img {
  width: auto;
}
.sigma_post.sigma_post-list .sigma_post-body {
  flex: 1;
  padding-top: 0;
}
.sigma_post.sigma_post-list .sigma_post-body .sigma_post-categories {
  position: static;
  margin-bottom: 15px;
}
.sigma_post.sigma_post-list.post-format-audio .embed-responsive-16by9::before {
  padding-top: 100%;
}
/*Blog: Misc*/
.sigma_post h5 {
  font-size: 30px;
}
.col-lg-6 .sigma_post h5 {
  font-size: 28px;
}
.col-lg-6 .sigma_post.style-7,
.col-lg-4 .sigma_post.style-7,
.col-lg-3 .sigma_post.style-7 {
  margin-bottom: 30px;
}
.sigma_related-posts .sigma_post h5,
.col-lg-4 .sigma_post h5,
.col-lg-5 .sigma_post h5 {
  font-size: 22px;
}
.col-lg-4 .sigma_post.style-6 .sigma_post-body,
.col-lg-4 .sigma_post.style-7 .sigma_post-body,
.col-lg-4 .sigma_post.style-9 .sigma_post-body {
  padding: 20px 0 0;
}
.col-lg-5 .sigma_post.sigma_post-list .sigma_post-thumb {
  width: auto;
}
.col-lg-3 .sigma_post h5 {
  font-size: 22px;
}
.col-lg-3 .sigma_post.post-format-quote blockquote cite span {
  width: 50px;
  height: 50px;
}
.col-lg-4 .sigma_post.post-format-link .sigma_post-body,
.col-lg-3 .sigma_post.post-format-link .sigma_post-body {
  padding: 30px;
}
.col-lg-4 .sigma_post.post-format-quote blockquote,
.col-lg-3 .sigma_post.post-format-quote blockquote {
  padding: 30px;
}
.col-lg-4 .sigma_post.post-format-audio .embed-responsive-16by9::before {
  padding-top: 46.25%;
}
.col-lg-3 .sigma_post.post-format-audio .embed-responsive-16by9::before {
  padding-top: 66.25%;
}
/* Asukasosion etusivu */
.sigma_post.style-11 .sigma_post-body {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 25px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.sigma_post.style-11 img {
  width: 100%;
}
.sigma_post.style-11 .sigma_post-body:before {
  content: none;
}
.sigma_post.style-11 .sigma_post-body .sigma_post-content {
  padding: 0;
}
.sigma_post.style-11 .sigma_post-body .sigma_post-content h5 a,
.sigma_post.style-11 .sigma_post-body .sigma_post-content p {
  color: #fff;
}
.sigma_post.style-11 .sigma_post-body .sigma_post-content h5 a:hover {
  color: var(--thm-base-hover);
}
.sigma_post.style-11 .sigma_post-meta .sigma_post-date{
    border: 0;
    padding: 5px 25px;
    background-color: var(--thm-base);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-bottom: 22px;
    position: relative;
    top: 0;
    left: 0;
    line-height: 1.8;
}
.sigma_post.style-11 .sigma_post-meta i{
  color: #fff;
  margin-top: 0;
}
.sigma_post.style-11 .sigma_post-meta ul li + li,
.sigma_post.style-12 .sigma_post-meta ul li + li,
.sigma_post.style-15 .sigma_post-meta ul li + li{
  margin-left: 20px;
}

.sigma_post.style-11 .sigma_post-meta .sigma_post-date:hover,
.sigma_post.style-12 .sigma_post-meta .sigma_post-date:hover,
.sigma_post.style-15 .sigma_post-meta .sigma_post-date:hover{
  background-color: var(--thm-base-hover);
}

.sigma_post.style-11 .sigma_post-meta li a{
  color: #fff;
}
.sigma_post.style-11 .sigma_post-body .sigma_post-content h5{
  margin-bottom: 12px;
}
.sigma_post.style-11 .sigma_post-meta {
  border-bottom: none;
  padding: 0;
}
.sigma_post.style-11 .sigma_post-meta ul li+li{
  padding-left: 0;
}
.sigma_post.style-11 .sigma_post-meta ul li+li:before{
  content: none;
}
.sigma_post.style-11 .sigma_post-meta i {
  color: #fff;
  font-weight: 500;
  margin-right: 8px;
  font-size: 16px;
}
/* Sivupalkki */
.sidebar .widget {
  padding: 30px;
  border-radius: 6px;
  box-shadow: 0 2px 24px rgba(0, 0, 0, 0.04);
}
.sidebar .widget+.widget {
  margin-top: 50px;
}
.sidebar .widget .widget-title {
  position: relative;
  margin-bottom: 30px;
  font-size: 26px;
}
.sidebar .widget .widget-title::before {
  content: '';
  background-color: var(--thm-base);
  width: 3px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: -30px;
}
.sidebar .widget .btn-link {
  margin-top: 10px;
}
/* Kategoriat */
.widget.widget-categories ul li+li,
.widget.widget-sigma-recent-posts.style-3 .sigma_recent-post+.sigma_recent-post,
.widget.widget-sigma-recent-posts.style-4 .sigma_recent-post+.sigma_recent-post {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid var(--thm-border);
}
.widget.widget-categories ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--thm-b-text);
  font-weight: 400;
  position: relative;
  padding-left: 18px;
}
.widget.widget-categories ul li.is-in-active-path a.active {
  font-weight: 700;
}
.widget.widget-categories ul li a:hover {
  padding-left: 24px;
}
.widget.widget-categories ul li a:before {
  content: "\f0da";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Pro";
}
.widget.widget-categories ul li a:hover {
  color: var(--thm-base);
}
.widget.widget-categories ul li a span {
  color: #fff;
  background-color: var(--thm-base);
  font-size: 14px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  font-weight: 400;
  transition: 0.3s;
}
.widget.widget-categories ul li a span:hover {
  background-color: var(--thm-base-hover);
  color: var(--thm-base);
}
/* Toinen taso */
.widget.widget-categories ul li ul.submenu {
  background: #f2f2f2;
  padding: 15px;
  margin-top: 10px;
}
/* Intra valikko */
.intra-menu {

  height:auto;
  background: #fff;
  padding: 20px;
  border: 1px solid #f2f2f2;
}
.intra-menu ul {
  width: 100%;
  height:auto;
}
/* Sivunumerot */
.sigma_single-pagination-item + .sigma_single-pagination-item{
  margin-top: 10px;
}
.sigma_single-pagination-thumb{
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--thm-border);
  background-color: #fff;
  border-radius: 0;
  margin-right: 10px;
}
.sigma_single-pagination a{
  display: flex;
  align-items: center;
}
.sigma_single-pagination a span{
  font-size: 14px;
  color: var(--thm-b-text);
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.sigma_single-pagination a h6{
  margin: 0;
  line-height: 1;
}
.sigma_single-pagination-content{
  line-height: 1;
}
.sigma_single-pagination a img{
  max-width: 40px;
}
.sigma_single-pagination-prev,
.sigma_single-pagination-next{
  padding: 10px;
  border-radius: 0;
  background-color: #fff;
  border: 1px solid var(--thm-border);
  box-shadow: 0 0 40px 5px rgba(0,0,0,.03);
  transition: .3s;
}
.sigma_single-pagination-prev:hover,
.sigma_single-pagination-next:hover{
  background-color: #f8f8f8;
}
.sigma_single-pagination i{
  color: #838383;
  margin-left: auto;
  margin-right: 20px;
  transition: .3s;
}
.sigma_single-pagination-prev:hover i{
  transform: translateX(-3px);
}
.sigma_single-pagination-next:hover i{
  transform: translateX(3px);
}
/* Lomake */
.sigma_form.has-shadow {
  position: relative;
  padding: 50px;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.03);
}
/* Captcha */
.captcha {
	font-size:1em;
	padding-top:0.5em;
	padding-bottom:1em;
	margin-bottom:0em!important;
	width:100%;
}
.captcha-input {
	font-size:0.9em;
	padding:0em;
	padding-bottom:4em;
}
.captcha-input input{
	float:left;
	clear:right;
	margin-right:0.5em;
  text-align: center!important;
  padding:0px!important;
  padding:0em!important;
  font-size: 0.9em!important;
  width: 46px!important;
  margin-top:0px!important;
  margin-bottom:0px!important;
  height:30px!important;
  background: white!important;
  border: 2px solid #888!important;
  border-radius: 0px!important;
}
.captcha-input img{
	float:left;
	clear:right;
	margin-right:0.5em;
	margin-top:0em;
}
/* CTA */
.sigma_cta {
  position: relative;
  text-align: center;
  overflow: hidden;
}
.sigma_cta p a {
  color:#fff;
  font-weight: 700;
}
.sigma_cta p a:hover {
  color:#fff;
  text-decoration: underline;
}
.sigma_cta-buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.sigma_cta-buttons a+a,
.sigma_cta-buttons button+button {
  margin-left: 20px;
}
.sigma_cta-buttons .play-btn {
  display: flex;
  align-items: center;
  padding: 10px 25px;
  color: #fff;
  background-color: var(--thm-secondary);
  font-weight: 700;
  transition: 0.3s;
}
.sigma_cta-buttons .play-btn p,
.sigma_cta.style-3 .sigma_cta-title p {
  margin: 0;
}
.sigma_cta-buttons .play-btn:hover {
  background-color: var(--thm-secondary-hover);
}
.sigma_cta-buttons .play-btn i {
  display: inline-block;
  font-size: 30px;
  margin-right: 10px;
}
.sigma_cta-buttons .play-btn span {
  font-weight: 400;
  font-size: 14px;
  display: block;
  line-height: 1;
}
.sigma_cta .sigma_cta-icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  line-height: 0;
  border-radius: 6px;
  background-color: var(--thm-base-hue);
  color: var(--thm-base);
  font-size: 36px;
  margin: 0 auto 30px;
}
.sigma_cta.style-2 {
  background-color: var(--thm-base);
  padding: 50px 50px 55px;
  z-index: 1;
}
.sigma_cta.style-2 .shape-2,
.sigma_cta.style-2 .shape-1 {
  content: '';
  position: absolute;
  top: -150px;
  left: -150px;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background-color: #fff;
  opacity: .1;
  z-index: -1;
}
.sigma_cta.style-2 .shape-2 {
  top: 200px;
  left: -100px;
  width: 200px;
  height: 200px;
  opacity: .2;
}
/* Karuselli */
.sigma_banner {
  position: relative;
  z-index: 1;
}
.sigma_banner .banner-slider-inner {
  padding: 200px 0;
  position: relative;
}
.sigma_banner .title {
  font-size: 66px;
  line-height: 1.2;
  font-weight: 700;
}
.sigma_banner h5 {
  font-weight: 500;
  position: relative;
}
.sigma_header-absolute+.sigma_banner .banner-slider-inner {
  padding: 270px 0 200px;
}
.sigma_banner .banner-links {
  margin-top: 50px;
}
.sigma_banner .sigma_banner-social {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
}
.sigma_banner .sigma_banner-image {
  position: relative;
}
.sigma_banner .sigma_video-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.sigma_banner-slider .slick-prev,
.sigma_banner-slider .slick-next,
.sigma_banner-slider-2 .slick-prev,
.sigma_banner-slider-2 .slick-next,
.sigma_banner-slider-4 .slick-prev,
.sigma_banner-slider-4 .slick-next {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--thm-base);
  color: #fff;
}
.sigma_banner-slider .slick-prev:hover,
.sigma_banner-slider .slick-next:hover,
.sigma_banner-slider-2 .slick-prev:hover,
.sigma_banner-slider-2 .slick-next:hover,
.sigma_banner-slider-4 .slick-prev:hover,
.sigma_banner-slider-4 .slick-next:hover {
  background-color: var(--thm-base-hover);
}
.sigma_banner-slider .slick-next,
.sigma_banner-slider-2 .slick-next {
  right: 10px;
  left: auto;
}
.sigma_banner-slider:hover .slick-prev,
.sigma_banner-slider-2:hover .slick-prev {
  left: 20px;
  opacity: 1;
  visibility: visible;
}
.sigma_banner-slider:hover .slick-next,
.sigma_banner-slider-2:hover .slick-next {
  right: 20px;
  opacity: 1;
  visibility: visible;
}
.sigma_banner-slider .slick-dots,
.sigma_banner-slider-2 .slick-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.sigma_banner-slider .slick-dots li button,
.sigma_banner-slider-2 .slick-dots li button {
  background-color: var(--thm-border);
}
.sigma_banner-slider .slick-dots .slick-active button,
.sigma_banner-slider-2 .slick-dots .slick-active button {
  background-color: var(--thm-base);
}
.sigma_banner .sigma_banner-tags{
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.sigma_banner .sigma_banner-tags li{
  position: relative;
}
.sigma_banner .sigma_banner-tags li + li{
  margin-left: 15px;
  padding-left: 15px;
  margin-top: 0;
}
.sigma_banner .sigma_banner-tags li + li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 12px;
    background-color: var(--thm-b-text);
}
.sigma_banner .sigma_banner-tags li a{
  color: var(--thm-b-text);
  font-weight: 600;
}
.sigma_banner .sigma_banner-tags li a:hover{
  color: var(--thm-base-hover);
}
.sigma_banner.style-2 .sigma_banner-slider-2 .slick-dots {
  bottom: 140px;
  left: 0;
  transform: none;
}
.sigma_banner.style-2 .sigma_banner-slider-2 .slick-prev {
  left: -85px;
}
.sigma_banner.style-2 .sigma_banner-slider-2 .slick-next {
  right: -85px
}
.sigma_banner.style-2 .sigma_banner-slider-2:hover .slick-prev {
  left: -80px;
}
.sigma_banner.style-2 .sigma_banner-slider-2:hover .slick-next {
  right: -80px;
}
.sigma_banner.style-4 .sigma_clients {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid var(--thm-border);
}
.banner-image-slider {
  bottom: -132px;
}
.sigma_banner-info{
    position: relative;
    margin-top: -100px;
    z-index: 1;
    margin-bottom: 80px;
}
/* Footer */
.sigma_footer {
 background-color: #f7f7f7;
  padding: 80px 0;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
}
.sigma_footer .sigma_footer-links {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 25px 0;
}
.sigma_footer .sigma_footer-links li{
  position: relative;
}
.sigma_footer .sigma_footer-links li:empty {
  display: none;
}
.sigma_footer .sigma_footer-links li+li {
  margin-left: 20px;
}
.sigma_footer .sigma_footer-links li a {
  position: relative;
  color: var(--thm-b-text);
  font-weight: 400;
}
.sigma_footer .sigma_footer-links li a.active {
  font-weight: 700;
}
.sigma_footer .sigma_footer-links li a:hover,
.sigma_footer .sigma_footer-copyright p a:hover {
  color: #000;
}
.sigma_footer .sigma_footer-copyright {
  margin-top: 25px;
}
.sigma_footer-copyright p {
  margin-top: 15px;
}
.sigma_footer .sigma_footer-copyright p a {
  font-weight: 300;
  color:var(--thm-base);
}
.sigma_footer .sigma_footer-copyright p a:hover, .sigma_footer .sigma_footer-bottom li a:hover {
  color: var(--thm-base);
  text-decoration: underline;
}
.sigma_footer .sigma_footer-bottom {
  border-top: 1px solid var(--thm-border);
  padding: 30px 0;
  margin-top: 30px;
  text-align: center;
}
.sigma_footer form span {
  opacity: 0.5;
  font-size: 14px;
  display: block;
  margin-top: 8px;
}
.sigma_footer .sigma_footer-widget .widget-title {
  margin-bottom: 20px;
}
.sigma_footer .sigma_footer-widget {
  padding-bottom: 50px;
  height: 100%;
}
.sigma_footer .sigma_footer-contact li,
.sigma-call{
  display: flex;
  align-items: center;
}
.sigma_footer .sigma_footer-contact li + li{
  margin-top: 20px;
}
.sigma_footer .sigma_footer-contact li i{
  color: var(--thm-secondary);
  font-size: 22px;
  margin-right: 20px;
}
.sigma_footer .sigma_footer-contact li p,
.sigma-call p{
  margin-bottom: 0;
}
.sigma-call i{
  color: var(--thm-base);
  font-size: 32px;
  margin-right: 18px;
}
 .sigma-call h5{
  color: var(--thm-secondary);
  margin-bottom: 0;
  line-height: 1;
}
.sigma_footer.style-3 .sigma_footer-links,
.sigma_footer.style-5 .sigma_footer-links,
.sigma_footer.style-6 .sigma_footer-links,
.sigma_footer.style-7 .sigma_footer-links {
  flex-direction: column;
  align-items: start;
  margin: 0;
}
.sigma_footer.style-3 .sigma_footer-links li+li,
.sigma_footer.style-5 .sigma_footer-links li+li,
.sigma_footer.style-6 .sigma_footer-links li+li,
.sigma_footer.style-7 .sigma_footer-links li+li {
  margin-left: 0;
  margin-top: 14px;
}
.sigma_footer.style-3 .sigma_social-icons li a{
  background-color: transparent;
  border: 1px solid var(--thm-base);
  border-radius: 0;
  width: 45px;
  height: 45px;
}
.sigma_footer.style-3 .sigma_social-icons li a:hover{
  background-color: var(--thm-base);
}
/* Sisältö */
.sigma_about {
  position: relative;
}
.sigma_about .sigma_about-content .important-text {
  padding: 30px;
  background-color: #fff;
  box-shadow: 0 0 40px 5px rgba(0, 0, 0, .03);
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}
.sigma_about .sigma_about-content .important-text::before {
  content: "\f12a";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  position: absolute;
  font-size: 80px;
  top: -5px;
  right: -5px;
  opacity: .2;
  color: var(--thm-base);
}
.sigma_about .sigma_general-list {
  padding: 0;
  background-color: transparent;
  margin: 20px 0;
  line-height: 1.5;
}
.sigma_about .sigma_about-image-1,
.sigma_about .sigma_about-image-2 {
  border: 8px solid var(--thm-base);
  background-color: #fff;
  padding: 5px;
  border-radius: 50%;
  position: relative;
}
.sigma_about .sigma_about-image-1 img,
.sigma_about .sigma_about-image-2 img {
  border-radius: 50%;
  width: 100%;
}
.sigma_about .sigma_about-image-2 {
  position: absolute;
  bottom: 30px;
  left: 5px;
}
.sigma_about .sigma_progress{
  margin-top: 60px;
}
.sigma_about .sigma_progress .progress{
  overflow: visible;
}
.sigma_about .sigma_progress .progress-bar{
  position: relative;
}
.sigma_about .sigma_progress .progress-bar span{
  position: absolute;
  top: 50%;
  right: 0;
  width: 4px;
  height: 20px;
  background-color: var(--thm-base);
  transform: translateY(-50%);
}
.sigma_about .sigma_progress .progress-bar span:last-child{
  right: auto;
  left: 0;
}
.sigma_about .sigma_progress .sigma_progress-count{
  padding: 0;
  background-color: transparent;
  color: var(--thm-base);
  right: 0;
}
.sigma_about .sigma_progress .sigma_progress-count::before{
  content: none;
}
.sigma_about .sigma_progress.with-secondary .progress-bar,
.sigma_about .sigma_progress.with-secondary .progress-bar span{
  background-color: var(--thm-secondary);
}
.sigma_about .sigma_progress.with-secondary .sigma_progress-count{
  color: var(--thm-secondary);
}
/* Style 5 */
.sigma_about.style-12 .sigma_about-image-1 {
  border-radius: 0;
  border: 0;
  padding: 0;
  background-color: transparent;
}
.sigma_about.style-12 .sigma_about-image-1 img {
  border-radius: 0;
  width: auto;
}
.sigma_about.style-5 [class*="sigma_about-image-"],
.sigma_about.style-10 [class*="sigma_about-image-"] {
  position: absolute;
}
.sigma_about.style-5 .sigma_about-image-1{
  top: 0;
  left: 0;
  max-width: 400px;
  max-height: 450px;
  z-index: 1;
}
.sigma_about.style-5 .sigma_about-image-2 {
  right: 20px;
  bottom: 0;
  left: auto;
  max-width: 400px;
  max-height: 260px;
  z-index: 2;
}
.sigma_about.style-5 .sigma_about-image-3 {
  right: 20px;
  top: 20px;
  max-width: 160px;
  z-index: 2;
}
.sigma_about.style-5 .sigma_about-image-4 {
  top: 140px;
  right: 95px;
  z-index: 3;
}
.sigma_about.style-5 .sigma_about-image-5 {
  z-index: 4;
  left: -45px;
  bottom: 20px;
}
/* Etusivun info */
.sigma_about.style-12 .sigma_about-image-1{
  margin-bottom: 10px;
  margin-top: 10px;
}
.sigma_about.style-12 .sigma_about-content p{
  /*color: #999b9f;*/
  color:#f2f2f2;
}
.sigma_about.style-12 .sigma_about-content h1{
  font-size: 40px;
  color: #fff;
}
.sigma_about.style-12 .sigma_about-content .sigma_about-contact{
  margin-top: 30px;
}
.sigma_about.style-12 .sigma_about-content .sigma_about-contact span{
  color: #fff;
  font-size: 32px;
  display: block;
  font-weight: 600;
  line-height: 1;
}
/* Lataaja */
.sigma_preloader {
  background-color: var(--thm-base);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s;
}
.sigma_preloader.hidden {
  opacity: 0;
  visibility: hidden;
}
.preloader-pulse-inner div {
  position: absolute;
  width: 30px;
  background-color: #fff;
}
.preloader-pulse-inner div:nth-child(1) {
  left: 35px;
  animation: preloader-pulse-inner-1 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  animation-delay: -0.2s
}
.preloader-pulse-inner div:nth-child(2) {
  left: 85px;
  animation: preloader-pulse-inner-2 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  animation-delay: -0.1s
}
.preloader-pulse-inner div:nth-child(3) {
  left: 135px;
  animation: preloader-pulse-inner-3 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  animation-delay: undefineds
}
.preloader-pulse {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
}
.preloader-pulse-inner {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0;
}
/* Responsive */
@media (max-width: 1199px) and (min-width: 991px) {

  .sigma_banner .title{
    font-size: 62px;
  }
  .sigma_about.style-3 .sigma_general-list{
    line-height: 1.5;
  }
  .sigma_about-skill.style-17:before{
    width: calc(100% - 74%);
  }
  .sigma_about.style-21 .sigma_about-image-2{
  bottom: 88px;
  }
  .sigma_portfolio.style-3 .sigma_portfolio-content {
    max-width: 350px;
  }
  .col-lg-5 .sigma_post.sigma_post-list h5 {
    font-size: 20px;
  }
  .col-lg-5 .sigma_post.sigma_post-list .sigma_post-thumb {
    margin-right: 20px;
    width: 180px;
  }
  .sigma_service-dark-space.style-19{
    height: 449px;
  }
  .sigma_info.style-24 + .sigma_info.style-24{
    padding-left: 30px;
  }
  .sigma_post-details .detail-menu-list .menu a{
    font-size: 16px;
  }
  .sigma_contact-image.style-6{
    width: calc(100% - 540px);
  }
  .sigma_contact-block.style-3{
    flex-wrap: wrap;
  }
}

@media (max-width: 1199px) {
  .widget.widget-follow .sigma_btn{
    padding: 17px 20px;
  }
  .sigma_about-sec.style-20:before{
    width: 100%;
  }
  .sigma_portfolio-wrapper.style-15 .sigma_custom-arrows{
  display: none;
  }
  .sigma_info.style-22{
    display: block;
  }
  .sigma_info.style-22 .sigma_info-title .sigma_info-icon{
    margin: 0 0 20px;
  }
}
@media (max-width: 991px) {

  h1 {
    font-size: 40px;
  }
  .mb-lg-30 {
    margin-bottom: 30px;
  }
  .col-lg-reverse {
    flex-direction: column-reverse;
  }
  body {
    font-size: 14px;
  }
  .section-title {
    margin-bottom: 30px;
  }
  .section-title.centered {
    margin: 0 auto 30px;
  }
  .sigma_header {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .sigma_header .container-fluid{
    padding-left: 15px;
    padding-right: 15px;
  }
  .sigma_header .aside-toggle {
    display: flex;
  }
  .sigma_header .navbar-nav,
  .sigma_header-bottom,
  .sigma_header .aside-toggle.desktop-toggler {
    display: none;
  }
  .sigma_aside-overlay.aside-trigger,
  .sigma_aside:not(.sigma_aside-desktop) {
    display: block;
  }
  .aside-trigger span {
    background: #000;
  }
  .sigma_aside-overlay.aside-trigger-right,
  .sigma_aside.sigma_aside-desktop {
    display: none;
  }
  .aside-open .sigma_aside-desktop:not(.sigma_aside)+.sigma_aside-overlay,
  .aside-right-open .sigma_aside-desktop+.sigma_aside-overlay {
    opacity: 0;
    visibility: hidden;
  }
  .aside-open .sigma_aside-desktop:not(.sigma_aside)+.sigma_aside-overlay.style-7,
  .aside-right-open .sigma_aside-desktop+.sigma_aside-overlay.style-7 {
    opacity: 1;
    visibility: visible;
  }
  .sigma_aside .asukasnavi {
    background: #f5f5f5;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .sigma_aside .asukasnavi h5{
    font-size: 16px;
    padding-left: 15px;
    margin-bottom: 5px;
  }
  .sigma_aside .asukasnavi li a{
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border:none;
  }
  .sigma_aside .sigma_logo img {
    width: 100%;
    max-width: 100px;
    height: auto;
  }
  .sigma_banner .title,
  .sigma_banner.style-8 .title {
    font-size: 36px;
  }
  .sigma_banner.style-3 .sigma_banner-image,
  .sigma_banner-slider-5.slick-slider {
    width: 100%;
  }
  .sigma_banner.style-3.light-overlay:before,
  .sigma_banner.style-4.light-overlay:before {
    opacity: 0.4;
  }
  .sigma_banner.style-4 .sigma_clients {
    border-color: #fff;
  }
  .banner-image-slider {
    bottom: 0;
  }
  .sigma_banner-slider-4 .slick-prev,
  .sigma_banner-slider-4 .slick-next {
    bottom: 6%;
  }
  .sigma_banner-slider-3 {
    position: relative;
    top: 0;
    margin-top: 50px;
  }
  .sigma_about.style-3 .sigma_about-image-2 {
    position: relative;
    bottom: 0;
    text-align: right;
    margin-top: -125px;
    background-color: transparent;
  }
  .sigma_about.style-3 .sigma_video-btn {
    left: 60px;
    bottom: 60px;
  }
  .sigma_about.style-4 .sigma_about-image-1 img {
    width: 100%;
  }
  .sigma_about.style-12 .sigma_about-image-1{
    margin: 40px 0 50px;
  }
  .sigma_about.style-14 .sigma_about-image-1:before{
    content: none;
  }
  .sigma_about.style-14 .sigma_about-image-1{
    right: 0;
    margin-bottom: 50px;
  }
  .sigma_about-sec.style-15:before{
    content: none;
  }
  .sigma_about-skill.style-17:before{
    content: none;
  }
  .sigma_about.style-21{
    margin-top: 190px;
  }
  .sigma_about.style-21 .sigma_about-image-2{
    bottom: -145px;
  }
  .sigma_portfolio.style-2 .sigma_portfolio-thumb.has-max-width {
    max-width: 100%;
    margin: 0;
  }
  .sigma_portfolio-slider .slick-dots {
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    flex-direction: row;
    margin-top: 20px;
  }
  .sigma_portfolio-slider .slick-dots li+li {
    margin-left: 10px;
  }
  .sigma_team.style-10 {
    margin-bottom: 50px;
  }
  .sigma_accordion.has-margin {
    margin-top: 25px;
  }
  .sigma_accordion.style-5 .accordion {
    margin-top: 30px;
  }
  .sigma_info-image.has-width {
    width: auto;
  }
  .sigma_info-image.style-16{
    margin: 0 0 50px;
  }
  .sigma_service-dark-space.style-19{
    height: 456px;
  }
  .sigma_info-wrapper.style-23:after{
    content: none;
  }
  .sigma_form.style-3 {
    padding: 0 30px;
  }
  .sigma_contact-map.has-full-height iframe {
    height: 600px;
  }
  .sigma_cta.style-3 {
    border: none;
  }
  .sigma_cta.style-5 .sigma_cta-image,
  .sigma_cta.style-10 .sigma_cta-image {
    height: 400px;
  }
  .sigma_about.style-4 .sigma_video-btn {
    transform: translate(50%, -50%);
    right: 50%;
  }
  .sigma_info.style-18,
  .sigma_info.style-24{
  flex: 0 0 100%;
  }
  .sigma_info.style-18 + .sigma_info.style-18,
  .sigma_info.style-24 + .sigma_info.style-24{
    padding-left: 0;
    border-left: 0;
    border-top: 2px solid rgba(255, 255, 255, 0.3);
    padding-top: 20px;
    margin-top: 20px;
  }
  .sigma_info.style-24 + .sigma_info.style-24{
    border-top-color: var(--thm-border);
  }
  .sigma_info-wrapper.style-24{
    padding-left: 30px;
    padding-right: 30px;
  }
  .pagination {
    margin-bottom: 40px;
  }
  .sigma_post.style-13 .sigma_post-date{
    top: 10px;
  }
  .sigma_contact-with-bg .absolute-image{
  display: none;
  }
  .sigma_form.style-5 .sigma_contact-map{
    margin-top: 40px;
    height: 400px;
  }
  .sigma_form.style-6{
     padding: 60px;
  }
}
@media (min-width: 991px) {
    .sigma_about.style-2 .sigma_about-image-1 {
      transform: translateX(-120px);
    }
    .sigma_cta.style-13 form input.topic-field{
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .sigma_cta.style-13 form input.location-field{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
}

@media (max-width: 767px) {
  h4 {
    font-size: 22px;
  }
  .section-title .title{
    font-size: 32px;
  }
  .section{
    padding: 60px 0;
  }
  .section.section-padding{
    padding: 60px 0 30px;
  }
  .sigma_stroke-text{
    font-size: 176px;
  }
  .col-md-reverse {
    flex-direction: column-reverse;
  }
  .sigma_subheader {
    padding: 100px 0;
  }
  .sigma_subheader .sigma_subheader-inner h2 {
    font-size: 32px;
    margin-bottom: 10px;
  }
  .sigma_subheader .breadcrumb li {
    font-size: 14px;
  }
  .sigma_subheader.style-4 .sigma_subheader-shape svg,
  .sigma_subheader.style-4 .sigma_subheader-shape {
    height: 85px;
  }
  .sigma_subheader.style-6 .container {
    flex-direction: column;
    align-items: flex-start;
  }
  .sigma_banner .banner-slider-inner,
  .sigma_banner.style-5 .banner-slider-inner {
    padding: 100px 0;
  }
  .sigma_banner.style-8 .banner-slider-inner{
    padding: 100px 0 200px;
  }
  .sigma_header-absolute+.sigma_banner .banner-slider-inner {
    padding: 200px 0 130px;
  }
  .sigma_banner.style-2 .sigma_banner-slider-2 .slick-dots {
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
  }
  .sigma_header-absolute+.sigma_banner.style-5 .banner-slider-inner {
    padding: 200px 0 100px;
  }
  .sigma_banner.style-7 .title {
    margin: 0;
    font-size: 58px;
  }
  .sigma_banner.style-7 .banner-slider-inner {
    padding: 80px 0 90px;
  }
  .sigma_about.style-3 .sigma_about-exp {
    top: 34px;
    right: -36px;
  }
  .sigma_about.style-9 .sigma_about-image-1:before,
  .sigma_about.style-9 .sigma_media{
    display: none;
  }
  .sigma_post h5 {
    font-size: 22px;
  }
  .sigma_related-posts .sigma_post h5,
  .col-lg-4 .sigma_post h5,
  .col-lg-5 .sigma_post h5{
    font-size: 20px;
  }
  .sigma_post.post-format-video .sigma_video-btn {
    width: 80px;
    height: 80px;
  }
  .sigma_post.sigma_post-list {
    display: block;
  }
  .sigma_post.sigma_post-list .sigma_post-thumb {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .sigma_post-details.style-4 .widget-sigma-portfolio-details{
    position: relative;
    top: auto;
    bottom: 0;
    transform: none;
    padding: 30px;
  }
  .sigma_post-details .detail-menu-list .menu{
    border-right: 0;
    border-bottom: 1px solid var(--thm-border);
  }
  .sigma_service-has-image.style-10 .absolute-image{
    display: none;
  }
  .sigma_form.style-4 {
    margin: 0 20px;
    left: 0;
  }
  .sigma_form.style-5{
    padding: 30px;
  }
  .sigma_footer .sigma_footer-top {
    flex-direction: column;
  }
  .sigma_footer .sigma_footer-top>div:not(:first-of-type):not(:last-of-type) {
    margin: 25px 0;
  }
  .intra-menu {
    margin-left: 10px;
    margin-right: 10px;
  }
  .sigma_about-content .section-title h1.maintitle, h1.maintitle {
    font-size: 28px!important;
  }
  .sigma_cta h3 {
    font-size: 26px!important;
  }
}

@media (max-width: 576px) {
  h1 {
    font-size: 30px;
  }
  h2{
    font-size: 28px;
  }
  .section-title.flex-title{
    display: block;
  }
  .sigma_subheader.style-10 .sigma_subheader-inner h2 {
    font-size: 32px;
  }
  .sigma_subheader.style-10 .sigma_subheader-inner h2::before,
  .sigma_subheader.style-10 .sigma_subheader-inner h2::after {
    height: 10px;
  }
  .sigma_banner-slider-3 .slick-dots {
    position: relative;
    flex-direction: row;
    left: 50%;
    transform: translateX(-50%);
  }
  .sigma_banner-slider-3 .slick-dots li+li {
    margin-top: 0;
    margin-left: 10px;
  }
  .sigma_about.style-3 .sigma_general-list ul,
  .sigma_about.style-4 .sigma_about-list {
    column-count: 1;
  }
  .sigma_about.style-18 .sigma_media{
    align-items: flex-start;
  }
  .sigma_about.style-18 .sigma_media + .sigma_media{
    margin-left: 0;
  }
  .sigma_about.style-19 .sigma_about-content .important-text{
    padding: 80px 25px 25px;
  }
  .sigma_about.style-21{
    margin-top: 50px;
  }
  .sigma_isotope-filter-items {
    display: block;
  }
  .sigma_isotope-filter-items .sigma_isotope-trigger+.sigma_isotope-trigger {
    margin-left: 0;
    margin-top: 20px;
  }
  .sigma_tab-item .nav-tabs {
    flex-direction: column;
  }
  .sigma_tab-item .nav-tabs li+li {
    margin-left: 0;
  }
  .sigma_form.has-shadow {
    padding: 25px;
  }
  .sigma_form.style-2 .sigma_buttons button {
    display: block;
    width: 100%;
  }
  .sigma_form.style-2 .sigma_buttons button+button {
    margin-left: 0;
    margin-top: 15px;
  }
  .sigma_form.style-7{
  padding: 30px;
  }
.sigma_form.style-7 .payment-card-wrapper .card-image{
  margin-left: 0;
  margin-top: 30px;
  }
  .sigma_cta-buttons {
    flex-direction: column;
    align-items: flex-start;
  }
  .sigma_cta-buttons a+a,
  .sigma_cta-buttons button+button {
    margin-left: 0;
    margin-top: 20px;
  }
  .sigma_cta.style-2 {
    padding: 50px 30px 60px;
  }
   .sigma_service.style-11{
    padding: 50px 20px;
   }
   .sigma_service-wrapper.style-17{
     padding-left: 30px;
     padding-right: 30px;
   }
  .sigma_info.style-17{
    display: block;
  }
  .sigma_info.style-17 .sigma_info-title .sigma_info-icon,
  .sigma_info.style-18 .sigma_info-title .sigma_info-icon{
    margin-right: 0;
    margin-bottom: 20px;
  }
  .sigma_info.style-18{
  flex: 0 0 100%;
  display: block;
  }
   .sigma_info-wrapper.style-25{
    padding: 70px 40px 20px;
   }
   .sigma_info.style-25{
    display: block;
   }
   .sigma_info.style-25 .sigma_info-icon{
    text-align: left;
    margin-bottom: 20px;
    margin-right: 0;
   }
  .sigma_footer.style-3 .sigma_footer-widget {
    text-align: center;
  }
  .sigma_footer.style-3 .sigma_footer-links {
    align-items: center;
  }
  .sigma_portfolio.style-9 .sigma_portfolio-content{
    width: calc(100% - 20px);
  }
  .sigma_post-details-meta{
    display: block;
  }
  .sigma_post-details-meta span{
    display: block;
    margin: 0 0 10px;
  }
  .sigma_post-details-meta-item + .sigma_post-details-meta-item{
    margin-top: 20px;
  }
  .sigma_author-about{
    display: block;
    text-align: center;
  }
  .sigma_author-about img{
    margin: 0 auto;
  }
  .sigma_author-about-content{
    margin: 20px 0 0;
  }
  .sigma_post-details.style-2 .sigma_post-details-inner{
    border: 0;
    padding: 0;
  }
}
/* Tiedostot */
.tiedostot .module-otsikko {
  width: 100%;
  clear: both;
}
.tiedostot .module-otsikko h2 {
  font-size: 20px;
  padding-left: 20px;
}
.tiedostot .tiedosto .icon {
  margin-top:20px;
}
.tiedostot .tiedosto .icon i {
  font-size: 22px;
}
.tiedostot .tiedosto h3 {
  font-size: 16px;
  text-align: center;
}
.tiedostot .tiedosto p {
  font-size: 12px;
  text-align: center;
  color:#000;
}
.tiedosto .card:hover a p {
  color:#000;
}
.tiedosto .card:hover a i {
  color:#00aa55;
}
/* Ladattavat */
.tiedostot {
  margin-bottom: 80px;
}
.tiedostot .aineisto {

}
.tiedostot .aineisto .holder {
	padding:0.5em;
  margin-right: 5px;
  margin-bottom: 15px;
}
.tiedostot .aineisto .tiedostokoko {
	font-size:0.8em;
  border: 1px solid #ddd;
  margin-top:15px;
}
.tiedostot .aineisto .date {
	font-size:0.8em;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.tiedostot .aineisto .tiedostonimi {
	font-size:0.8em;
}
.tiedostot .aineisto a {
	text-decoration:none;
	color:#000!important;
}
.tiedostot .aineisto a img {
  width: 100%;
  height: auto;
  max-width: 100px;
  margin-bottom: 5px;
}
.tiedostot .aineisto a:hover {
	text-decoration:none;
	color:#000!important;
	opacity:.8;
}
.tiedostot .aineisto a p {
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  word-break: break-all;
}
.tiedostot .aineisto a p.tiedostokoko {
  font-weight: 500;
}
.tiedostot .aineisto p.mellow-no-file {
  background: #eee;
  padding: 5px;
  line-height: 16px;
  font-size: 12px;
}
.tiedostot .aineisto p.mellow-no-file:hover {
  cursor: pointer;
}
/* Sivun alkuun */
.sigma_top {
  position: fixed;
  bottom: 40px;
  right: 30px;
  background-color: #fff;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 40px 5px rgba(0, 0, 0, .03);
  border-radius: 50%;
  cursor: pointer;
  z-index: 999;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
}
.sigma_top i {
  transition: .3s;
}
.sigma_top:hover {
  background-color: var(--thm-base);
  color: #fff;
}
.sigma_top:hover i {
  transform: translateY(-3px);
}
.sigma_top.active {
  bottom: 30px;
  opacity: 1;
  visibility: visible;
}
.sigma_top.style-2 {
  border-radius: 0;
}