@import url('https://fonts.googleapis.com/css2?family=Chelsea+Market&family=Oswald:wght@300;400;700&family=Passero+One&family=Patua+One&family=Roboto+Condensed:wght@300;400;700&family=Roboto+Slab:wght@400;700;900&family=Roboto:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
html{scroll-behavior: smooth;}
body{font-family:'Roboto',sans-serif;font-size:15px;color:#333;background-color:#f8f5f2;}
		@media(min-width:576px){body{font-size:16px;}}
p{line-height:1.75em;}
		@media(min-width:768px){p{line-height:1.6em;}}
main ul{padding-left:1.5em;}
		@media(min-width:576px){main ul{padding-left:2.25em;}}
main li{line-height:1.875em;list-style:none;}
		@media(min-width:768px){main li{line-height:1.75em;}}
main li:before{font-family:FontAwesome;content:"\f105";color:#333;margin-left:-1em;padding-right:.5em;}
main ul.white li:before{font-family:FontAwesome;content:"\f105";color:#fff;margin-left:-1em;padding-right:.5em;}
h1,h2,h3,h4,h5,h6{font-family:'Chelsea Market','Passero One',sans-serif;font-weight:normal;font-weight:400;padding:0;line-height:1.375em;color:#333;margin:.2em 0;letter-spacing:0;}
h1 a,h1 a:active,h1 a:visited,h1 a:focus,h1 a:hover,h2 a,h2 a:active,h2 a:visited,h2 a:focus,h2 a:hover,
h3 a,h3 a:active,h3 a:visited,h3 a:focus,h3 a:hover,h4 a,h4 a:active,h4 a:visited,h4 a:focus,h4 a:hover,
h5 a,h5 a:active,h5 a:visited,h5 a:focus,h5 a:hover,h6 a,h6 a:active,h6 a:visited,h6 a:focus,h6 a:hover{
color:#46557d;border-bottom:1px dotted #46557d;
}
h1{font-size:1.875em;} h2{font-size:1.75em;} h3{font-size:1.5em;} h4{font-size:1.375em;} h5{font-size:1.25em;} h6{font-size:1.125em;}
		@media(min-width:576px){h1{font-size:2.125em;} h2{font-size:1.875em;} h3{font-size:1.75em;} h4{font-size:1.5em;}}
a,a:link,a:active,a:visited,a:focus{color:#333399;outline:none;text-decoration:none;border:none;} a:hover{color:#000066;border:none;}
main a,main a:link,main a:visited,main a:active{color:#baccd7;text-decoration:none;border-bottom:1px dotted #baccd7;} main a:hover{border-bottom:1px solid #baccd7;}
a.lblue,a.lblue:link,a.lblue:visited,a.lblue:active,a.lblue:focus {color:#baccd7;text-decoration:none;border-bottom:1px dotted #baccd7;} a.lblue:hover{border-bottom:1px solid #baccd7;}
ol.breadcrumb li a,ol.breadcrumb a:link,ol.breadcrumb a:visited,ol.breadcrumb a:active,ol.breadcrumb a:focus,ol.breadcrumb a:hover{color:#baccd7;text-decoration:none;border:none;}
#main .top-banner-second a,#main .top-banner-second a:link,#main .top-banner-second a:active,
#main .top-banner-second a:visited,#main .top-banner-second a:focus{color:#fff;outline:none;text-decoration:none;border-bottom:1px dotted #fff;}
#main .top-banner-second a:hover{color:#fff;border-bottom:1px solid #fff;}
a.b-none,a.b-none:link,a.b-none:active,a.b-none:visited,a.b-none:focus,a.b-none:hover{border:none!important;}
.item_anchor{scroll-margin-top:15em;}
		@media(min-width:992px){.item_anchor{scroll-margin-top:25em;}}
.row-flex{display:flex;flex-wrap:wrap;}
.my-text-shadow-basic01{text-shadow:2px 2px 0 #151515;}
.my-text-shadow-basic02{text-shadow:0px 2px 4px rgba(0,0,50,.95);}
ul.my-list{list-style:none;list-style-type:none;padding-left:1.5em;padding-right:1.5em;}
ul.my-list li{text-indent:-1.75em;padding-left:1.25em;}
ul.my-list li:before{font-family:FontAwesome;content:"\f00c";padding-right:.75em;}
#main ul.my-basic-list,#main ul.my-basic-list ul{list-style-type:none;margin:0;padding:0 0 0 1.5em;}
#main ul.my-basic-list li{position:relative;line-height:1.75em;}
#main ul.my-basic-list li:before{position:absolute;font-family:FontAwesome;content:"\f105";color:#333;left:-1em;}
		@media(min-width:576px){#main ul.my-basic-list,#main ul.my-basic-list ul{padding:0 0 0 2.5em;}	}
.fa-at{padding-right:1px;padding-left:1px;}
.fa span{font-family:'Roboto',sans-serif;font-weight:700;}
a.click-to-call{pointer-events:default;cursor:hand;color:#333399;border:0;}
a.click-to-call:hover{color:#000066;border-bottom:1px dotted #000066;}
		@media(min-width:992px){
		a.click-to-call{pointer-events:none;cursor:default;color:#333!important;border:0;}
		a.click-to-call:hover{color:#333;border:0;}
		}
footer a.click-to-call{pointer-events:auto;cursor:pointer;color:#ccccff;border:0;}
footer a.click-to-call:hover{color:#ccccff;border-bottom:1px dotted #ccccff;}
		@media(min-width:992px){
		footer a.click-to-call{pointer-events:none;cursor:default;color:#fff!important;border:0;}
		footer a.click-to-call:hover{color:#fff;border:0;}
		}
hr{width:100%;margin:1em auto;border-top:1px dotted #46557d;}
.my-shadow{box-shadow:0 5px 10px 3px rgba(0,0,0,.25);}
.my-shadow-top{box-shadow:0 5px 30px 40px rgba(0,0,0,.5);}
		@media(min-width:992px){.my-shadow-top{box-shadow:none;}}
hr.footer-divider{
height:1px;width:30px;margin:0 auto;border-top:1px dotted white;
}
hr.basic-divider{
height:1px;width:30px;margin:0 auto;border-top:5px dotted #333;
}
/*--------------------------------
---BASIC-ANIMATIONS---
--------------------------------*/
@keyframes fadeIn{from{opacity:0;} to{opacity:1;}}
.fade-in{opacity:0;animation:fadeIn ease-in 1;animation-fill-mode:forwards;}
.fade-in.one{animation-delay:.25s;animation-duration:.75s;}
.fade-in.two{animation-delay:.3s;animation-duration:.5s;}
.fade-in.logo{animation-delay:.8s;animation-duration:1s;}
.fade-in.image{animation-delay:.4s;animation-duration:1.4s;}
.fade-in.box-01{animation-delay:0s;animation-duration:.5s;}
.fade-in.box-02{animation-delay:0s;animation-duration:.5s;}
.fade-in.box-03{animation-delay:0s;animation-duration:.5s;}
		@media(min-width:768px){
		.fade-in.box-01{animation-delay:0s;animation-duration:.85s;}
		.fade-in.box-02{animation-delay:.2s;animation-duration:.85s;}
		.fade-in.box-03{animation-delay:.4s;animation-duration:.85s;}
		}
@keyframes zoomIn{ from {margin-top:150px;margin-bottom:-150px;opacity:0; transform:scale3d(0,0,0);} to{margin-top:0;margin-bottom:0;opacity:1;transform:none;}}
.zoomIn{animation-name:zoomIn;}
.animated-one{animation-duration:1s;animation-fill-mode:both;animation-delay:.75s;}
.animated-two{animation-duration:1s;animation-fill-mode:both;animation-delay:1.35s;}
@keyframes slideInDown{from{margin-top:-200px;opacity:0;} to{margin-top:0;opacity:1;}}
.slideInDown{animation:none;}
		@media(min-width:992px){
		.slideInDown{animation-name:slideInDown;}
		.slideInDown{animation-duration:1.5s;animation-fill-mode:both;animation-delay:1s;}
		}
/*--------------------------------
---BASIC-ANIMATIONS-end---
--------------------------------*/
/*--------------------------------
---BACK-TO-TOP-BUTTON---
--------------------------------*/
.back-to-top{
position:fixed;display:none;right:15px;bottom:15px;padding:6px 12px 9px 12px;
font-size:16px;transition:background .5s;border-radius:2px;color:#fff!important;background:rgba(0,0,0,.2);
}
.back-to-top:focus{outline:none;color:#fff;background:rgba(0,0,0,.2);}
.back-to-top:hover{color:#fff;background:rgba(0,0,0,.75);}
/*--------------------------------
---BACK-TO-TOP-BUTTON-end---
--------------------------------*/
/*--------------------------------
---face-app---
--------------------------------*/
div#face-app{
float:left;width:100%;padding:20px 2.5%;border-top:1px solid #b0bbd9;border-bottom:1px solid #b0bbd9;
clear:both;overflow:hidden;background:white;
}
div.face-app-wrapper{display:table;width:500px;margin:0 auto;}
		@media all and (max-width:499px){div.face-app-wrapper{width:100%;}}
/*--------------------------------
---face-app-end---
--------------------------------*/
/*--------------------------------
---gradients---
--------------------------------*/
.my-hero-grad-black{background:transparent;background: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.80) 20%, rgba(0,0,0,0) 100%);}
.my-hero-grad-white{background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.80) 20%, rgba(255,255,255,0) 100%);}
.my-hero-grad-orange{background: linear-gradient(to bottom, rgba(255,204,0,0.9) 0%, rgba(255,204,0,0.80) 20%, rgba(255,204,0,0) 100%);}
/*--------------------------------
---gradients-end---
--------------------------------*/
/*--------------------------------
---HEADER---
--------------------------------*/
#header{position:fixed;top:0;right:0;left:0;padding:30px 0;transition:all .5s;z-index:997;}
header#header{min-width:320px;padding:0;background-color:transparent;}
		@media(min-width:992px){header#header{padding:12px 0 6px 0;background-color:rgba(12,12,18,.75);}}
		@media(min-width:992px){#header.header-fixed{padding-top:8px;padding-bottom:3px;transition:all .5s;background-color:rgba(12,12,18,.5);}}
#header .container-fluid{position:relative;display:block;margin-right:auto;margin-left:auto;max-width:100%;min-width:320px;}
/*--------------------------------
---HEADER-end---
--------------------------------*/
/*--------------------------------
---HERO---
--------------------------------*/
#hero{position:relative;display:block;width:100%;min-width:320px;height:auto;text-align:center;}
#hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#3b3b47;}
#hero .hero-container{
position:relative;display:block;max-width:100%;margin:0 auto;padding:80px 1em 30px 1em;text-align:center;
background-image:url(../img/bg-www-kivisavu-ylabanneri-2026-02-1920w.jpg);
background-repeat:no-repeat;background-position:center top;
background-size:cover;
}
		@media(min-width:768px){#hero .hero-container{padding:30px 3em 80px 3em;}}
		@media(min-width:992px){#hero .hero-container{padding:100px 3em 95px 3em;}}
#hero .hero-container .top-content-filter{position:absolute;top:0;left:0;width:100%;height:100%;}	
		/*-----------BASIC-TOP-SLOGAN----------*/
#hero .hero-container .slogan-bg{display:block;width:100%;margin:0 auto;padding:.25em;}
		@media(min-width:768px){#hero .hero-container .slogan-bg{padding:0 .5em;}}
		/*-----------BASIC-TOP-SLOGAN-end----------*/	
		/*-----------ETUSIVU-TOP-SLOGAN----------*/
#etusivu #hero .hero-container .slogan-bg{display:block;width:auto;max-width:992px;padding:0 1em;background:transparent;}
		@media(min-width:768px){#etusivu #hero .hero-container .slogan-bg{padding:0 1em;}}
		@media(min-width:992px){#etusivu #hero .hero-container .slogan-bg{padding:0 1em;}}
div.slogan-text{position:relative;display:block;padding:10px 0;}
		@media(min-width:576px){div.slogan-text{position:relative;padding:6em 0 1.5em 0;}}
		/*-----------ETUSIVU-TOP-SLOGAN-end----------*/
		/*-----------TOP-SLOGAN-H2-H3----------*/
#hero .hero-container .slogan-bg h2,#hero .hero-container .slogan-bg h3{
margin:0;padding:0;line-height:1.5em;max-width:1400px;color:#fff;
}
#hero .hero-container .slogan-bg h2{
font-weight:bold;font-weight:700;
text-shadow:3px 3px 25px rgba(50,50,100,.7),-3px -3px 25px rgba(50,50,100,.7),3px -3px 25px rgba(50,50,100,.7),-3px 3px 25px rgba(50,50,100,.7);
}
#hero .hero-container .slogan-bg h3{
font-weight:bold;font-weight:400;
text-shadow:0px 2px 4px rgba(0,0,50,.95);text-shadow:3px 3px 25px rgba(50,50,100,.7),-3px -3px 25px rgba(50,50,100,.7),3px -3px 25px rgba(50,50,100,.7),-3px 3px 25px rgba(50,50,100,.7);
}
#hero .hero-container .slogan-bg h2{font-size:2em;line-height:1.5em;}
		@media(min-width:576px){#hero .hero-container .slogan-bg h2{font-size:2.125em;line-height:1.5em;}}
		@media(min-width:768px){#hero .hero-container .slogan-bg h2{font-size:2.25em;line-height:1.5em;}}
		@media(min-width:992px){#hero .hero-container .slogan-bg h2{font-size:2.5em;line-height:1.5em;}}
#hero .hero-container .slogan-bg h2 span{font-size:60%;line-height:1.5em;}
.slogan-bg h2 a{color:#312888;border:none;}
#hero .hero-container .slogan-bg h3{font-size:1em;line-height:1.5em;margin:.5em 0;}
		@media(min-width:576px){#hero .hero-container .slogan-bg h3{font-size:1.0625em;line-height:1.5em;}}
		@media(min-width:768px){#hero .hero-container .slogan-bg h3{font-size:1.125em;line-height:1.5em;}}
		@media(min-width:992px){#hero .hero-container .slogan-bg h3{font-size:1.25em;line-height:1.5em;}}
#hero .hero-container .slogan-bg h3.spc2{font-size:1.25em;}
		@media(min-width:576px){#hero .hero-container .slogan-bg h3.spc2{font-size:1.5em;}}
		@media(min-width:768px){#hero .hero-container .slogan-bg h3.spc2{font-size:1.75em;}}
		@media(min-width:992px){#hero .hero-container .slogan-bg h3.spc2{font-size:2em;}}
#hero .hero-container .slogan-bg h3.button{
display:inline-block;width:100%;max-width:240px;min-width:220px;color:white;background-color:rgba(255,150,50,1);
margin-right:.15em;margin-left:.15em;padding:9px 20px;border-radius:2em;border:none;box-shadow:0 10px 14px 0 rgba(0,0,0,.15);
}
		@media(min-width:576px){#hero .hero-container .slogan-bg h3.button{display:inline-block;width:auto;max-width:300px;min-width:300px;}}
#hero .hero-container .slogan-bg h3.button:hover{background-color:rgba(255,170,90,1);box-shadow:0 10px 14px 0 rgba(0,0,0,.35);}
#hero .hero-container .slogan-bg p{margin:0;padding:0;line-height:1em;}
#hero .hero-container .slogan-bg h3 a{color:#fff;border:0;}
#hero .hero-container .slogan-bg h3 a:hover{color:#fff;border-bottom:0px dotted #ffcc99;}
#hero .hero-container .slogan-bg h3 a.click-to-call-slogan{pointer-events:auto;cursor:pointer;color:#ffcc99;border:0;}
#hero .hero-container .slogan-bg h3 a.click-to-call-slogan:hover{color:#ffcc99;border-bottom:1px dotted #ffcc99;}
		@media(min-width:768px){
		#hero .hero-container .slogan-bg h3 a.click-to-call-slogan{pointer-events:none;cursor:default;color:#fff;border:0;}
		#hero .hero-container .slogan-bg h3 a.click-to-call-slogan:hover{color:#fff;border:0;}
		}
#hero .hero-container .slogan-bg h3.button a.click-to-call-slogan{pointer-events:auto;cursor:pointer;color:#fff;border:0;}
#hero .hero-container .slogan-bg h3.button a.click-to-call-slogan:hover{color:#ffcc99;border-bottom:1px dotted #fff;}
		@media(min-width:768px){
		#hero .hero-container .slogan-bg h3.button a.click-to-call-slogan{pointer-events:none;cursor:default;color:#fff;border:0;}
		#hero .hero-container .slogan-bg h3.button a.click-to-call-slogan:hover{color:#fff;border:0;}
		}
		/*-----------TOP-SLOGAN-H2-end----------*/
		/*ota-yhteytta-nappula*/
#hero .btn-get-started{
display:inline-block;margin:0 auto 10px auto;padding:10px 0;font-family:'Roboto',sans-serif;font-size:1.25em;font-weight:800;
text-transform:uppercase;border-radius:5px;letter-spacing:.25px;transition:.5s;color:#fff;background:#908900;
}
		@media(min-width:768px){#hero .btn-get-started{margin:10px auto;padding:10px 0;font-size:1.5em;font-weight:900;}}
#hero .btn-get-started:hover{color:#474300;background:#fff200;}
#hero p.btn-get-started a{margin:0;padding:10px 40px;color:#fff;font-weight:900;background:transparent;}
#hero .btn-get-started:hover a{color:#474300;}
#hero p.hero-btn-second a{pointer-events:auto;cursor:pointer;}
		@media(min-width:768px){#hero p.hero-btn-second a{pointer-events:none;cursor:default;}}
/*--------------------------------
---HERO-end--
--------------------------------*/
/*--------------------------------
---LOGO-FOR-BASIC-PAGE---
--------------------------------*/
div#logo{position:absolute;display:inline-block;left:1.5em;margin:0;padding:0;}
img.main-logo{max-width:96%;height:auto;max-height:50px;margin-top:16px;padding:2px;background-color:transparent;}
		@media(min-width:992px){img.main-logo{max-height:60px;margin-top:-6px;}}
div.logo-img{float:left;}
div.logo-txt{float:left;}
div.logo-txt h4{font-family:'Roboto Condensed',Sans-serif;font-size:.75em;margin:15px 2px 0 2px;}
		@media(min-width:768px){div.logo-txt{float:left;} div.logo-txt h4{font-family:'Roboto Condensed',Sans-serif;font-size:.937em;margin:20px 2px 0 2px;}}
		@media(min-width:992px){div.logo-txt{float:left;} div.logo-txt h4{font-family:'Roboto Condensed',Sans-serif;font-size:1.125em;margin:25px 5px 0 5px;}}
/*--------------------------------
---LOGO-FOR-BASIC-PAGE-end---
--------------------------------*/
/*--------------------------------
---LOGO-AND-IMG-FOR-HERO-AND-TOP---
--------------------------------*/
div.logo-top,div.img-top{display:flex;justify-content:center;}
div.logo-top img{max-height:70px;}
		@media(min-width:768px){div.logo-top img{max-height:80px;}}
		@media(min-width:992px){div.logo-top img{max-height:90px;}}
div.img-top img{max-height:100px;}
		@media(min-width:768px){div.img-top img{max-height:120px;}}
		@media(min-width:992px){div.img-top img{max-height:140px;}}
/*--------------------------------
---LOGO-AND-IMG-FOR-HERO-AND-TOP-end---
--------------------------------*/
/*--------------------------------
---BREADCRUMB---
--------------------------------*/
section.my-breadcrumb,div.my-breadcrumb{margin:0;padding:0;background:#3b3b47 url(../img/bg-top-bar-03.png) repeat-x center bottom;}
section.my-breadcrumb .container-fluid,div.my-breadcrumb .container-fluid{max-width:1220px;padding:1em 1.5em;background-color:transparent;}
section.my-breadcrumb ol.breadcrumb,div.my-breadcrumb ol.breadcrumb{background-color:transparent;margin:0;padding:.75em 0;}
section.my-breadcrumb ol.breadcrumb li,div.my-breadcrumb ol.breadcrumb li{color:#bbb;}
/*--------------------------------
---BREADCRUMB-end---
--------------------------------*/
/*--------------------------------
---MAIN-CONTENT---
--------------------------------*/	
main#main{
position:relative;width:100%;min-width:320px;height:auto;min-height:10px;padding-bottom:4em;word-break:break-word;
color:#fff;background:#3b3b47 url(../img/bg-top-bar-03.png);
}
/*--------------------------------
---SECTIONS---
--------------------------------*/
section .container-fluid,footer .container-fluid,div.content-section .container-fluid,div .container-fluid{display:table;max-width:1220px;margin-right:auto;margin-left:auto;padding-right:1.5em;padding-left:1.5em;}
/*--------------------------------
---MAIN-CONTENT-end---
--------------------------------*/
/*--------------------------------
---MY-BASIC-CONTENT---
--------------------------------*/
.my-basic-container .container-fluid{max-width:1220px;}
.my-basic-container .row{margin-right:0;margin-left:0;}
.my-basic-container .col-md{background-color:#f0ede8;}
.my-basic-content-header{background:#8a847c url(../img/bg-wood-grey-1.webp);}
.my-basic-content{padding:1em 1.25em 1em 1.25em;background-color:#eee;}
			@media(min-width:576px){.my-basic-content{padding:2em 3em 1.5em 3em;background-color:#eee;}}
/*--------------------------------
---MY-BASIC-CONTENT-end---
--------------------------------*/
/*--------------------------------
---CONTACT-SECTION-AND-FORM---
--------------------------------*/	
#contact{padding:80px 0 40px 0;background:#f7f7f7;}
#contact .info{color:#333;}
#contact .info i{float:left;font-size:32px;color:#6666cc;}
#contact .info p{margin-bottom:20px;padding:0 0 10px 50px;font-size:14px;line-height:22px;}
#contact .info .email p{padding-top:5px;}
#contact .social-links{padding-bottom:20px;}
#contact .social-links a{display:inline-block;width:36px;height:36px;padding:8px 0;font-size:18px;line-height:1em;text-align:center;color:#fff;background:#333;border-radius:50%;transition:.3s;}
#contact .social-links a:hover{color:#fff;background:#6666cc;}
#contact .form #sendmessage{display:none;margin-bottom:15px;padding:15px;text-align:center;font-weight:700;color:#6666cc;border:1px solid #6666cc;}
#contact .form #errormessage{display:none;margin-bottom:15px;padding:15px;text-align:center;font-weight:700;color:red;border:1px solid red;}
#contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show{display:block;}
#contact .form .validation{display:none;margin:0 0 20px;font-size:13px;font-weight:400;color:red;}
#contact .form input, #contact .form textarea{font-size:14px;border-radius:0;box-shadow:none;}
#contact .form button[type="submit"]{padding:10px 24px;color:#fff;background:#555;border:0;transition:.4s;}
#contact .form button[type="submit"]:hover{background:#656565;}
/*--------------------------------
---CONTACT-SECTION-AND-FORM-end---
---------------------------------*/
/*--------------------------------
---FOOTER---
---------------------------------*/
#footer{font-size:1em;min-width:320px;padding:30px 0;color:#eee;background-color:#25252d;}
footer p{margin:0;padding:0;text-align:center;letter-spacing:.1em;color:#ddd;}
footer h2,footer h3,footer h4,footer h5,footer h6{color:#fff;}
footer a,footer a:link,footer a:active,footer a:visited,footer a:focus{color:#F5F5DC;text-decoration:none;border:none;}
footer a:hover{border-bottom:1px solid #F5F5DC;}
footer ul{color:#fff;text-align:center;list-style-type:none;margin:0;padding:1em 0;}
footer ul li{font-family:'Roboto Condensed',sans-serif;font-weight:light;font-weight:300;display:block;font-size:1.25em;margin:0 0 0 -3px;padding:0;border:0;white-space:nowrap;}
		@media (min-width:768px){footer ul li{display:inline;padding:0 .5%;font-size:1.25em}} /*footer li:nth-child(5){border-right:0}*/
footer img{margin-top:1em;}
div.footer-banner{display:block;max-width:400px;margin:auto auto 3em auto;}
		@media(min-width:576px){div.footer-banner{display:block;max-width:660px;margin:auto auto 1.5em auto;}}
/*---FOOTER-NAVI---*/
div.footer_navi{display:inline-block;width:100%;height:auto;margin:1em 0 1em 0;padding:0;line-height:1em;}
div.footer_navi ul{display:block;width:100%;height:auto;margin:0;padding:0;text-align:center;line-height:1em;}
div.footer_navi  ul li a{display:block;margin:0 .5em;padding:.35em 1em;font-size:.875em;font-weight:500;text-transform:uppercase;background-color:#353535;}
div.footer_navi  ul li a:hover{border:0;}
		@media(min-width:576px){div.footer_navi  ul li a{padding:.35em 1em;font-size:1em;}}
	
div.my-AddToAny{text-align:center;padding:2em 0 1em 0;}
div.a2a_default_style{display:inline-block;position:relative;padding:0 0 0 2em;}
div.a2a_default_style:before{position:absolute;left:0;top:0;font-family:FontAwesome;font-size:1.5em;content:"\f1e0";}
div.a2a_default_style a{padding:0 .40em!important;}
	
#etusivu div.footer_navi ul li a{
display:block;margin:0 .5em;padding:8em 1em .35em 1em;font-size:.875em;font-weight:500;text-transform:uppercase;
background:#444444 url('../img/blanco.webp') no-repeat center 20px;background-size:55%!important;
}
#etusivu div.footer_navi  ul li a:hover{border:0;}
		@media(min-width:576px){#etusivu div.footer_navi ul li a{padding:8em 1em .35em 1em;font-size:1em;}}
	/*---FOOTER-NAVI-end---*/
/*--------------------------------
---FOOTER-end---
---------------------------------*/
/*--------------------------------
---CONTACT-FORM---
---------------------------------*/
div.my-form{width:100%;max-width:700px;margin:10px auto 0 auto;}
div.my-form label{display:block;width:100%;margin:1em 0 -1.25em 0;padding:0;font-size:.875em;text-align:center;line-height:1em;}
div.my-form label span{font-size:.75em;font-style:italic;}
div.my-form p{font-family:'Roboto',Sans-serif;font-size:.875em;margin:0;padding:0;text-align:center;}
div.my-form input,div.my-form textarea{font-family:'Roboto',Sans-serif;font-size:.875em;
width:100%;margin:0;padding:12px 10px;border-radius:2px;background:#fff;border:1px solid #bbb;}
div.my-form textarea{resize:none;}
div.my-form input[type="radio"]{width:auto;border:0}
div.my-form input[type="submit"]{width:auto;margin-top:20px;padding:10px 80px;color:#fff;background-color:rgba(255,150,50,1);
border:0;font-size:1em;font-weight:bold;border-radius:25px}
div.my-form input[type="submit"]:hover{background-color:rgba(255,170,90,1);cursor:pointer;}
*:focus{outline:none}
div.my-form input:focus,div.my-form textarea:focus{background-color:#ffffcc;border:1px solid orange;}
/*--------------------------------
---CONTACT-FORM-end--
---------------------------------*/
a.b-none-rsp,a.b-none-rsp:link,a.b-none-rsp:active,a.b-none-rsp:visited,a.b-none-rsp:focus{color:#333399;border-bottom:1px dotted #333399;}
a.b-none-rsp:hover{color:#000066;border-bottom:1px dotted #000066;}
		@media(min-width:992px){a.b-none-rsp,a.b-none-rsp:link,a.b-none-rsp:active,a.b-none-rsp:visited,a.b-none-rsp:focus,a.b-none-rsp:hover{color:#333;border:none!important;}}
div.mw-1260{max-width:1260px!important;}
div.mw-1220{max-width:1220px!important;}
.my-padding-t8-b7{padding-top:8rem;padding-bottom:7rem;}
.my-padding-t5-b4{padding-top:5rem;padding-bottom:3.5rem;}
.my-padding-t2-b2{padding-top:2rem;padding-bottom:2rem;}
/*--------------------------------
---NEWS-ARTICLE---
---------------------------------*/
.news-article,.news-article h1,.news-article h2,.news-article h3,.news-article h4,.news-article h5,.news-article h6{color:#333;}
.news-article a,.news-article a:link,.news-article a:visited,.news-article a:active,.news-article a:focus{color:#0000ff;border-bottom:1px dotted #0000ff;}
.news-article a:hover{border-bottom:1px solid #0000ff;}
.news-article .news-date{font-size:.875em;}
/*--------------------------------
---NEWS-ARTICLE-end---
---------------------------------*/
/*--------------------------
MY-UL-LIST
--------------------------*/
ul.my-ul-list{width:102%;margin:0 1% 0 -1%;padding:0;list-style:none;}
ul.my-ul-list li{display:inline-block;float:left;width:calc(100% - 2%);margin:.75em 1%;padding:1em;background-color:rgba(255,225,195,1);border-radius:6px;}
		@media(min-width:768px){ul.my-ul-list li{width:calc(50% - 2%);min-height:160px;margin:1%;padding:1em;}}
ul.my-ul-list li span{font-weight:bold;}
/*--my-ul-list-BG-COLOR--*/ ul.my-ul-list li{background-color:rgba(255,225,195,1);}
/*--------------------------
MY-UL-LIST-end
--------------------------*/
/*--------------------------------
---GOOGLE-MAPS---
---------------------------------*/
div#google-maps{margin-bottom:0;padding:0;text-align:center;}
.google-maps{position: relative;padding-bottom:450px;height:0;overflow:hidden;border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;background-color:#3b3b47;}
.google-maps iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important;filter: hue-rotate(260deg) invert(80%) brightness(120%) grayscale(10%);}
/*--------------------------------
---GOOGLE-MAPS-end---
---------------------------------*/
/*--------------------------------
---BTN---
---------------------------------*/
.btn-dark{font-family:'Oswald',sans-serif;font-size:1.125em;color:#333!important;background-color:transparent!important;border:none;}
.btn-dark:focus,.btn-dark.focus{background-color:transparent;box-shadow:none;}
.btn-dark.disabled,.btn-dark:disabled{background-color:transparent;}
.btn-dark:not(:disabled):not(.disabled):active:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus{
box-shadow:none;
}
.btn-dark:after,.btn-dark.collapsed:after{font-family:FontAwesome;content:"\f107";padding-left:.25em;}
.btn-dark.active:after{font-family:FontAwesome;content:"\f106";padding-left:.25em;}
/*--------------------------------
---BTN-end---
---------------------------------*/
/*--------------------------------
---VIDEO-JS---
---------------------------------*/
div.my-video-container{max-width:1050px;margin-right:auto;margin-left:auto;}
/*--------------------------------
---VIDEO-JS-end---
---------------------------------*/
/*--------------------------------
---PERUSASETUKSET---
---------------------------------*/
img{max-width:100%;width:auto;height:auto;}
.center{text-align:center;}
.center-off-on768{text-align:left;}
		@media(min-width:768px){.center-off-on768{text-align:center;}}
.center-on-off768{text-align:center;}
		@media(min-width:768px){.center-on-off768{text-align:left;}}
p.johdanto-1-125{font-size:1.125em;line-height:1.6em;}
p.johdanto-1-25{font-size:1.25em;line-height:1.6em;}
li.johdanto-1-125{font-size:1.125em;line-height:1.6em;}
li.johdanto-1-25{font-size:1.25em;line-height:1.6em;}
.font-size-70-pros{font-size:70%!important;}
.font-size-80-pros{font-size:80%!important;}
.font-size-90-pros{font-size:90%!important;}
.font-size-100-pros{font-size:100%!important;}
.font-size-110-pros{font-size:110%!important;}
.font-size-120-pros{font-size:120%!important;}
.font-size-150-pros{font-size:150%!important;}
.font-size-2em-pros{font-size:2em!important;}
.font-normal{font-weight:normal;font-weight:400!important;}
.font-bold{font-weight:bold;font-weight:700!important;}
.font-black{font-weight:bold;font-weight:900!important;}
.info{display:block;margin:1em 0;padding:1em;border-radius:3px;}
.b-r-5{border-radius:5px;}
.mwpx-1260{max-width:1260px;margin-right:auto;margin-left:auto;}
.mwpx-1220{max-width:1220px;margin-right:auto;margin-left:auto;}
.mwpx-1200{max-width:1200px;margin-right:auto;margin-left:auto;}
.mwpx-1100{max-width:1100px;margin-right:auto;margin-left:auto;}
.mwpx-1000{max-width:1000px;margin-right:auto;margin-left:auto;}
.bg-light-pink{background-color:#f6cbf6;}
.bg-light-grey{background-color:#d5d5d5;}
.bg-light-grey-2{background-color:#e5e5e5;}
.bg-light-green{background-color:#99cccc;}
.bg-light-brown{background-color:#ffcc66;}
.bg-light-blue{background-color:#cdd5e4;}
.bg-light-blue-2{background-color:#cbebf6;}
.bg-light-grey-green{background-color:#bee1d2;}
.bg-light-beige{background-color:#e6dcc8;}
.color-white{color:#fff!important;}
.color-basic-orange{color:#ffa500!important;}
.color-basic-blue{color:#46557d!important;}
.color-basic-light-blue{color:#c8d2e6!important;}
.color-basic-beige{color:#c8b996!important;}
.color-grey{color:#444;}
.color-grey-text{color:#333!important;}
.border-t-b-dotted{border-top:1px dotted #46557d;border-bottom:1px dotted #46557d;}
div.clearfix{display:inline-block;width:100%;margin:0;padding:0;color:transparent;background-color:transparent;}
main a[target="_blank"]::after{font-family:FontAwesome;content:" \f08e";font-size:75%;font-style:normal;margin:0;padding:0;}
.my-huom-border{border:1px solid #777;padding:1em;}
.my-text-justify{text-align:left!important;}
		@media (min-width:992px){.my-text-justify{text-align:justify!important;}}
h2.sub-header{padding:0;color:#333;background:#bbb url(../img/bg-wood-grey-2.webp);border-radius:3px;font-size:1.75em;}
h5.sub-header{margin:.5em 0 1.25em 0;padding:.5em 2.5em;color:#333;background:#cfcac3 url(../img/bg-wood-grey-2.webp);border-radius:3px;}
a.click-to-call-white{color:white;pointer-events:default;cursor:pointer;}
		@media(min-width:992px){a.click-to-call-white{color:white!important;border:none!important;pointer-events:none;cursor:default;}}
#page-content-header{background-color:#25252d;}
#page-content-header h1{color:#ddd;}
#page-content-header a,#page-content-header a:link,#page-content-header a:visited,#page-content-header a:active,#page-content-header a:focus {color:#ddd;text-decoration:none;border-bottom:1px dotted #ddd;}
#sub-content-header{background-color:#25252d;}
#sub-content-header h2{font-size:1.5em;color:#ddd;}
#sub-content-header a,#sub-content-header a:link,#sub-content-header a:visited,#sub-content-header a:active,#sub-content-header a:focus {color:#ddd;text-decoration:none;border-bottom:1px dotted #ddd;}
#sub-content-header a:hover{border-bottom:1px solid #ddd;}
/*--------------------------------
---PERUSASETUKSET-end---
---------------------------------*/
/*-END-*/