@media all {
  *#dm .dmInner div.u_1463731820 .svg {
    color:var(--color_1) !important;
    fill:var(--color_1) !important;
  }

  *#dm .dmInner div.u_1465135666 .svg {
    color:var(--color_1) !important;
    fill:var(--color_1) !important;
  }

  *#dm .dmInner div.u_1984592710 .svg {
    color:var(--color_1) !important;
    fill:var(--color_1) !important;
  }

  *#dm .dmInner a.u_1179709379 {
    background-color:rgba(0,0,0,0) !important;
    border-color:rgba(67,67,67,1) !important;
  }

  *#dm .dmInner a.u_1179709379 span.text { color:rgba(67,67,67,1) !important; }

  *#dm .dmInner a.u_1245695952 {
    background-color:rgba(0,0,0,0) !important;
    border-color:var(--color_3) !important;
  }

  *#dm .dmInner nav.u_1144820115 { color:black !important; }

  *#dm .dmInner nav.u_1141000420 { color:white !important; }

  *#dm .dmInner nav.u_1300224251 { color:white !important; }

  *#dm .dmInner nav.u_1998592992 { color:black !important; }

  *#dm .dmInner div.u_1932964278 {
    background-color:rgba(0,0,0,0) !important;
    background-image:none !important;
  }

  *#dm .dmInner div.u_1479713852 {
    background-color:rgba(0,0,0,0) !important;
    background-image:none !important;
  }

  *#dm .dmInner div.u_1470033275 {
    background-color:rgba(0,0,0,0) !important;
    background-image:none !important;
  }

  *#dm .dmInner a.u_1063112055 .iconBg {
    display:inline-block !important;
    mask-image:url(https://de.cdn-website.com/2d709272a3314abebbad2ea83b8dcf5d/icon/Phone_8080192.svg) !important;
  }
}
@media (min-width:768px) and (max-width:1024px) {}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#\36 2a5a6fffb6ca21acbfd97ba {
    background-color: var(--color_1);
    background-image: initial;
}
    
#\36 2a5a6fffb6ca21acbfd97bb {
    min-height: 106px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding: 4% 2% 4% 2%;
    margin: 0% 0% 0% 0%;
}
    
#\36 2a5a6fffb6ca21acbfd97bd {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    align-items: center;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\36 2a5a70afb6ca21acbfd9963 {
    max-width: 100%;
    width: 100%;
    justify-self: auto;
    height: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#\36 2a5a6fffb6ca21acbfd97b8 {
    margin: 0px 0% 0px 0%;
}
    
#widget_j15.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 20px 15px 20px;
}
#widget_j15 {
    width: auto;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 2a5a6fffb6ca21acbfd97bb {
    padding-top: 70px;
    padding-left: 2%;
    padding-right: 2%;
}
    
#\36 2a5a6fffb6ca21acbfd97ba {
    padding-top: 0px;
    padding-bottom: 0px;
}
}



@media (max-width: 767px) {
    
#\36 2a5a70afb6ca21acbfd9963 {
    grid-area: 1 / 1 / span 1 / span 1;
}
}



@media (max-width: 767px) {
    
#\36 2a5a6fffb6ca21acbfd97bb {
    padding-top: 50px;
    flex-direction: column;
    padding-left: 4%;
    min-height: 100px;
    padding-right: 4%;
}
    
#\36 2a5a6fffb6ca21acbfd97bd {
    padding-top: 16px;
    padding-bottom: 16px;
    min-height: 5px;
    align-items: center;
    width: 100%;
}
    
#\36 2a5a70afb6ca21acbfd9963 {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    max-width: 100%;
}
}



@media all {
    
#\33 3482819 {
    align-self: auto;
    max-width: none;
    width: 100%;
    margin-bottom: 10px;
    height: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#\36 2a5a71bfb6ca21acbfd9cf2 {
    min-height: 320px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 2% 4% 2%;
    margin: 0% 0% 0% 0%;
}
    
#\36 2a5a71bfb6ca21acbfd9cf3 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 33.333333333333336%;
    justify-content: flex-start;
    min-width: 4%;
    background-color: var(--color_5);
    background-image: initial;
    padding: 30px 30px 30px 30px;
    margin: 0% 0% 0% 0%;
}
    
#\36 2a5a730fb6ca21acbfd9f36.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\36 2a5a730fb6ca21acbfd9f36 {
    align-self: auto;
    max-width: none;
    width: 100%;
    height: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\36 2a5a73cfb6ca21acbfda268 {
    align-self: auto;
    max-width: none;
    width: 100%;
    margin-bottom: 10px;
    height: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#\36 2a5a71bfb6ca21acbfd9cef {
    margin: 0px 0% 0px 0%;
}
    
#widget_qlo {
    width: auto;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\35 05b510a {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 33.333333333333336%;
    justify-content: flex-start;
    min-width: 4%;
    background-color: var(--color_4);
    background-image: initial;
    padding: 30px 30px 30px 30px;
    margin: 0% 0% 0% 0%;
}
    
#ae95afa1 {
    width: auto;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\36 8993d71.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\36 8993d71 {
    align-self: auto;
    max-width: none;
    width: 100%;
    height: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 3b5d6c6 {
    align-self: auto;
    max-width: none;
    width: 100%;
    margin-bottom: 10px;
    height: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#\33 bb84d62 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 33.333333333333336%;
    justify-content: flex-start;
    min-width: 4%;
    background-color: var(--color_5);
    background-image: initial;
    padding: 30px 30px 30px 30px;
    margin: 0% 0% 0% 0%;
}
    
#\30 9c338a8 {
    width: auto;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#b8e8a9b3.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#b8e8a9b3 {
    align-self: auto;
    max-width: none;
    width: 100%;
    height: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 2a5a71bfb6ca21acbfd9cf2 {
    column-gap: 2%;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 320px;
    padding: 35px 2% 70px 2%;
}
    
#\36 2a5a71bfb6ca21acbfd9cf3 {
    width: 32%;
    min-height: 8px;
}
    
#widget_qlo {
    height: auto;
}
    
#\35 05b510a {
    width: 32%;
    min-height: 8px;
}
    
#ae95afa1 {
    height: auto;
}
    
#\33 bb84d62 {
    width: 32%;
    min-height: 8px;
}
    
#\30 9c338a8 {
    height: auto;
}
}



@media (max-width: 767px) {
    
#\33 3482819 {
    margin-bottom: 5px;
    margin-right: 0px;
    order: 2;
}
    
#\36 2a5a71bfb6ca21acbfd9cf2 {
    row-gap: 0px;
    flex-direction: column;
    min-height: 0;
    flex-wrap: nowrap;
    padding: 35px 4% 50px 4%;
}
    
#\36 2a5a71bfb6ca21acbfd9cf3 {
    row-gap: 15px;
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\36 2a5a730fb6ca21acbfd9f36 {
    margin-right: 0px;
    order: 1;
}
    
#\36 2a5a73cfb6ca21acbfda268 {
    margin-bottom: 5px;
    margin-right: 0px;
    order: 2;
}
    
#widget_qlo {
    height: auto;
}
    
#\35 05b510a {
    row-gap: 15px;
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#ae95afa1 {
    height: auto;
}
    
#\36 8993d71 {
    margin-right: 0px;
    order: 1;
}
    
#\31 3b5d6c6 {
    margin-bottom: 5px;
    margin-right: 0px;
    order: 2;
}
    
#\33 bb84d62 {
    row-gap: 15px;
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\30 9c338a8 {
    height: auto;
}
    
#b8e8a9b3 {
    margin-right: 0px;
    order: 1;
}
}



@media all {
    
#f6f326b5 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    background-image: url(https://le-de.cdn-website.com/2d709272a3314abebbad2ea83b8dcf5d/dms3rep/multi/opt/sosiaalipalvelut-sinun-kuopio-006-1920w.jpg);
    padding: 30px 30px 30px 30px;
    margin: 0% 0% 0% 0%;
}
#f6f326b5.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAIAAoDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAdEAACAgEFAAAAAAAAAAAAAAACAwABBAYREjEy/8QAFAEBAAAAAAAAAAAAAAAAAAAAA//EABcRAQEBAQAAAAAAAAAAAAAAAAEAAhH/2gAMAwEAAhEDEQA/ALvJ1E03MTlPHmfmpEuwzJxlt2V3EQRQJ9B2/9k=');
}
    
#ed669d3a {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    padding: 30px 30px 30px 30px;
    margin: 0% 0% 0% 0%;
}
    
#\34 b4ff96b {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding: 4% 0% 4% 0%;
    margin: 0% 0% 0% 0%;
}
    
#widget_fhl {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#widget_473 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\34 b4ff96b {
    padding-left: 2%;
    padding-right: 2%;
}
}



@media (max-width: 767px) {
    
#f6f326b5 {
    width: 100%;
    min-height: 250px;
    align-items: center;
}
#f6f326b5.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAIAAoDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAdEAACAgEFAAAAAAAAAAAAAAACAwABBAYREjEy/8QAFAEBAAAAAAAAAAAAAAAAAAAAA//EABcRAQEBAQAAAAAAAAAAAAAAAAEAAhH/2gAMAwEAAhEDEQA/ALvJ1E03MTlPHmfmpEuwzJxlt2V3EQRQJ9B2/9k=');
}
    
#ed669d3a {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\34 b4ff96b {
    min-height: unset;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#fe1b2ebf.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 20px 15px 20px;
}
#fe1b2ebf {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 4f1fae1 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    margin: 0% 0% 0% 0%;
}
    
#\32 556807e {
    width: 48%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
}
    
#\39 a13b4bd {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 8% 0% 8% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\39 feace65 {
    margin: 0px 0% 0px 0%;
}
    
#d7dd6058 {
    width: auto;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\37 127441a::before, #\37 127441a > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_2);
    opacity: 0.35;
    border-radius: inherit;
}
#\37 127441a {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(https://le-de.cdn-website.com/2d709272a3314abebbad2ea83b8dcf5d/dms3rep/multi/opt/sosiaalipalvelut-sinun-kuopio-005-09d1163e-1920w.jpg);
    background-attachment: fixed;
}
#\37 127441a.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAHAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAUG/8QAHhAAAgICAgMAAAAAAAAAAAAAAQMAAgQRBhIFMYH/xAAUAQEAAAAAAAAAAAAAAAAAAAAD/8QAGREAAgMBAAAAAAAAAAAAAAAAAAECAyER/9oADAMBAAIRAxEAPwCnxbnGV5Va0VYVEU6k9fYmHzMVpzHndDtljv7EQLF16NVJqOH/2Q==');
}
    
#dc3b322a {
    width: 100%;
    height: auto;
    max-width: 100%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\39 a13b4bd {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#\39 feace65 {
    margin: 0px 0% 0px 0%;
}
    
#d7dd6058 {
    height: auto;
}
    
#\37 127441a::before, #\37 127441a > .bgExtraLayerOverlay {
    
}
#\37 127441a.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAHAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAUG/8QAHhAAAgICAgMAAAAAAAAAAAAAAQMAAgQRBhIFMYH/xAAUAQEAAAAAAAAAAAAAAAAAAAAD/8QAGREAAgMBAAAAAAAAAAAAAAAAAAECAyER/9oADAMBAAIRAxEAPwCnxbnGV5Va0VYVEU6k9fYmHzMVpzHndDtljv7EQLF16NVJqOH/2Q==');
}
}



@media (max-width: 767px) {
    
#\35 4f1fae1 {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\32 556807e {
    width: 100%;
    min-height: 0px;
    align-items: center;
}
    
#\39 a13b4bd {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
    
#d7dd6058 {
    height: auto;
}
    
#\37 127441a::before, #\37 127441a > .bgExtraLayerOverlay {
    
}
#\37 127441a.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAHAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAUG/8QAHhAAAgICAgMAAAAAAAAAAAAAAQMAAgQRBhIFMYH/xAAUAQEAAAAAAAAAAAAAAAAAAAAD/8QAGREAAgMBAAAAAAAAAAAAAAAAAAECAyER/9oADAMBAAIRAxEAPwCnxbnGV5Va0VYVEU6k9fYmHzMVpzHndDtljv7EQLF16NVJqOH/2Q==');
}
}



@media all {
    
#\31 c9d056b {
    margin: 0px 0% 0px 0%;
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#c0daa92f {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\38 a3d14ed {
    width: 48%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
}
    
#\35 9d6a98d::before, #\35 9d6a98d > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_2);
    opacity: 0.35;
    border-radius: inherit;
}
#\35 9d6a98d {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(https://le-de.cdn-website.com/2d709272a3314abebbad2ea83b8dcf5d/dms3rep/multi/opt/sosiaalipalvelut-sinun-kuopio-001-1920w.jpg);
}
    
#ee3cb591 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    margin: 0% 0% 0% 0%;
}
    
#\32 d1a2a5b {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 15% 0% 15% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\37 f1e1997.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 20px 15px 20px;
}
#\37 f1e1997 {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#widget_3nu {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\31 c9d056b {
    margin: 0px 0% 0px 0%;
}
    
#\35 9d6a98d::before, #\35 9d6a98d > .bgExtraLayerOverlay {
    
}
    
#\32 d1a2a5b {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
}



@media (max-width: 767px) {
    
#\38 a3d14ed {
    width: 100%;
    min-height: 0px;
    align-items: center;
}
    
#\35 9d6a98d::before, #\35 9d6a98d > .bgExtraLayerOverlay {
    
}
    
#ee3cb591 {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\32 d1a2a5b {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\34 6288b6f {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    margin: 0% 0% 0% 0%;
}
    
#\36 0d91bc6 {
    min-height: auto;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\38 fcf8b0f {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#widget_rhv {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
    
#\33 0e8bcaa {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 0d91bc6 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#\33 0e8bcaa {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\34 6288b6f {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\36 0d91bc6 {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\32 1e3f925 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\35 aaedb54.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 20px 15px 20px;
}
#\35 aaedb54 {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 1f29e27 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    margin: 0% 0% 0% 0%;
}
    
#\38 da0f2bd {
    width: 48%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
}
    
#a138a336 {
    margin: 0px 0% 0px 0%;
}
    
#c275ba30::before, #c275ba30 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_2);
    opacity: 0.35;
    border-radius: inherit;
}
#c275ba30 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(https://le-de.cdn-website.com/2d709272a3314abebbad2ea83b8dcf5d/dms3rep/multi/opt/sosiaalipalvelut-sinun-kuopio-004-1920w.jpg);
    background-attachment: fixed;
}
#c275ba30.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAGAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEG/8QAHhAAAgEFAAMAAAAAAAAAAAAAAQMAAgQFBhESImH/xAAUAQEAAAAAAAAAAAAAAAAAAAAF/8QAGREBAAIDAAAAAAAAAAAAAAAAAgADAUFR/9oADAMBAAIRAxEAPwDTu3LN41yRcXIaPHvqOSVb+01ElbOn7EQAXPG4laDyf//Z');
}
    
#\30 4809e9f {
    min-height: 355px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 8% 0% 8% 0%;
    margin: 0% 0% 0% 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#a138a336 {
    margin: 0px 0% 0px 0%;
}
    
#c275ba30::before, #c275ba30 > .bgExtraLayerOverlay {
    
}
#c275ba30.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAGAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEG/8QAHhAAAgEFAAMAAAAAAAAAAAAAAQMAAgQFBhESImH/xAAUAQEAAAAAAAAAAAAAAAAAAAAF/8QAGREBAAIDAAAAAAAAAAAAAAAAAgADAUFR/9oADAMBAAIRAxEAPwDTu3LN41yRcXIaPHvqOSVb+01ElbOn7EQAXPG4laDyf//Z');
}
    
#\30 4809e9f {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
}



@media (max-width: 767px) {
    
#\34 1f29e27 {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\38 da0f2bd {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#c275ba30::before, #c275ba30 > .bgExtraLayerOverlay {
    
}
#c275ba30.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAGAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEG/8QAHhAAAgEFAAMAAAAAAAAAAAAAAQMAAgQFBhESImH/xAAUAQEAAAAAAAAAAAAAAAAAAAAF/8QAGREBAAIDAAAAAAAAAAAAAAAAAgADAUFR/9oADAMBAAIRAxEAPwDTu3LN41yRcXIaPHvqOSVb+01ElbOn7EQAXPG4laDyf//Z');
}
    
#\30 4809e9f {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
}



@media all {
    
#\39 2d45929 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    padding: 30px 30px 30px 30px;
    margin: 0% 0% 0% 0%;
}
    
#d577f8cf {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#cb99f946 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    background-image: url(https://le-de.cdn-website.com/2d709272a3314abebbad2ea83b8dcf5d/dms3rep/multi/opt/20200526_1141281_213-837h.jpg);
    padding: 30px 30px 30px 30px;
    margin: 0% 0% 0% 0%;
}
#cb99f946.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAALAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABwUI/8QAIRAAAgEEAAcAAAAAAAAAAAAAAQIDAAQGEQUSExUxQVH/xAAUAQEAAAAAAAAAAAAAAAAAAAAB/8QAFxEAAwEAAAAAAAAAAAAAAAAAAAExAv/aAAwDAQACEQMRAD8AoZPmcFvlCTdyImjcK4+jdJ0ORWLwo4mUhlB3WUIAL/JuGm8HWMi7bm9+Kc4YIliRVQABQAKIx1Ef/9k=');
}
    
#\34 0172ed7 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#\31 a38f250 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding: 4% 0% 4% 0%;
    margin: 0% 0% 0% 0%;
}
    
#d870684b.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 20px 15px 20px;
}
#d870684b {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\31 a38f250 {
    padding-left: 2%;
    padding-right: 2%;
}
}



@media (max-width: 767px) {
    
#\39 2d45929 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding: 30px 15px 30px 15px;
    margin: 0% 0% 0% 0%;
}
    
#cb99f946 {
    width: 100%;
    min-height: 300px;
    align-items: center;
}
#cb99f946.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAALAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABwUI/8QAIRAAAgEEAAcAAAAAAAAAAAAAAQIDAAQGEQUSExUxQVH/xAAUAQEAAAAAAAAAAAAAAAAAAAAB/8QAFxEAAwEAAAAAAAAAAAAAAAAAAAExAv/aAAwDAQACEQMRAD8AoZPmcFvlCTdyImjcK4+jdJ0ORWLwo4mUhlB3WUIAL/JuGm8HWMi7bm9+Kc4YIliRVQABQAKIx1Ef/9k=');
}
    
#\31 a38f250 {
    min-height: unset;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
}
}



@media all {
    
#\35 ba89168 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    background-image: url(https://le-de.cdn-website.com/2d709272a3314abebbad2ea83b8dcf5d/dms3rep/multi/opt/sosiaalipalvelut-sinun-kuopio-003-1920w.jpg);
    order: 1;
    padding: 30px 30px 30px 30px;
    margin: 0% 0% 0% 0%;
}
#\35 ba89168.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAHAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAYH/8QAIBABAAAGAQUAAAAAAAAAAAAAAQACAwQFERQSISNRYf/EABUBAQEAAAAAAAAAAAAAAAAAAAIE/8QAGBEBAAMBAAAAAAAAAAAAAAAAAQACIQT/2gAMAwEAAhEDEQA/AL7m3OEt7rHBLMs3l09lfUZhX5bWqJMB1Ojf2EIh6sSKzhP/2Q==');
}
    
#\33 d89855e {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding: 4% 0% 4% 0%;
    margin: 0% 0% 0% 0%;
}
    
#e03aea4c {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#a8260d42 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    order: 0;
    padding: 30px 30px 30px 30px;
    margin: 0% 0% 0% 0%;
}
    
#\35 f02bc83 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\32 c15186e.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 15px 20px 15px 20px;
}
#\32 c15186e {
    width: auto;
    height: auto;
    min-height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 d89855e {
    padding-left: 2%;
    padding-right: 2%;
}
}



@media (max-width: 767px) {
    
#\35 ba89168 {
    width: 100%;
    min-height: 250px;
    align-items: center;
    order: 0;
}
#\35 ba89168.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAHAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAYH/8QAIBABAAAGAQUAAAAAAAAAAAAAAQACAwQFERQSISNRYf/EABUBAQEAAAAAAAAAAAAAAAAAAAIE/8QAGBEBAAMBAAAAAAAAAAAAAAAAAQACIQT/2gAMAwEAAhEDEQA/AL7m3OEt7rHBLMs3l09lfUZhX5bWqJMB1Ojf2EIh6sSKzhP/2Q==');
}
    
#\33 d89855e {
    min-height: unset;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
}
    
#a8260d42 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    order: 1;
    padding: 30px 15px 30px 15px;
    margin: 0% 0% 0% 0%;
}
}