
.poppins-thin {
    font-family: "Poppins", serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .poppins-extralight {
    font-family: "Poppins", serif;
    font-weight: 200;
    font-style: normal;
  }
  
  .poppins-light {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .poppins-regular {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .poppins-medium {
    font-family: "Poppins", serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .poppins-semibold {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-style: normal;
  }
  
  .poppins-bold {
    font-family: "Poppins", serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .poppins-extrabold {
    font-family: "Poppins", serif;
    font-weight: 800;
    font-style: normal;
  }
  
  .poppins-black {
    font-family: "Poppins", serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .poppins-thin-italic {
    font-family: "Poppins", serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .poppins-extralight-italic {
    font-family: "Poppins", serif;
    font-weight: 200;
    font-style: italic;
  }
  
  .poppins-light-italic {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .poppins-regular-italic {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .poppins-medium-italic {
    font-family: "Poppins", serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .poppins-semibold-italic {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-style: italic;
  }
  
  .poppins-bold-italic {
    font-family: "Poppins", serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .poppins-extrabold-italic {
    font-family: "Poppins", serif;
    font-weight: 800;
    font-style: italic;
  }
  
  .poppins-black-italic {
    font-family: "Poppins", serif;
    font-weight: 900;
    font-style: italic;
  }
html {
    font-family: 'Poppins', sans-serif;
    color: #005854;

}
body, .tooltip, .popover {
    font-family: 'Poppins', Arial, sans-serif;
    color: #005854;
}
.logo{
	max-width: 240px;
}

img {
    max-width: 100%;
    height: auto;
}
.lang-link{
	cursor: pointer;
}
.lang-link:hover, .lang-link.selected{
	text-decoration: underline;
}
.cat-item, .prod-item, .valinta:not(.selected), .cat:not(.selected), .link-item {
	cursor: pointer;
	/*color: rgb(16,128,130);*/
}
.cat-item:hover, .prod-item:hover, .valinta:not(.selected):hover, .cat:not(.selected):hover, .link-item:hover{
	text-decoration: underline;
}
.breadcrumbs:not(.selected) {
	cursor: pointer;
	/*color: rgb(16,128,130);*/
}
.selected .follow{
	display: none;
}
.top-box {
	border: 1px solid #888;
	border-top: 2px solid #888;
}
.prods-table , .indicator-table {
	border-bottom: 1px solid #ddd;
}
.list-header {
	border-bottom: 1px solid #ddd;
}
.sub-heads {
	border-bottom: 1px solid #888;
}

.resultbox{
	background-color: #92d4d50f;
  background-color: #cfe9ea;
  background-color: unset;
}	
.font500{
  font-weight: 500;
}
.font600{
  font-weight: 600;
}
button.back-to-top {
	display: none;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999;
	background-color: #fff;
}	
.life-header{
	border-bottom: 1px solid #ddd;
}
.life-sub-header{
	border-bottom: 1px solid #f5f5f5;
}
  
.heros{
    background-color:#cfe9ea;
}
.back-left{
    max-width: 570px;
}
.back-right{
    background-image: url(AdobeStock_684935557.jpeg) ;
    background-size: cover;

}

.btn, .form-control{
  border-radius: 0;
}

.btn-primary {
  color: #fff;
  background-color: #005845;
  border-color: #005845;
}

.btn-primary:hover {
  color: #fff;
  background-color: #005845;
  border-color: #005845;
  text-decoration: underline;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}


.btn-outline-primary {
  color: #005845;
  background-color: transparent;
  background-image: none;
  border-color: #005845;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #005845;
  border-color: #fff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}


.bg-primary {
    background-color: #005854!important;
}
hr.divider{
  background-color: #cfe9ea;
  height: 1px;
}

hr.footer-divider{
    background-color: white;
    height: 1px;
}
.footer-otsikko{
    font-weight: 600;
    padding-bottom: 1rem;
}
.footer-arrow-link i{
    padding-right: 1.5rem;
}
.arrow-link i, .download-link i {
    transition: all .2s ease-in-out;
}
.arrow-link:hover i{
  transform: translate(10px, 0px);
}
.download-link:hover i{
  transform: translate(0px, 5px);
}
.link-highlight i{
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
}
.link-highlight:hover i{
    transform: rotate(-15deg);
    transition: all .2s ease-in-out;
}
.arrow-link:hover, .download-link:hover, .link-highlight:hover{
    cursor: pointer;
}
.arrow-link:hover a, .download-link:hover a, .link-highlight:hover a{
    text-decoration: underline;
}
.page a{
    color: #005854;
}
.icon-header{
    background-color: #005854;
    color: white;
}
.icon-header img{
    height: 7rem;
}
.card-body, .link-highlight, .breadcrumbs-area, .highlight-area{
  background-color: #cfe9ea;
}
.page .no-bg{
  background-color: unset;
}
.syke_tummanvihrea{
    color: #005854;
}
.syke_vihrea{
    color: #84c497;
}
.syke_punainen{
    color: #f28e77;
}
.syke_sininen{
    color: #64c1cb;
}
.syke_vaaleanharmaa{
    color: #e4e3de;
}
.container.limit{
  max-width: 960px;
}
.small-text{
  font-size: 85%;
  font-weight: 400;
}