/* WebGarden 2018- */
* {	margin: 0; padding: 0; } img { border: 0; max-width:100%; height: auto;} a:focus, input:focus, textarea:focus { outline: none; } :focus { -moz-outline-style:none; } strong { font-weight: 600; } i { font-style: italic; } td { vertical-align: top; } fieldset { border: 0; }

.span_1_of_4, .span_2_of_4 {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
		
html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ }

.mceContentBody ul, .mceContentBody ol { padding: 6px 0 6px 25px !important; }

body {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 15px; 
	color: #414141;
	line-height: 1.5em;
}
	
	body.siteBody {
		text-align: center;
	}
	
/*   FONTIT   */
	
	h1, h2, h3, h4 {
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		font-weight: 700;
		font-style: normal;
		color: #1a9839;
		line-height: 1.2em;
	}

	h1,
	h2[itemprop="headline"],
	h2.big,
	.page-header h2,
	.fox-container h2 { font-size: 2.4em; padding: 0.4em 0 0.2em 0; } 
						
	h2,
	.blog .page-header h2{ font-size: 1.9em; padding: 0.4em 0 0.2em 0; }
		
	h3 { font-size: 1.6em; padding: 0.8em 0 0.5em 0;}

		.contact-category .row-striped h3 { font-size: 1.5em; padding: 0.5em 0 0.2em 0; }
		
	h4 { font-size: 1.2em; padding: 0.5em 0 0.2em 0; }

	.viivalla { border-bottom: 3px solid #1a9839; text-align: center; }
		
	h5 { font-size: 1.15em; }
			
	p { padding: 0.5em 0; }
	
	a { color: #17b0ff; text-decoration: underline; }
	
	a:hover { color: #17b0ff; text-decoration: none; }
	
/*   MUUT   */
	
	.kuvaRight { float: right !important; margin: 7px !important; }

	.max40pros { max-width: 40%; height: auto; }
	
	.centered { text-align: center; }
	
	a.readMore,
	#form-login-submit button,
	input.teevaraus{
		background: #1a9839;
		padding: 10px 15px !important;
		color: #fff !important;
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		font-weight: 600 !important;
		font-size: 15px !important;
		line-height: 15px !important;
		border-top: 0 !important;border-right: 0 !important;border-left: 0 !important;border-bottom: 0 !important;margin: 0 !important;-moz-border-radius: 30px !important;-webkit-border-radius: 30px !important;border-radius: 30px !important;text-decoration: none;cursor: pointer;display: inline-block;text-shadow: none !important;ackground-image: none !important;box-shadow: none !important;
		-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
	}
	
		a.readMore:hover,
		#form-login-submit button:hover,
		input:teevaraus:hover{
			background: #13842f;
			color: #fff !important; 
			border-top: 0 !important;border-right: 0 !important;border-left: 0 !important;
		}

	.onlyMobile { display: none; }

	.article-info { background: rgba(255,255,255,0.5); padding: 3px 12px; border-radius: 4px; margin-bottom: 6px; font-size: 13px; }

	ul.breadcrumb {
		list-style-type: none;
		padding: 0 !important;
		margin: 0 !important;
		font-size: 0.8em;
		color: #8B8B8B;
	}

		ul.breadcrumb li {
			display: inline-block;
		}

/*   TAULUKKO   */

	.responsive-table { overflow-x:auto }
	
	table {
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		font-weight: normal;
		font-size: 15px; 
		border-collapse: separate;
		border-spacing: 0;
		border: 1px solid #9a9a9a;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin: 6px 0 4px 0;
	}
	
		tbody tr:nth-child(even) td { background-color: #f7f7f7; }
		
		tbody tr:nth-child(odd) td { background-color: #fff; }
	
		#wrapperMain td,
		#wrapperMain th { padding: 7px 30px 7px 12px; }
		
		th { border-bottom: 2px solid #9a9a9a; background-color: #f2f2f2; font-size: 16px; padding-top: 9px !important; }

		table tr:first-child td:first-child, table tr:first-child th:first-child{ border-top-left-radius: 5px; }
		table tr:first-child td:last-child, table tr:first-child th:last-child{ border-top-right-radius: 5px; }
		table tr:last-child td:first-child{ border-bottom-left-radius: 5px; }
		table tr:last-child td:last-child{ border-bottom-right-radius: 5px; }

	.box { background-color: #fff; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 1px solid #cccccc; padding: 10px; }

	/* Varauskalenterin muotoilut */

	.varauskalenteri table { width: 100% !important; }

		.varauskalenteri td,
		.varauskalenteri th { padding: 2px 4px 2px 4px !important;text-align: center !important; }

					.varauskalenteri tr:nth-child(even) td { border-top: 2px solid #f7f7f7 !important;border-bottom: 2px solid #f7f7f7 !important; }
		
					.varauskalenteri tr:nth-child(odd) td { border-top: 2px solid #fff !important; border-bottom: 2px solid #fff !important; }

			.ensimmainenVarattu { border-bottom-left-radius: 6px !important;  border-top-left-radius: 6px !important; }

					.varauskalenteri tr:nth-child(even) .ensimmainenVarattu { border-left: 2px solid #f7f7f7 !important; }
					.varauskalenteri tr:nth-child(even) .viimeinenVarattu { border-right: 2px solid #f7f7f7 !important; }
		
					.varauskalenteri tr:nth-child(odd) .ensimmainenVarattu { border-left: 2px solid #fff !important; }
					.varauskalenteri tr:nth-child(odd) .viimeinenVarattu { border-right: 2px solid #fff !important; }

					.varauskalenteri tr:last-child td:first-child { border-bottom-left-radius: 0px; }

			.viimeinenVarattu { border-bottom-right-radius: 6px !important;  border-top-right-radius: 6px !important; }

			.varattu,
			.ensimmainenVarattu,
			.viimeinenVarattu{ background: #e54a4a !important; color: #fff !important; }


/*   VIDEO-RESPONSIVE & GOOGLE MAPS  */
	
	.video-responsive {
		overflow:hidden;
		padding-bottom: 56.25%;
		position:relative;
		height:0;
	}
	
		.video-responsive iframe{
			left:0;
			top:0;
			height:100%;
			width:100%;
			position:absolute;
		}
		
    .google-maps {
        position: relative;
        padding-bottom: 33%; 
        height: 0;
        overflow: hidden;
    }
	
		.google-maps iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100% !important;
			height: 100% !important;
		}

	.latestnews { list-style: none; text-align: center; }

		.latestnews li { padding: 0 0 9px; }
	
	.items-row { border-bottom: 1px dashed #42290e; margin-bottom: 10px; padding-bottom: 20px; }

	.items-row::after { clear: both; content: ""; display: table; zoom: 1;}

	.items-row:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

/*   TEMPLATE   */

.container { margin: 0 auto; width: 1400px; padding: 0 30px; position: relative; box-sizing: border-box; }

#navbar, #logo, #logo img, #menu, #topcall,
.dj-megamenu-webgarden li.active a.dj-up_a span { -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; }

#navbar { position: relative; height: 88px; top: 0; z-index: 99; width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b8a36+0,1c7a33+100 */
	background: #1b8a36; /* Old browsers */
	background: -moz-linear-gradient(top, #1b8a36 0%, #1c7a33 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #1b8a36 0%,#1c7a33 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #1b8a36 0%,#1c7a33 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b8a36', endColorstr='#1c7a33',GradientType=0 ); /* IE6-9 */ 
	
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.8);
}

.navbarmuutsivut { background: #888888; }

	#logo { width: 300px; padding: 15px 0; float: left; font-size: 0; text-align: left; }

		#logo img { width: 300px; height: 58px; vertical-align: top; }

	#menu {
		float: right;
		position: relative;
		z-index: 9980;
		padding: 24px 0 0 0;
	}

		.dj-megamenu-webgarden li.varaus span {
			-webkit-border-radius: 50px;
			border-radius: 50px;
			display: block;
			background: #fff;
			padding: 11px 21px 13px 21px;
			font-style: italic;
		}

	#topcall {
		float: right;
		padding: 36px 0 35px 30px;
		height: 17px;
		position: relative;
		border-left: 1px solid #349d4e;
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		font-weight: 600;
		font-size: 17px; 
		line-height: 17px;
		color: #fff;
	}

		#topcall img { width: 24px; }

		#topcall a { text-decoration: none; color: #fff; }

		#topcall a:hover { text-decoration: underline; }

/* **   END OF NAVBAR    */

#wrapperTopEtusivu {
	width: 100%;
	height: 400px;
	padding: 0; 
	position: relative; 
	text-align: center;
	background: #e9e9e9;
}

	#hero {
		width: 100%; 
		height: 100%;
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		font-weight: 600;
		font-size: 48px; 
		line-height: 60px;
		color: #fff;
		text-shadow: 0 0 6px rgba(0,0,0,0.5);
		position: relative;
		background: url(../images/hero-image.jpg) 50% 0 no-repeat;
		background-size: cover;
	}

		#hero .child {
		  /*position: absolute;*/
		  top: 50%;
		  transform: translateY(-30%);
		  text-align: center;
		}

			#heroTeksti { margin: 0 auto; max-width: 70%; }

		#hero #readmore {
			height: 14px;
			width: 24px;
			position: absolute;
			left: 50%;
			bottom: 15px;
			margin-left: -12px;
			background: url(../images/readmore.png) 0 0 no-repeat;
			background-size: auto auto;
			background-size: 24px 14px;
		}	

#wrapperEtusivu { width: 100%;  padding: 40px 0 60px 0; }

/****  MAIN  ****/

#wrapperMain { width: 100%; padding: 20px 0 40px 0; }

	#left { float: left; width: 13%; margin: 0 2% 0 0; text-align: left; }

		#left ul { margin: 8px 0 !important; border: 1px solid #e7e7e7; background: #fafafa; padding: 10px !important; border-radius: 15px;  }

		#left li { list-style-type: none; padding: 5px 10px 5px 2px; margin: 0; border-bottom: 1px solid #C8C8C8; line-height: 1.5em; }

			#left a {
				font-weight: 400;
				font-size: 15px;
				text-decoration: none;
				cursor: pointer;
				text-align: left;
				margin: 2px 0;
				letter-spacing: 0.04em;
			}

				#left .current > a { font-weight: 600; }

				#left a:hover { text-decoration: underline; }

				#left li:last-child { border-bottom: none !important; }

	#main.main-both { float: left; text-align: left; width: 60%; }
	#main.main-wLeft { float: left; text-align: left; width: 85%; }
	#main.main-wRight { float: left; text-align: left; width: 75%; }
	#main.main-alone { float: left; text-align: left; width: 100%; }

	#right { float: left; width: 23%; margin: 20px 0 0 2%; text-align: left; }

		#main ul,
		#main ol,
		#right ol,
		#right ul { padding: 6px 0 6px 25px; list-style-position: outside; }

.rightEtusivu { background: rgba(241,241,241,1); box-shadow: 0 0 5px 0 rgba(0,0,0,0.4); border-radius: 5px; padding: 14px 20px; width: 100%; box-sizing: border-box; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }

	.rightEtusivu:hover { box-shadow: 0 0 8px 0 rgba(0,0,0,0.5); }

/****  FOOTER  ****/
		
#footer {
	background: #1a9839;
	color: #fff; 
	padding: 25px 0; 
	width: 100%; 
	text-align: left; 
	
}

	#footer .container { display: flex; }

		#footerLeft { 
			position: relative;
			float: left;
			width: 50%;
			text-align: left;
			flex: 1;
		}

		#footerRight { 
			position: relative;
			float: left;
			width: 50%;
			flex: 1;
		}

		#footerRight .child {
			  position: absolute;
			  right: 0;
			  bottom: 0;
			}

			#webgarden { width: 89px !important; height: 45px; }

		#footer a, #footer h3, #footer h2, #footer h4 { color: #fff !important; }

	
/**  GRIDS                       **********************************************/
	
	.group:before,.group:after {content: "";display: table;} .group:after {clear: both;}.group {zoom: 1; /* For IE 6/7 (trigger hasLayout) */}

	.clear { clear: both; }

	@media screen and (min-width: 681px) {	
	
		.span_1_of_2 { width: 49%; padding: 0 2% 0 0; float: left; vertical-align: top; text-align: left; }
		.span_1_of_2:nth-child(2n+0) { padding: 0; }
		.span_1_of_2:nth-child(2n+1) { clear: left; }

		.span_1_of_3 { width: 32%; padding: 0 2% 0 0; float: left; vertical-align: top; text-align: left; }
		.span_1_of_3:nth-child(3n+0) { padding: 0; }
		.span_1_of_3:nth-child(3n+1) { clear: left; }
		
		.span_1_of_4 { width: 23.5%; padding: 0 2% 0 0; float: left; vertical-align: top; text-align: left; }
		.span_1_of_4:nth-child(4n+0) { padding: 0; }
		.span_1_of_4:nth-child(4n+1) { clear: left; }

	}

	@media screen and (min-width: 541px) and (max-width: 680px) {	
	
		.span_1_of_2,
		.span_1_of_3,
		.span_1_of_4 { width: 49%; padding: 0 2% 0 0; float: left; vertical-align: top; text-align: left; }

		.span_1_of_2:nth-child(2n),
		.span_1_of_3:nth-child(2n),
		.span_1_of_4:nth-child(2n){ padding: 0; }
		
		.span_1_of_2:nth-child(2n+1),
		.span_1_of_3:nth-child(2n+1),
		.span_1_of_4:nth-child(2n+1){ clear: left; }
		
		.span_1_of_2 img,
		.span_1_of_3 img,
		.span_1_of_4 img { text-align: center; }

	}

	@media screen and (max-width: 540px) {	
	
		.span_1_of_2,
		.span_1_of_3,
		.span_1_of_4 { width: 100%; padding: 0; float: none; vertical-align: top; text-align: left; }
		
		.span_1_of_2 img,
		.span_1_of_3 img,
		.span_1_of_4 img { text-align: center; }

	}

		.span_1_of_2 img, .span_1_of_3 img, .span_1_of_4 img { max-width: 100% !important; height: auto; }

		.span_1_of_4,
		.span_1_of_3,
		.span_1_of_2 { -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }


/**  MEDIA-QUERIES               **********************************************/

@media screen and (min-width: 1121px) {	
	/* Yhteystiedot */
	.contact-category .row-striped { padding: 0 !important; }
	.contact-category .row-striped li { list-style-type: none; float: left; width: 30%; margin-right: 5%; padding-bottom: 10px; }
	.contact-category .row-striped li:nth-child(3n+0) { margin-right: 0 !important; }
	.contact-category .row-striped li:nth-child(3n+1) { clear: left !important;}
}

@media screen and (max-width: 1120px) {	
	/* Yhteystiedot */
	.contact-category .row-striped { padding: 0 !important; }
	.contact-category .row-striped li { list-style-type: none; float: left; width: 47.5%; margin-right: 5%; padding-bottom: 10px; }
	.contact-category .row-striped li:nth-child(2n+0) { margin-right: 0 !important; }
	.contact-category .row-striped li:nth-child(2n+1) { clear: left !important;}
}

@media screen and (max-width: 1440px) {	
		
	.container { width: 96%; }
			
}

@media screen and (max-width: 1400px) {	
			
	#left { float: left; width: 18%; margin: 0 2% 0 0; text-align: left; }

	#main.main-both { float: left; text-align: left; width: 55%; }
	#main.main-wLeft { float: left; text-align: left; width: 80%; }
	#main.main-wRight { float: left; text-align: left; width: 75%; }
	#main.main-alone { float: left; text-align: left; width: 100%; }

	#right { float: left; width: 23%; margin: 0 0 0 2%; text-align: left; }
}

@media screen and (max-width: 1100px) {	
		
	#menu {	padding: 24px 30px 0 0; }
	
	.varausmenu { padding-right: 0 !important; }
	
	#hero { font-size: 40px; line-height: 48px;}
		
		#heroTeksti { max-width: 90%; }
			
}
	
@media screen and (max-width: 994px) {
	
	h1,
	h2[itemprop="headline"],
	h2.big,
	.page-header h2,
	.fox-container h2 { font-size: 2.3em; padding: 0.4em 0 0.2em 0; } 
						
	h2 { font-size: 1.6em; padding: 0.4em 0 0.2em 0; }
		
	h3 { font-size: 1.4em; padding: 0.8em 0 0.5em 0;}

		.contact-category .row-striped h3 { font-size: 1.5em; padding: 0.4em 0 0.2em 0; }
		
	h4 { font-size: 1.2em; }
	
	#left { float: left; width: 23%; margin: 0 2% 0 0; text-align: left; }

	#main.main-both { float: left; text-align: left; width: 50%; }
	#main.main-wLeft { float: left; text-align: left; width: 75%; }
	#main.main-wRight { float: left; text-align: left; width: 75%; }
	#main.main-alone { float: left; text-align: left; width: 100%; }

	#right { float: left; width: 23%; margin: 0 0 0 2%; text-align: left; }

}

@media only screen and (max-width: 767px) {
		
	.kuvaRight { float: none; clear: both; padding: 0.6em 0; display: block; margin-left: auto !important; margin-right: auto !important; max-width: 100%; height: auto; }
		
	.google-maps {
        padding-bottom: 75%; 
	}
	
	#left { float: left; width: 33%; margin: 0 2% 0 0; text-align: left; }

	#main.main-both { float: left; text-align: left; width: 40%; }
	#main.main-wLeft { float: left; text-align: left; width: 65%; }
	#main.main-wRight { float: left; text-align: left; width: 75%; }
	#main.main-alone { float: left; text-align: left; width: 100%; }

	#right { float: left; width: 23%; margin: 0 0 0 2%; text-align: left; }
	
}

@media screen and (max-width: 680px) {
	
	.container { padding: 0 20px; }
	
	h1,
	h2[itemprop="headline"],
	h2.big,
	.page-header h2,
	.fox-container h2 { font-size: 1.9em; padding: 0.4em 0 0.2em 0; } 
		
	#hero { font-size: 32px; line-height: 40px;}
		
	#left { float: none; width: 100%; margin: 0 0 20px 0; }

	#main.main-both { float: none; width: 100%; }
	#main.main-wLeft { float: none; width: 100%; }
	#main.main-wRight { float: none; width: 100%; }
	#main.main-alone { float: none;  width: 100%; }

	#right { float: none; width: 100%; margin: 20px 0 0 0; }
	
}

@media screen and (max-width: 640px) {
	
	#navbar { height: auto; padding-bottom: 10px; }
	
		#logo { width: 100%; text-align: center; padding: 15px 0 10px 0; }
	
		#topcall { float: none; padding: 0 10px; display: inline-block; border-left: none; }
	
		#menu { float: none; display: inline-block; padding: 0 10px; }
	
}

@media screen and (max-width: 480px) {
		
	.onlyBigscreen { display: none !important; }
	
	.onlyMobile { display: block; }
	
	#logo img { max-width: 100%; height: auto; }
	
	/* Yhteystiedot */
	
	.contact-category .row-striped li { list-style-type: none; float: left; width: 100%; margin-right: 0%; padding-bottom: 10px; clear: left !important; }
	
}


.bounce-top {
	-webkit-animation: bounce-top 0.9s ease-in-out 3s both;
			animation: bounce-top 0.9s ease-in-out 3s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2018-12-5 14:2:28
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation bounce-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-top {
  0% {
	-webkit-transform: translateY(-45px);
			transform: translateY(-45px);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
	opacity: 1;
  }
  24% {
	opacity: 1;
  }
  40% {
	-webkit-transform: translateY(-24px);
			transform: translateY(-24px);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
  }
  65% {
	-webkit-transform: translateY(-12px);
			transform: translateY(-12px);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
  }
  82% {
	-webkit-transform: translateY(-6px);
			transform: translateY(-6px);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
  }
  93% {
	-webkit-transform: translateY(-4px);
			transform: translateY(-4px);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
	-webkit-transform: translateY(0px);
			transform: translateY(0px);
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
  }
  100% {
	-webkit-transform: translateY(0px);
			transform: translateY(0px);
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
	opacity: 1;
  }
}
@keyframes bounce-top {
  0% {
	-webkit-transform: translateY(-45px);
			transform: translateY(-45px);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
	opacity: 1;
  }
  24% {
	opacity: 1;
  }
  40% {
	-webkit-transform: translateY(-24px);
			transform: translateY(-24px);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
  }
  65% {
	-webkit-transform: translateY(-12px);
			transform: translateY(-12px);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
  }
  82% {
	-webkit-transform: translateY(-6px);
			transform: translateY(-6px);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
  }
  93% {
	-webkit-transform: translateY(-4px);
			transform: translateY(-4px);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
	-webkit-transform: translateY(0px);
			transform: translateY(0px);
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
  }
  100% {
	-webkit-transform: translateY(0px);
			transform: translateY(0px);
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
	opacity: 1;
  }
}


	.scale-in-center {
		-webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
				animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	}

	/* ----------------------------------------------
	 * Generated by Animista on 2018-12-5 14:3:43
	 * w: http://animista.net, t: @cssanimista
	 * ---------------------------------------------- */

	/**
	 * ----------------------------------------
	 * animation scale-in-center
	 * ----------------------------------------
	 */
	@-webkit-keyframes scale-in-center {
	  0% {
		-webkit-transform: scale(0);
				transform: scale(0);
		opacity: 1;
	  }
	  100% {
		-webkit-transform: scale(1);
				transform: scale(1);
		opacity: 1;
	  }
	}
	@keyframes scale-in-center {
	  0% {
		-webkit-transform: scale(0);
				transform: scale(0);
		opacity: 1;
	  }
	  100% {
		-webkit-transform: scale(1);
				transform: scale(1);
		opacity: 1;
	  }
	}

/* KIRJAUTUMISLOMAKE */

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
form {
    margin: 0 0 18px;
        margin-bottom: 18px;
}
fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}
.form-horizontal .control-group {
    margin-bottom: 18px;
    *zoom: 1;
}
.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right;
}
.form-horizontal .controls {
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 180px;
    *margin-left: 0;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
    height: 18px;
    padding: 4px 6px;
    margin-bottom: 9px;
    font-size: 13px;
    line-height: 18px;
    color: #555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: middle;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}
.form-search input, .form-search textarea, .form-search select, .form-search .help-inline, .form-search .uneditable-input, .form-search .input-prepend, .form-search .input-append, .form-inline input, .form-inline textarea, .form-inline select, .form-inline .help-inline, .form-inline .uneditable-input, .form-inline .input-prepend, .form-inline .input-append, .form-horizontal input, .form-horizontal textarea, .form-horizontal select, .form-horizontal .help-inline, .form-horizontal .uneditable-input, .form-horizontal .input-prepend, .form-horizontal .input-append {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 0;
    vertical-align: middle;
}
button, input, select, textarea {
    margin: 0;
        margin-bottom: 0px;
    font-size: 100%;
    vertical-align: middle;
}
button, input {
    *overflow: visible;
    line-height: normal;
}
label, input, button, select, textarea {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
}
input, button, select, textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input, textarea, .uneditable-input {
    width: 206px;
}
input, textarea, .uneditable-input {
    margin-left: 0;
}
input, button, select, textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
label, input, button, select, textarea {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
}
ul.nav.nav-tabs.nav-stacked { font-size:13px;}
#users-profile-core dt {font-size:13px;padding-top:6px;}