@charset "UTF-8";
 .fp-services, .subpages-grid { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.fp-services.rows-uneven, .subpages-grid.rows-uneven { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.fp-services .fps-item, .fp-services .sb-item, .subpages-grid .fps-item, .subpages-grid .sb-item { box-shadow: inset 0 0 12px 0 rgba(0, 0, 0, 0.9); margin: 5px; max-width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (min-width: 768px) { .fp-services .fps-item, .fp-services .sb-item, .subpages-grid .fps-item, .subpages-grid .sb-item { width: calc(100% / 3 - (2 * 5px)); min-height: 150px; } }
@media (max-width: 767px) and (min-width: 481px) { .fp-services .fps-item, .fp-services .sb-item, .subpages-grid .fps-item, .subpages-grid .sb-item { width: calc(100% / 2 - (2 * 5px)); min-height: 120px; } }
@media (max-width: 480px) { .fp-services .fps-item, .fp-services .sb-item, .subpages-grid .fps-item, .subpages-grid .sb-item { width: 100%; min-height: 90px; }
.fp-services .fps-item .fps-title, .fp-services .fps-item .sb-title, .fp-services .sb-item .fps-title, .fp-services .sb-item .sb-title, .subpages-grid .fps-item .fps-title, .subpages-grid .fps-item .sb-title, .subpages-grid .sb-item .fps-title, .subpages-grid .sb-item .sb-title { font-size: 12px; } }
.fp-services .fps-item .fps-inner, .fp-services .fps-item .sb-inner, .fp-services .sb-item .fps-inner, .fp-services .sb-item .sb-inner, .subpages-grid .fps-item .fps-inner, .subpages-grid .fps-item .sb-inner, .subpages-grid .sb-item .fps-inner, .subpages-grid .sb-item .sb-inner { padding: calc(2 * 5px); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; }
.fp-services .fps-item .sb-inner, .fp-services .sb-item .sb-inner, .subpages-grid .fps-item .sb-inner, .subpages-grid .sb-item .sb-inner { background-color: rgba(0, 0, 0, 0.4); }
.fp-services .fps-item .sb-inner:hover, .fp-services .sb-item .sb-inner:hover, .subpages-grid .fps-item .sb-inner:hover, .subpages-grid .sb-item .sb-inner:hover { background-color: rgba(0, 0, 0, 0.15); }
.fp-services .fps-item .fps-title, .fp-services .fps-item .sb-title, .fp-services .sb-item .fps-title, .fp-services .sb-item .sb-title, .subpages-grid .fps-item .fps-title, .subpages-grid .fps-item .sb-title, .subpages-grid .sb-item .fps-title, .subpages-grid .sb-item .sb-title { font-family: Lato; font-weight: bold; width: 100%; text-align: center; color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 0.05em; text-shadow: 1px 1px 2px #000; } .top-bar-wrap .fa { color: #0dbd32; }
.top-bar-info { line-height: 1 !important; padding: 0 !important; }
@media (max-width: 767px) { .top-bar-info { margin-top: 0.5em !important; }
.top-bar-info li a { font-size: 0.85em !important; } }
.top-bar-info .fa { margin-right: 5px; }
.page-mobile-menu-header { height: auto !important; }
.page-mobile-menu-header .page-mobile-menu-logo { padding: 0.5em 0; }
.page-mobile-menu-header img { width: auto !important; height: 110px; } .toggle-ota-yhteytta { width: 60px; height: 60px; line-height: 60px; background: #0dbd32; color: #fff !important; cursor: pointer; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 1; border-radius: 50%; text-align: center; }
.toggle-ota-yhteytta:hover { background: #0fd538; }
.toggle-ota-yhteytta .fa { color: inherit; top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.toggle-ota-yhteytta-fixed { display: block; position: fixed; right: 30px; z-index: 100001; }
.toggle-ota-yhteytta-fixed .fa { color: inherit; top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.toggle-ota-yhteytta-fixed.nakyvilla { display: none; }
body { }
body.scrollup-show .toggle-ota-yhteytta-fixed { bottom: 6em; }
@media (max-width: 991px) { body.scrollup-show .toggle-ota-yhteytta-fixed { bottom: 5.5em; } }
body:not(.scrollup-show) .toggle-ota-yhteytta-fixed { bottom: 2em; }
#ota-yhteytta { font-size: 0.9rem; z-index: 100000; position: fixed; width: 400px; bottom: -100%; transition: bottom 300ms ease-in; right: 8.5em; background-color: #fff; padding: 15px; box-sizing: border-box; }
#ota-yhteytta hr { margin: 0 0 1em; }
@media (min-width: 768px) { #ota-yhteytta { max-height: 90vh; overflow: auto; box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.25); } }
@media (max-width: 767px) { #ota-yhteytta { left: 0 !important; right: 0 !important; width: 100%; height: 100%; overflow-y: scroll; } }
#ota-yhteytta.nakyvilla { bottom: 0 !important; }
#ota-yhteytta .ota-yhteytta-heading { display: inline-block; line-height: 3em; position: absolute; left: 0; padding-left: 1em; font-size: 1.5em; line-height: 2em; }
#ota-yhteytta .sulje-lomake { text-align: right; }
#ota-yhteytta .toggle-ota-yhteytta { display: inline-block; position: relative !important; text-align: right; }
#ota-yhteytta form .wpcf7-form-control-wrap { margin-bottom: 0; }
#ota-yhteytta form input[type="submit"]:active, #ota-yhteytta form input[type="submit"]:focus, #ota-yhteytta form input[type="submit"]:hover { background: #0dbd32 !important; }
#ota-yhteytta input[type="text"], #ota-yhteytta input[type="email"] { padding: 1em; } .framill-popup-form-element form { font-size: 1rem; }
.framill-popup-form-element form p { margin-bottom: 0 !important; }
.framill-popup-form-element form .hilight { color: #0dbd32; }
.framill-popup-form-element form .wpcf7-form-control { font-size: 0.9em !important; height: auto !important; padding: 0.5em 0.75em !important; }
.framill-popup-form-element form .wpcf7-form-control-wrap { margin-bottom: 0.75em !important; }
.framill-popup-form-element form label strong { font-weight: bold; font-size: 0.8em; }
.framill-popup-form-element form .wpcf7-field-group { padding-left: 0.75em; border-left: 1px solid #eee; margin: 0.5em 0 1em; display: flex; flex-wrap: wrap; }
.framill-popup-form-element form .wpcf7-field-group label { display: block; width: 100%; }
.framill-popup-form-element form .wpcf7-field-group .wpcf7-form-control-wrap[class*="osa"] { width: 300px; max-width: 55%; margin-right: 5px; }
.framill-popup-form-element form .wpcf7-field-group .wpcf7-form-control-wrap[class*="lkm"] { width: 75px; max-width: 50%; margin-right: 5px; }
.framill-popup-form-element form .wpcf7-field-group br { display: none !important; }
.framill-popup-form-element form .wpcf7-field-group button { height: auto !important; line-height: 1 !important; padding: 0.5em !important; min-width: 30px; display: inline-block; }
.framill-popup-form-element form .wpcf7-field-group button:focus, .framill-popup-form-element form .wpcf7-field-group button:hover, .framill-popup-form-element form .wpcf7-field-group button:active { background-color: #0dbd32; }