:root{--moms1:#cff09e;--moms2:#a8dba8;--moms3:#79bd9a;--moms4:#3b8686;--moms5:#f0725d;--white:#f9f9f9;--black:#36383F;--gray:#85888C;--green:#1fbe00;--lightgray:#f5f5f5;--red:#ff5050;--yellow:#fff250;--blue:#5088ff;--footerbg:rgba( 59, 134, 134, 1);--heading:#3b8686}body,html{background-color:rgb(255 255 255);margin:0;padding:0;height:100%;width:100%;color:#5b5b5b!important;font-family:Montserrat,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif!important}h1,h2,h3,h4,h5{color:var(--heading);font-family:Montserrat,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif!important}p{color:#353535;line-height:2!important;font-family:Montserrat,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}#header{background:url(../../../kuvat/rannalla.jpg) no-repeat center 30% fixed;background-size:cover;width:calc(100% + 20px);height:400px;padding-top:-300px}#footer{position:relative;background-color:var(--footerbg);min-height:600px;padding:30px;-moz-box-shadow:0 0 5px #888;-webkit-box-shadow:0 0 5px#888;box-shadow:0 0 5px #888;color:#fff}#backtoup{background-color:rgb(168 219 168);width:100%;height:70px;padding:20px;text-align:center}#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer p{color:#fff}#footer p.white a{color:#fff}.body-text{color:#5b5b5b!important;font-family:Montserrat,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif!important}#tb{height:120px;background-image:linear-gradient(to bottom,rgb(255 255 255),rgb(255 255 255));opacity:1;color:#fff;width:100%;z-index:10}#tb a{text-transform:uppercase}.top-bar{background:#fff0}.top-bar a{size:1em;font-weight:700;//color:#abd100}.reveal{position:relative!important}.copyright{color:#cfcfcf}. copyright p{text-align:center}.copyright-bottom{background-color:#383838;position:relative;padding:10px;color:#fff}#navbar{background:green}#navbar a{size:1em;color:#fff}.menu ul{list-style-type:none}.menu-custom{position:relative;margin-top:25px;background-image:url(../../../webimages/menu.png);background-repeat:no-repeat;display:inline-block;vertical-align:middle;width:36px;height:36px;cursor:pointer}.menu-custom:hover{position:relative;margin-top:25px;background-image:url(../../../webimages/menu_hover.png);background-repeat:no-repeat;display:inline-block;vertical-align:middle;width:36px;height:36px;cursor:pointer}#offCanvasRight1{color:green}#offCanvasRight1 a{color:#353535;font-size:16px}#offCanvasRight1 ul ul li a{color:#353535;font-size:12px}.sblock1{position:relative;padding-top:100px;padding-bottom:200px;overflow:hidden;z-index:0}.sblock2{position:relative;background-color:rgb(238 238 238);padding-top:100px;padding-bottom:200px;overflow:hidden}.sblock3{position:relative;background-color:rgb(31 190 0);padding-top:100px;padding-bottom:200px;overflow:hidden}.sblock4{position:relative;background-color:rgb(238 238 238);padding-top:100px;padding-bottom:200px;overflow:hidden}.sblock5{position:relative;background-color:rgb(238 238 238);padding-top:100px;padding-bottom:200px;overflow:hidden}.sblockheader{height:30px}.sblockfooter{height:30px}.tag-wrap{filter:drop-shadow(-1px 6px 3px rgb(50 50 0 / .5))}.tag{background:#FB8C00;color:#222;padding:2rem 3rem 2rem 4rem;font:bold 32px system-ui;clip-path:polygon(30px 0%,100% 0%,100% 100%,30px 100%,0 50%)}.clip-me{//clip-path:polygon(5% 5%,100% 0%,100% 75%,75% 75%,75% 100%,50% 75%,0% 75%);clip-path:polygon(0,100 100,100 100,0);fill:rgb(238 238 238)}.pads{padding-top:20px;padding-bottom:10px}.manufacturer{position:relative;margin:10px;display:block;vertical-align:middle;border:solid 1px #cfcfcf}.manufacturer:hover{box-shadow:2px 2px 2px 1px rgb(0 0 0 / .2)}.mfcontent{position:relative;min-height:300px;padding:5px}.mfcontent img{position:relative;width:100%;display:block;margin:auto;text-align:center;max-height:180px;top:0}.mfbutton{position:absolute;bottom:0;margin:5px}.mymodalbox{display:none;//position:fixed;position:absolute;z-index:20;//padding-top:100px;border-radius:0;left:0;bottom:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgb(0 0 0 / .4)}.mymodalbox-content{position:absolute;bottom:0;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:100%;box-shadow:0 4px 8px 0 rgb(0 0 0 / .2),0 6px 20px 0 rgb(0 0 0 / .19);-webkit-animation-name:modalAnimation;-webkit-animation-duration:0.4s;animation-name:modalAnimation;animation-duration:0.4s}@-webkit-keyframes modalAnimation{0%{opacity:0}100%{opacity:1}}@keyframes modalAnimation{0%{opacity:0}100%{opacity:1}}.close{color:#fff;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.mymodalbox-header{padding:5px;background-color:#5cb85c;color:#fff}.mymodalbox-body{padding:10px}.mymodalbox-footer{padding:2px 16px;//background-color:#5cb85c;background-color:#cfcfcf;color:#fff}ul.pallo{list-style-image:url(../../../kuvat/pallo_20x20.png);margin-left:40px}ul.pallo li{margin-bottom:5px}ul.pallo1{counter-reset:li;list-style:none;padding:0;text-shadow:0 1px 0 rgb(255 255 255 / .5
)}ul.pallo1 a{position:relative;display:block;padding:.4em .4em .4em 2em;margin:.5em 0;background:#DAD2CA;color:#444;text-decoration:none;border-radius:.3em;transition:.3s ease-out}ul.pallo1 a:hover{background:#E9E4E0}ul.pallo1 a:hover:before{transform:rotate(360deg)}ul.pallo1 a:before{content:counter(li);counter-increment:li;position:absolute;left:-1.3em;top:50%;margin-top:-1.3em;background:#B5FC93;height:2em;width:2em;line-height:2em;border:.3em solid #fff;text-align:center;font-weight:700;border-radius:2em;transition:all .3s ease-out}.is-dropdown-submenu{background-color:#0d6fb8!important;border:none!important;border-radius:5px;font-size:75%}.is-dropdown-submenu a{color:#fff}#marketplacecontainerid [type=checkbox]{width:24px;height:24px}#marketplacecontainerid input,#marketplacecontainerid input[type="text"],#marketplacecontainerid input[type="radio"],#marketplacecontainerid textarea{padding:4px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ccc;border-left-width:1px;border-left-style:solid;border-left-color:#ccc;border-right-width:1px;border-right-style:solid;border-right-color:#ccc;border-top-width:1px;border-top-style:solid;border-top-color:#ccccc;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.basic-card{position:relative;width:100%;height:300px;background-color:#fff;border-radius:5px;margin-top:auto;margin-right:auto;margin-bottom:20px;margin-left:auto;padding:20px;text-align:left;box-shadow:0 4px 8px 0 rgb(0 0 0 / .2),0 6px 20px 0 rgb(0 0 0 / .19)}.basic-card-bottom{position:absolute;bottom:0;height:80px;text-align:center}.cardholder{position:relative;top:-100px}#dividertopid{transform:scaleY(-1);fill:green;width:0;height:0}#dividerbottomid{position:absolute;bottom:-1px;left:0;width:100%;height:15%;overflow:hidden;line-height:0;transform:rotate(180deg)}#dividerbottomid svg{position:relative;display:block;width:calc(100% + 1.3px);height:51px}#dividerbottomid .shape-fill{fill:#FAFAFA}.box-shadow-class:hover{box-shadow:0 0 11px rgb(33 33 33 / .3)}.box-link{height:300px;border-radius:10px;background-size:cover;background-position:center;background-repeat:none;background-color:#f0f0f0;margin-bottom:10px;padding:50px;text-align:center;transition:box-shadow .3s}.box-link-content-bottom{position:relative;height:100%;top:50%}.box-link p,.box-link h1,.box-link h2,.box-link h3,.box-link h4,.box-link h5{color:#fcfcfc}#app{background-color:#f7f7f7;border:1px solid #e5e5e5;font-weight:700;padding:2em}h1.bannerfont,h2.bannerfont,h3.bannerfont,h4.bannerfont,h5.bannerfont,p.bannerfont{font-family:Hahmlet,serif;font-weight:600;letter-spacing:2px}@media only screen and (min-width:1024px){.footer-left{text-align:left}.footer-center{text-align:center}.footer-right{text-align:right}}@media only screen and (max-width:1024px){.footer-left{text-align:center}.footer-center{text-align:center}.footer-right{text-align:center}}.white-bg{background-color:var(--white)}.black-bg{background-color:var(--black)}.gray-bg{background-color:var(--gray)}.lightgray-bg{background-color:var(--lightgray)}.red-bg{background-color:var(--red)}.yellow-bg{background-color:var(--yellow)}.blue-bg{background-color:var(--blue)}.hidden{visibility:hidden}.white-text{color:#f5f5f5}.black-text{color:#000}.dark-text{color:#353535}#contentid{margin-top:90px;margin-bottom:100px}.newstitles{padding-top:100px}.orbit-caption{background-color:inherit}.vertical-center{display:table-cell;vertical-align:middle;height:100%}.banner h1,.banner h2,.banner h3,.banner h4,.banner h5{color:var(--white)!important;font-family:Shadows Into Light Two,cursive!important}#myModalMessageId{background-color:#fff;padding:20px;max-width:75rem;height:fit-content;border-radius:10px}.mymodalmessage{display:none;position:fixed;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%)}.close{color:#353535;top:-10px}@media screen and (max-width:640px){.sblock1{position:relative;padding-top:50px;padding-bottom:100px;overflow:hidden;z-index:0}.sblock2{position:relative;background-color:rgb(238 238 238);padding-top:50px;padding-bottom:100px;overflow:hidden}.sblock3{position:relative;background-color:rgb(31 190 0);padding-top:50px;padding-bottom:100px;overflow:hidden}.sblock4{position:relative;background-color:rgb(238 238 238);padding-top:50px;padding-bottom:100px;overflow:hidden}.sblock5{position:relative;background-color:rgb(238 238 238);padding-top:50px;padding-bottom:100px;overflow:hidden}h1,h2,h3,h4,h5,h6{font-size:2rem;font-family:Montserrat,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}p{font-size:1.2rem;font-family:Montserrat,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}.orbit-caption (width:80%!important;)}@media (max-width:480px) and (max-height:200px){#modalcontentid{height:150px}#myModalMessageId{height:150px}}.main-banner{width:100%!important;height:calc(100vw/16*9);max-height:1200px}