@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
/*'Poppins',sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Yesteryear&display=swap');
/*'Yesteryear',cursive;*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@200;400;700&display=swap');
/*'Barlow Condensed',sans-serif;*/

html{overflow-y:scroll;}
body{font-family:'Poppins',sans-serif;font-size:15px;color:#333;background:#fff;min-width:320px;}
	@media(min-width:768px){
	body{font-size:16px;}
	}
p{font-size:1.125em;margin:0 0 1.25em 0;padding:0;line-height:1.5em;}
h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25em;margin:0 0 .75em 0;padding:0;color:#ae1817;}
h1{font-family:'Poppins',sans-serif;font-size:2.25em;padding:0;letter-spacing:0;}
	@media(min-width:576px){h1{font-size:2.5em;}}
	@media(min-width:768px){h1{padding:.85em 0 0 0;}}
h2{font-family:'Poppins',sans-serif;font-size:1.75em;}
h3{font-family:'Poppins',sans-serif;font-size:1.5em;}
h4{font-family:'Poppins',sans-serif;font-size:1.375em;}
h5{font-family:'Poppins',sans-serif;font-size:1.25em;}
h6{font-family:'Poppins',sans-serif;font-size:1.125em;}
#etusivu h2.top-header{font-size:2em;}
#perussivu h1.top-header{font-size:2em;}
.johdanto{font-family:'Poppins',sans-serif;font-size:1.25em;}
.my-barlow-cond{font-family:'Barlow Condensed',sans-serif;}
.my-font-100-prs{font-size:100%;}
.my-font-90-prs{font-size:90%;}
.my-font-80-prs{font-size:80%;}

a,a:link,a:active,a:visited,a:focus{color:navy;}
a:hover{outline:none;text-decoration:none;color:blue;}
main a{color:navy;border-bottom:1px dotted navy;}
main a:active,main a:visited,main a:focus{outline:none;text-decoration:none;color:navy;border-bottom:1px solid navy;}
main a:hover{outline:none;text-decoration:none;color:blue;border-bottom:1px solid blue;}
main a.border-none{color:navy;border-bottom:1px dotted transparent;}
main a.border-none:active,main a.border-none:visited,main a.border-none:focus{outline:none;text-decoration:none;color:navy;border-bottom:1px solid transparent;}
main a.border-none:hover{outline:none;text-decoration:none;color:blue;border-bottom:1px solid transparent;}

img{max-width:100%;width:auto;height:auto;}
.clearfix{float:left;display:block;clear:both;}
.bg-lightgray{background-color:#ebb7b6;}
.fa-at{padding-right:1px;padding-left:1px;}
.no-wrap{white-space:nowrap;}
a.click-to-call{pointer-events:default;cursor:hand;}
	@media(min-width:768px){
	a.click-to-call{pointer-events:none;cursor:default;}
	}
ul.product-list{
font-family:'Poppins',sans-serif;font-size:1.125em;width:100%;margin:0;padding:10px .4em;text-align:left;line-height:1.5em;background:transparent;
}
ul.product-list li{
display:block;width:auto;margin:0;padding:0 10%;white-space:normal;color:white;text-indent:-1.7em;
}
ul.product-list li::before{
font-family:FontAwesome;content:"\f00c";margin:0;padding:0 .25em 0 .4em;color:white;
}
	@media(min-width:576px){
	ul.product-list{text-align:center;padding:10px .4em;}
	ul.product-list li{display:inline-block;padding:0;white-space:nowrap;text-indent:0;}
	}
	@media(min-width:768px){
	ul.product-list{font-size:1.125em}
	}
ul.navi-product-list{
font-family:'Poppins',sans-serif;font-size:1.125em;
width:100%;margin:0;padding:10px .4em;text-align:left;background:transparent;
}
ul.navi-product-list li{
display:block;width:auto;margin:0;padding:0 10%;white-space:normal;color:white;line-height:1.75em;text-indent:-1.7em;
}
ul.navi-product-list li::before{
font-family:FontAwesome;content:"\f054";margin:0;padding:0 .25em 0 .4em;color:#508c82;
}
	@media(min-width:576px){
	ul.navi-product-list{text-align:left;padding:10px .4em;}
	ul.navi-product-list li{display:inline-block;padding:0;white-space:nowrap;text-indent:0;}
	}
	@media(min-width:768px){
	ul.navi-product-list{font-size:1.125em;line-height:1.5em;}
	}
	
hr{
width:100%;margin:1em auto;border-top:1px dotted #333;
}
hr.light{
width:100%;margin:1em auto;border-top:1px dotted #ebb7b6;
}
hr.one-line-inside{
width:100%;margin:.5em auto 1.375em auto;border-top:1px dotted #333;
}
		/*-------------basics-----------*/

.shadow-top{
position:fixed;width:100%;height:60px;margin:0;padding:0;background:url('../img/bg-shadow-black.png')repeat-x center top;z-index:0;background-size:200px 60px;
}
.my-shadow{
box-shadow:0px 5px 10px 3px rgba(0,0,0,.25);
}
.my-shadow-top{
box-shadow:none;
}
	@media(min-width:768px){
	.my-shadow-top{box-shadow:0px 5px 30px 3px rgba(0,0,0,.25);}
	}
.my-shadow-logo{
box-shadow:0px 5px 30px 3px rgba(0,0,0,.25);
}
.color-white{
color:#fff;
}
.bg-color-my-red{
background-color:#ae1817;
}
.bg-color-my-lime{
background-color:lime;
}
.bg-color-my-orange{
background-color:orange;
}
h1.text-shadow-white,h2.text-shadow-white{
text-shadow:0 -1px 0px rgba(255,255,255,1);
}
		/*-------------basic-animations-------------*/
@keyframes fadeIn{from{opacity:.5;} to{opacity:1;}}
.fade-in{opacity:.5;animation:fadeIn ease-in 1;animation-fill-mode:forwards;}
.fade-in.one{animation-delay:.15s;animation-duration:.75s;}
.fade-in.two{animation-delay:0s;animation-duration:.5s;}
.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;}
		}
.animated{animation-delay:.4s;}
		/*-------------back-to-top-button-------------*/
.back-to-top{
position:fixed;display:none;right:15px;bottom:15px;padding:9px 15px 12px 15px;font-size:16px;transition:background .5s;border-radius:4px;color:#c34646;background:#eee;box-shadow:0px 3px 4px 0px rgba(0,0,0,.35);
}
.back-to-top:focus{
color:#c34646;background:#fcfcfc;
}
.back-to-top:hover{
color:#c34646;background:#fcfcfc;
}
		/*-------------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(180deg, rgba(0,0,0,.8) 0%, rgba(150,150,150,0) 20%, rgba(0,0,0,0) 100%);
}
.my-hero-grad-white{
background:transparent;
background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.80) 20%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.9)), color-stop(20%, rgba(255,255,255,0.80)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.80) 20%, rgba(255,255,255,0) 100%);
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:transparent;
background: -moz-linear-gradient(top, rgba(255,204,0,0.9) 0%, rgba(255,204,0,0.80) 20%, rgba(255,204,0,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,204,0,0.9)), color-stop(20%, rgba(255,204,0,0.80)), color-stop(100%, rgba(255,204,0,0)));
background: -webkit-linear-gradient(top, rgba(255,204,0,0.9) 0%, rgba(255,204,0,0.80) 20%, rgba(255,204,0,0) 100%);
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--------------*/
		
div.wrapper{
width:100%;margin:0 auto;padding:0 1em 1em 1em;
background:transparent url('../img/bg-top-03-767w.jpg') no-repeat center top;background-attachment:fixed;background-size:auto;
}
	@media(min-width:768px){
	div.wrapper{
	width:100%;margin:0 auto;padding:0 1em 1em 1em;
	background:transparent url('../img/bg-top-03-1920w.jpg') no-repeat center top;background-attachment:fixed;background-size:cover;
	}
	}
	@media(min-width:1060px){
	div.wrapper{padding:0 1em 2.5em 1em;}
	}		
		
		
		/*-------------header-------------*/
#header{
position:fixed;top:0;right:0;left:0;padding:30px 0;transition:all .5s;z-index:997;
}
header#header{
padding:0!important;background:transparent;
}
	@media(min-width:768px){
	header#header{background-color:rgba(255,255,255,0);}
	}
	@media(min-width:768px){
	#header.header-fixed{padding-top:5px;padding-bottom:5px;transition:all .5s;background-color:rgba(255,255,255,0);}
	}
#header .container-fluid{
display:inline-block;
}
#etusivu #hero{
position:relative;display:block;width:100%;height:auto;text-align:center;
padding:8em 0 5em 0;
}
	@media(min-width:768px){
	#etusivu #hero{padding:10em 0 6em 0;}
	}
#perussivu #hero{
position:relative;display:block;width:100%;height:auto;text-align:center;
padding:7em 0 3em 0;
}
	@media(min-width:768px){
	#perussivu #hero{padding:7em 0 3em 0;}
	}
#hero .hero-container{
position:relative;display:block;margin:0 auto;padding:0 1.5em;text-align:center;
}
	@media(min-width:768px){
	#hero .hero-container{margin:0 auto;padding:0 1.5em;text-align:center;}
	}
#etusivu #hero .hero-container h1{display:inline;font-size:1.5em;font-weight:400;margin:0;padding:0;line-height:1.5em;}
	@media(min-width:768px){
	#etusivu #hero .hero-container h1{font-size:1.875em;margin:0;padding:0;line-height:1.5em;}
	}
#perussivu #hero .hero-container h2{display:inline;font-size:1.5em;font-weight:400;margin:0;padding:0;line-height:1.5em;}
	@media(min-width:768px){
	#perussivu #hero .hero-container h2{font-size:1.875em;margin:0;padding:0;line-height:1.5em;}
	}



div.slogan-bg{
display:block;width:100%;max-width:380px;margin:0 auto;padding:.25em;
}
	@media(min-width:576px){
	div.slogan-bg{max-width:480px;margin:0 auto;padding:.25em;}
	}
	@media(min-width:768px){
	div.slogan-bg{max-width:726px;margin:0 auto;padding:.25em;}
	}
#etusivu div.slogan-bg p{text-align:left;}
#perussivu div.slogan-bg p{text-align:center;}
#perussivu div.slogan-bg p.top-bar-text{font-family:'PT Serif',serif;font-size:1.625em;}
	@media(min-width:576px){
	#perussivu div.slogan-bg p.top-bar-text{font-family:'PT Serif',serif;font-size:2.25em;}
	}
	@media(min-width:768px){
	#perussivu div.slogan-bg p.top-bar-text{font-family:'PT Serif',serif;font-size:2.5em;}
	}
#etusivu div.slogan-bg p img{max-height:130px;}
	@media(min-width:576px){
	#etusivu div.slogan-bg p img{max-height:180px;}	
	}
	@media(min-width:768px){
	#etusivu div.slogan-bg p img{max-height:230px;}
	}
#perussivu div.slogan-bg p img{max-height:60px;}
	@media(min-width:576px){
	#perussivu div.slogan-bg p img{max-height:90px;}	
	}
	@media(min-width:768px){
	#perussivu div.slogan-bg p img{max-height:100px;}
	}
div.buttons-bg{
display:block;width:100%;max-width:1200px;padding:.25em;
}
	@media(min-width:700px){
	div.buttons-bg{max-width:738px;margin:0 auto;padding:.25em;}
	}

		/*ota-yhteytta-nappula*/
#hero .btn-get-started{
display:block;margin:0 auto 10px auto;padding:10px 0;max-width:280px;min-width:280px;
font-family:'Poppins',sans-serif;font-size:1em;font-weight:700;
text-transform:uppercase;border-radius:5px;letter-spacing:.25px;transition:.5s;color:#fff;background:#508c82;
z-index:100;
}
	@media(min-width:768px){
	#hero .btn-get-started{display:block;margin:10px 0 10px 0;padding:10px 0;font-size:1.25em;max-width:auto;}
	}
#hero .btn-get-started:hover{
color:#474300;background:#fff200;
}
#hero .btn-get-started a{
margin:0;padding:10px;color:#fff;
background:transparent;
}
#hero .btn-get-started:hover a{
color:#474300;
}

		/*ota-yhteytta-nappula-basic*/
.button-basic{
display:inline-block;margin:0 auto 10px auto;padding:10px 0;font-family:'Poppins',sans-serif;font-size:1em;font-weight:700;
text-transform:uppercase;border-radius:5px;letter-spacing:.25px;transition:.5s;color:#fff;background:#508c82;
}
	@media(min-width:768px){
    button-basic{margin:10px auto;padding:10px 0;font-size:1.25em;}
	}
.button-basic:hover{
color:#474300;background:#fff200;
}
.button-basic a{
margin:0;padding:10px 40px;color:#fff;background:transparent;
}
.button-basic:hover a{
color:#474300;
}
#hero p.hero-btn-second a{pointer-events:default;cursor:hand}
	@media(min-width:768px){#hero p.hero-btn-second a{pointer-events:none;cursor:default;}
	}
div.logo-container{
display:inline-block;width:100%;margin:0;padding:1em 0;
}
img.logo{
max-width:100%;height:auto;max-height:77px;padding:0 .75em;
}
	@media(min-width:768px){
	img.logo{max-height:90px;margin:0;padding:0 .75em;}
	}

		/*-------------MAIN-NAV-MENU-------------*/
.nav-menu, .nav-menu *{
margin:0;padding:0;list-style:none;
}
.nav-menu ul{
position:absolute;display:none;top:100%;left:0;z-index:99;
}
.nav-menu li{
position:relative;white-space:nowrap;
}
ul.nav-menu li ul{
background:#fff;padding-top:.25em;padding-bottom:.25em;
}
ul.nav-menu li ul li a{
margin-right:.25em;margin-left:.25em;
}
.nav-menu > li{
float:left;
}
.nav-menu li:hover > ul,.nav-menu li.sfHover > ul{
display:block;
}
.nav-menu ul ul{
top:0;left:100%;
}
.nav-menu ul li{
min-width:180px;
}
.sf-arrows .sf-with-ul:after{
content:"\f107";position:relative;margin-left:.25em;font-family:FontAwesome;
}
.sf-arrows ul .sf-with-ul:after{
content:"\f105";
}
		/*---nav-menu-container---*/
nav#nav-menu-container{
display:table;float:right;margin:0;padding:8px 12px;background:#fcfcfc;
border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;;border-left:1px solid #dcdcdc;;border-top:none;
box-shadow:inset 0px 15px 10px -10px rgba(0,0,0,0.5);
}
	@media(max-width:768px){
	nav#nav-menu-container{display:none;}
	}
nav#nav-menu-container ul.nav-menu{
padding:0;
}
nav#nav-menu-container ul.nav-menu li a{
margin-bottom:0;margin-top:0;padding:.25em .25em;font-family:'Barlow Condensed',sans-serif;font-size:1.25em;
}
nav#nav-menu-container ul.nav-menu li:hover,nav#nav-menu-container ul.nav-menu li a:hover{
border:0!important;background-color:transparent;
}
		/*---nav-basic-menu-dropdown-style---*/
.nav-menu a{
padding:0 8px 10px 8px;text-decoration:none;display:inline-block;color:#151515;
font-family:sans-serif;font-weight:400;text-transform:uppercase;outline:none;
}
.nav-menu > li{
margin-left:10px;
}
		/*---fix-basic-menu-hover---*/
.nav-menu > li > a:before{
content:"";position:absolute;width:100%;height:4px;bottom:0;left:0;
background-color:rgba(235,183,183,1);
visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);
-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;
}
.nav-menu a:hover:before, .nav-menu li:hover > a:before, .nav-menu .menu-active > a:before{
visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1);
}
.nav-menu > li > a.current:before{
content:"";position:absolute;width:100%;height:4px;bottom:0;left:0;
background-color:rgba(235,183,183,1);visibility:visible;
-webkit-transform:scaleX(1);transform:scaleX(1);
}
.nav-menu ul{
margin:4px 0 0 0;
border:1px solid #dcdcdc;
/*---webkit-box-shadow:	0px 0px 10px 2px rgba(0,0,0,.5);
-moz-box-shadow:	0px 0px 10px 2px rgba(0,0,0,.5);
box-shadow:			0px 0px 10px 2px rgba(0,0,0,.5);--*/
}
.nav-menu ul li{
background:#fcfcfc;
}
.nav-menu ul li:first-child{
border-top:0;
}
/*paamenu-pudotusvalikko*/
.nav-menu ul li a{
padding:10px;color:#151515;transition:.3s;display:block;text-transform:none;
}
/*paamenu-pudotusvalikko-hover*/
.nav-menu ul li a:hover{
color:#151515;background:#ebb7b6!important;
}
.nav-menu ul li a.current{
color:#151515;background:#ebb7b6;
}
.nav-menu ul ul{
margin:0;padding-top:.25em;padding-bottom:.25em;background:#fff;
}
		/*-------mobile-nav-------*/
			/*---fix-mobile-nav-toggle-button---*/
#mobile-nav-toggle{
position:fixed;display:none;top:0;right:0;margin:10px 15px 0 0;padding:.325em .45em .275em .45em;
font-size:1.65em;line-height:1.25em;transition:all .4s;outline:none;cursor:pointer;border:0;z-index:999;border-radius:4px;background:#eee;
box-shadow:0px 3px 4px 0px rgba(0,0,0,.35);
}
#mobile-nav-toggle i{
width:1em;
color:#c34646;
}
	@media(max-width:768px){
	#mobile-nav-toggle{display:inline;}
	}
			/*---fix-mobile-nav-styling---*/
#mobile-nav{
position:fixed;width:260px;top:0;bottom:0;left:-260px;padding-top:18px;
overflow-y:auto;transition:.4s;z-index:998;background:#fff;
}
#mobile-nav ul{
padding:0;margin:0;list-style:none;
}
#mobile-nav ul li{
position:relative;
}
#mobile-nav ul li a{
display:block;position:relative;width:100%;padding:10px 22px 10px 15px;color:#151515;
font-family:'Barlow Condensed',sans-serif;font-size:1.25em;text-decoration:none;
border-top:1px dotted #ccc;outline:none;overflow:hidden;
}
#mobile-nav ul li a:hover{
color:#151515;background:#ebb7b6;
}
#mobile-nav ul li a.current{
color:#151515;background:#ebb7b6;
}
#mobile-nav ul li li{
padding-left:30px;
}

#mobile-nav ul li a:before{font-family:FontAwesome;content:"\f105";padding:0 .5em 0 0;color:#333;}

#mobile-nav ul .menu-has-children i{
position:absolute;right:0;padding:17px;cursor:pointer;
color:#151515;z-index:99;
}
#mobile-nav ul .menu-has-children i:hover{
color:#151515;background:#ebb7b6;
}
#mobile-nav ul .menu-has-children i.fa-chevron-up{
color:#151515;
}
#mobile-nav ul .menu-item-active{
color:#151515;
}
#mobile-body-overly{
position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5);display:none;z-index:997;
}
		/*---mobile-nav-body-classes---*/
body.mobile-nav-active{
overflow:hidden;
}
body.mobile-nav-active #mobile-nav{
left:0;
}
body.mobile-nav-active #mobile-nav-toggle{
color:#151515;
}
		/*-------------MAIN-NAV-MENU-END------------*/

		/*----------breadcrumb-----------*/
nav#breadcrumb{
display:block;position:relative;width:100%;height:auto;background:transparent;
}
ol.breadcrumb{
display:block;float:left;width:100%;margin-bottom:1em;padding:1em 25px;text-align:left;background:transparent;
border-bottom:1px dotted #999;
}
	@media(min-width:768px){
	ol.breadcrumb{display:block;float:left;text-align:left;width:100%;margin-top:0;margin-bottom:1em;padding:1em .5em;}
	}
li.breadcrumb-item{display:inline-block;margin-left:-2px;}
		/*----------/breadcrumb-----------*/
		
		/*---------main-content----------*/
		
main{
width:100%;height:auto;max-width:1060px;margin:0 auto;padding:1.75em 0 0 0;background-color:#fff;
box-shadow:0px 0px 20px 0px rgba(0,0,0,0.15);word-wrap:break-word;
}
#etusivu main{margin:0 auto;padding:0;}
	@media(min-width:768px){
	main{padding:0;}
	}
		
/*---------
main#main:before{
content:'';position:absolute;width:100%;height:10px;margin-top:40px;background-color:rgba(255,255,255,1);
-webkit-box-shadow:	0px -10px 15px 0px rgba(0,35,85,.1);
-moz-box-shadow:	0px -10px 15px 0px rgba(0,35,85,.1);
box-shadow:			0px -10px 15px 0px rgba(0,35,85,.1);
}--------*/

		/*---------sections---------*/
section,div.content-section{
width:100%;margin:0;padding:0;word-break:break-word;
}
.container-fluid{padding-right:1.5em;padding-left:1.5em;}
	@media(min-width:768px){
	.container-fluid{padding-right:4%;padding-left:4%;}
	}
section .container-fluid,footer .container-fluid,div .container-fluid,div.content-section .container-fluid{
max-width:576px;margin-right:auto;margin-left:auto;
}
	@media(min-width:768px){
	section .container-fluid,footer .container-fluid,div .container-fluid,div.content-section .container-fluid{max-width:1200px;}
	}
		
div#bottom{
position:relative;display:block;width:100%;height:auto;text-align:center;
background:#ae1817;
}
		/*---------contact-section-and-form-----------*/
#contact{
padding:80px 0 40px 0;background:#f7f7f7;
}
#contact #google-map{
height:300px;margin-bottom:20px;
}
#contact .info{
color:#333333;
}
#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:1;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:600;color:#6666cc;border:1px solid #6666cc;
}
#contact .form #errormessage{
display:none;margin-bottom:15px;padding:15px;text-align:center;font-weight:600;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:#6666cc;border:0;transition:.4s;
}
#contact .form button[type="submit"]:hover{
background:#51d8ad;
}
p.small-narrow{
font-family:'Barlow Condensed',sans-serif;font-size:1.125em;font-weight:400;padding:;color:#333;
}

		/*------------footer--------------*/
#footer{
font-family:'Barlow Condensed',sans-serif;font-size:1.25em;font-weight:400;padding:30px 0;color:#eee;background:#800000;
box-shadow:inset 0px 30px 30px -20px rgba(0,0,0,.25);
}
footer p{
font-size:1em;font-weight:400;margin:0;padding:1em 0 0 0;text-align:center;
}
footer a:link,footer a:visited,footer a:active,footer a:focus{
text-decoration:none;color:#ebb7b6;
}
footer a:hover{
text-decoration:underline;
}
footer ul{
text-align:center;list-style-type:none;margin:0;padding:.3em 0;color:#fff;
}
footer ul li{
font-size:1em;font-weight:400;letter-spacing:-.15px;display:block;margin:0;padding:0;border:0;white-space:nowrap;
}
footer ul li span.strong{
font-weight:bold;font-weight:700;
}
footer ul li:nth-child(1){border:0;letter-spacing:.1em;}
footer ul li:nth-child(2){border:0;}
footer ul li:nth-child(3){border:0;}
footer ul li:nth-child(4){border:0;}
footer ul li:nth-child(5){border:0;}
	@media(min-width:576px){
	footer ul li{display:inline;padding:0 .4em 0 .3em;}
	footer ul li:nth-child(1){border-right:1px solid #ccc;}
	footer ul li:nth-child(2){border-right:0;}
	footer ul li:nth-child(3){border-right:0;}
	footer ul li:nth-child(4){border-right:0;}
	footer ul li:nth-child(5){border-right:0;}
	}
	@media(min-width:992px){
	footer,footer p{font-size:.875em;}
	}
	
footer ul li.second-line{
white-space:normal
}
footer ul.second-line li:nth-child(1){border:0;letter-spacing:0;}
footer ul.second-line li:nth-child(2){border:0;}
footer ul.second-line li:nth-child(3){border:0;}
footer ul.second-line li:nth-child(4){border:0;}
footer ul.second-line li:nth-child(5){border:0;}
	@media(min-width:576px){
	footer ul li.second-line{display:inline;padding:0 .4em 0 .3em;}
	footer ul li.second-line:nth-child(1){border-right:0;}
	footer ul li.second-line:nth-child(2){border-right:0;}
	footer ul li.second-line:nth-child(3){border-right:0;}
	footer ul li.second-line:nth-child(4){border-right:0;}
	footer ul li.second-line:nth-child(5){border-right:0;}
	}
#footer .copyright{
text-align:center;
}
#footer .credits{
padding-top:10px;text-align:center;font-size:13px;color:#ccc;
}
.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;
}

/*--------------------------------
---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:1em;text-align:center;line-height:1em;
}
div.my-form label span{
font-size:.875em;font-style:italic;
}
div.my-form p{
font-size:1em;margin:0;padding:0;text-align:center;
}
div.my-form input,div.my-form textarea{
font-size:1em;width:100%;margin:0;padding:12px 10px;border-radius:2px;background-color:#fff;border:none;
}
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:40px;padding:10px 80px;color:#fff;background-color:#508c82;border:0;
font-family:'Poppins',sans-serif;font-size:1em;font-weight:700;
text-transform:uppercase;border-radius:4px;
}
div.my-form input[type="submit"]:hover{
color:#474300;background-color:#fff200;cursor:pointer;
}
*:focus{
outline:none;
}
div.my-form input:focus,div.my-form textarea:focus{
background-color:#faffbd;border:none;
}
/*--------------------------------
---CONTACT-FORM-end--
---------------------------------*/
/*--undercons-tammi-helmi-2024--*/
.ta-huom{background-color:#e7eddf;}
.my-huom{background-color:#ebf0e6;margin:1em 0 2em 0;padding:.75em 1em;}
.my-huom-events{background-color:#ebf0e6;margin:1.5em 0;padding:.5em .75em;}
/*--undercons-tammi-helmi-2024--*/
		/*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;
}
.google-maps iframe {
position:absolute;top:0;left:0;width:100%!important;height:100%!important;
}
		/*-------keikkakalenteri--------*/
/*--col--*/
#keikkakalenteri .col-lg-4,#keikkakalenteri .col-xs-12{margin:0;padding:0;}
/*--row--*/
#keikkakalenteri .row{margin-right:0;margin-left:0;}
/*--my-col-time--*/
#keikkakalenteri .my-col-time{margin:0;padding-top:1em;padding-bottom:0;}
	@media(min-width:992px){#keikkakalenteri .my-col-time{margin:0;padding-top:1em;padding-bottom:1em;}}
#keikkakalenteri .my-col-time h3{margin:0;padding:.375em;}
			@media(min-width:992px){#keikkakalenteri .my-col-time h3{margin:0;padding:0;}}
#keikkakalenteri .my-col-time h3 span{font-weight:400;}
/*--my-col-desc--*/			
#keikkakalenteri .my-col-desc{max-width:600px;margin:0 auto;padding-top:0;padding-bottom:0;}
	@media(min-width:992px){#keikkakalenteri .my-col-desc{margin:0;padding-top:1em;padding-bottom:1em;}}
#keikkakalenteri .my-col-desc h3{margin:0;padding-bottom:.375em;text-align:center;}
#keikkakalenteri .my-col-desc p{
font-family:'Barlow Condensed',sans-serif;font-size:1.25em;
line-height:1.4em;text-align:center;margin:0;padding-bottom:.5em;
}
	@media(min-width:992px){#keikkakalenteri .my-col-desc p{text-align:left;margin:0;padding-bottom:0;}}
	@media(min-width:992px){#keikkakalenteri .my-col-desc h3{margin:0;padding-bottom:.375em;text-align:left;}}
/*--my-col-img--*/	
#keikkakalenteri .my-col-img{margin:0;padding-top:0;padding-bottom:1em;}
	@media(min-width:992px){#keikkakalenteri .my-col-img{margin:0;padding-top:1em;padding-bottom:1em;}}
#keikkakalenteri .my-col-img img{max-width:240px;margin:.5em 0;padding:0;border-radius:3px;}
	@media(min-width:576px){#keikkakalenteri .my-col-img img{max-width:390px;}}
	@media(min-width:992px){#keikkakalenteri .my-col-img img{max-width:240px;}}
#keikkakalenteri .my-col-img p{
font-family:'Barlow Condensed',sans-serif;font-size:1em;
line-height:1.4em;text-align:center;margin:0;padding-bottom:.5em;
}

/*--hr--*/	
#keikkakalenteri hr{margin:0;padding:0;}
		/*-------keikkakalenteri-end--------*/