@charset "utf-8";

:root {
--color-gray: #999999;
--color-green: #92BA87;
--color-white: #ffffff;
--color-bg: rgba(242,234,234,0.5);
--color-footer: #4F5C5B;
}
body {
 cursor:default; 
 -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;      
}



.header-top { background-image: url(../img/header.png); background-repeat: repeat-x;     min-height: 250px;} 
.smm { color:var(--color-gray); }
.helsi { background-color: var(--color-green); color: var(--color-white); }
.uk-icon-button  { background-color: transparent !important; }
.uk-icon-button-color { background-color: var(--color-bg)  !important; }
.uk-navbar-nav>li>a {text-transform: none;font-size: 17px;min-height: 70px;}
.uk-h4, h4 {line-height: 1;}
footer { background-color: var(--color-footer); color: var(--color-white);}
footer .uk-nav>li>a {padding: 1px 0; }
.gradient {
background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(214,193,179,1) 100%);
}
.uk-button-primary:focus, .uk-button-primary:hover {background-color: #92BA87;opacity: 0.8;}
.uk-height-medium-200 { height: 180px;}
.uk-background-green {  background-color: var(--color-green); }
.service {     margin-top: -250px; }
.service svg { opacity: 0.3; padding: 20px 0px; }
.uk-offcanvas-bar { background-color: var(--color-footer); }
.uk-pagination .uk-active {  background-color: var(--color-bg);}
.uk-offcanvas-bar {width: 300px;    }
.menumleft { margin-left: 150px; }


@media (max-width: 900px) {
.service {margin-top: 0px !important;}
.header-top {min-height: 215px;background-position: bottom;}
}