@charset "UTF-8";
/* CSS Document */

body {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color:#fff;
	margin:0;
	padding:0;
	}

.nopadding2 {
   padding: 0 !important;
   margin: 0 !important;
}

/* Navigation */
#menu.navbar-default .navbar-brand {
	padding-top:15px;
}

#menu.navbar-default {
	position:fixed;
    font-size: 14px;
    background-color:#0b3961;
	z-index:100;
	border:none;
}
#menu.navbar-default .navbar-nav>li>a {
	margin-top:0px;
    color:#fff;
	font-size:14px;
	text-transform:uppercase;
	margin-right:0px!important;
    background-color:transparent;
	line-height:40px;
	display:table;
}
#menu.navbar-default .navbar-nav>li>a:hover,
#menu.navbar-default .navbar-nav>li>a:focus {
    color:#fff;
	text-decoration:none;
	background-color:#0c5d87;
	border-radius:3px;
	-webkit-transition: 0.7s; /* Safari */
    transition: 0.7s;
}
#menu.navbar-default .navbar-nav>.active>a,
#menu.navbar-default .navbar-nav>.active>a:hover,
#menu.navbar-default .navbar-nav>.active>a:focus {
    color: #000;
    background-color:transparent;
}
#menu.navbar-default .navbar-toggle {
	margin-top:15px;
    border-color: #ccc;
	background-color:#0c5d87;
	border-width:1px;
}
#menu.navbar-default .navbar-toggle:hover,
#menu.navbar-default .navbar-toggle:focus {
    background-color:#0c5d87;
}
#menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #ddd4be;
}
#menu.navbar-default .navbar-toggle:hover .icon-bar,
#menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color:#ddd4be;
}



#block1 {
	background-color:#3c66ac;
	padding-top:100px;
	}

/*** CAROUSEL ***/
.carousel-inner { margin-top:0; }
.carousel-control.left, .carousel-control.right {
    background-image: none!important;
}
.carousel-control.left { top:0%; width:auto; left:0px; display:none; }
.carousel-control.right { top:0%; width:auto; right:0px; display:none;}
.carousel-caption { position:relative!important;}
.carousel-indicators li { visibility:visible; }
.carousel-indicators { display:block; bottom:-10px;}

/* Slides styles */
.carousel-text {
	min-height:200px!important;
	}
.carousel-text h2 {
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	margin-bottom:20px;
	font-size:30px;
	}
.carousel-text p {
	color:#fff;
	font-size:16px;
	}
.carousel-text a {
	display:table;
	color:#000;
	margin:60px 0;
	font-size:14px;
	text-transform:uppercase;
	padding:10px 20px;
	background-color:#efeee9;
	text-align:center;
	line-height:20px;
	width:280px;
	}
.carousel-text a:hover, #block2 a:hover, #block3 a:hover, #p2 a:hover {
	background-color:#28B73F;
	color:#fff;
	text-decoration:none;
	-webkit-transition: 0.7s; /* Safari */
    transition: 0.7s;
	}

.banner img {
	max-height:220px;
	display:block;
	margin:30px auto 0 auto;
	}

#block2 {
	padding:30px 0;
	background-color:#efeee9;
	}
#block2 h2 {
	font-size:24px;
	text-transform:uppercase;
	border-bottom:1px solid #B4B4B4;
	margin-bottom:20px;
	}
#images {
	padding:20px 0;
	}
#images img {
	margin-bottom:20px;
	border:1px solid #b4b4b4;
	}
#block2 a {
	display:table;
	color:#000;
	margin:0px auto;
	font-size:14px;
	text-transform:uppercase;
	padding:10px 20px;
	background-color:#fff;
	text-align:center;
	line-height:20px;
	width:280px;
	}

#block3 {
	padding:30px 0;
	background-color:#fff;
	}
#block3 h2 {
	font-size:24px;
	text-transform:uppercase;
	border-bottom:1px solid #B4B4B4;
	margin-bottom:20px;
	}
#block3 a {
	display:table;
	color:#000;
	margin:40px 0;
	font-size:14px;
	text-transform:uppercase;
	padding:10px 20px;
	background-color:#efeee9;
	text-align:center;
	line-height:20px;
	width:280px;
	}
#block3 img {
	display:block;
	margin:0 auto;
	}


#palvelut2 {
	background-image:url(../images/palvelut.jpg);
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	padding-top:100px;
	margin-top:60px;
	}
#palvelut h1 {
	color:#fff;
	font-size:72px;
	font-weight:600;
	text-align:center;
	padding:90px 0 170px 0;
	text-shadow:3px 3px 3px #000;
	}
#p2 {
	padding:40px 0;
	background-color:#efeee9;
	}
#p2 h2 {
	font-size:24px;
	text-transform:uppercase;
	border-bottom:1px solid #B4B4B4;
	margin-bottom:20px;
	}
#p2 a {
	display:table;
	color:#000;
	margin:40px 0;
	font-size:14px;
	text-transform:uppercase;
	padding:10px 20px;
	background-color:#fff;
	text-align:center;
	line-height:20px;
	width:280px;
	}
#kalusto2 {
	background-image:url(../images/kalusto.jpg);
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	padding-top:100px;
	margin-top:60px;
	}
#kalusto h1 {
	color:#fff;
	font-size:72px;
	font-weight:600;
	text-align:center;
	padding:90px 0 170px 0;
	text-shadow:3px 3px 3px #000;
	}
#k2 {
	padding:40px 0;
	background-color:#efeee9;
	}
#k2 h2 {
	font-size:24px;
	text-transform:uppercase;
	border-bottom:1px solid #B4B4B4;
	margin-bottom:20px;
	}
#k3 {
	padding:40px 0;
	background-color:#fff;
	}
#k3 h2, #kuvagalleria h2 {
	font-size:24px;
	text-transform:uppercase;
	border-bottom:1px solid #B4B4B4;
	margin-bottom:20px;
	}
.box {
	background-color:#3c66ac;
	text-align:center;
	color:#fff;
	min-height:200px;
	text-transform:uppercase;
	display:block;
	margin:0 auto;
	}
.box h3 {
	display:block;
	background-color:#4499D2;
	padding:10px 0;
	font-size:20px;
	margin-bottom:25px;
	}
.box h4 {
	font-size:20px; text-transform: none!important;
	}
.varusteet {
	margin-top:20px;
	border-top:2px solid #A9A9A9;
	padding:10px 0;
	}

/* KUVGLLERIA */
#gallery img {
	position: relative;
    float: left;
    width:  250px;
    height: 150px;
    background-position: 50% 50%;
    background-repeat:   no-repeat;
    background-size:     cover;
	margin:10px 0;
	border:2px solid #fff;
	border-radius:3px;
	box-shadow:2px 2px 2px #343434;
	}	
#kuvagalleria { margin-top:0px; }
#galleria {
	background-color:#efeee9;
	padding-bottom:30px; 
	}	




/* CONTACT */
#contact2 { margin-top:90px;}
#contact2 h1 {
	font-size:24px;
	text-transform:uppercase;
	border-bottom:1px solid #B4B4B4;
	margin-bottom:20px;
	}
#contactinfo ul {
	list-style:none;
	margin-left:-40px;
	}
#contactinfo li, #contactinfo a {
	color:#000;
	font-size:14px;
	padding-bottom:3px;
	}	
#contactinfo a:hover {
	text-decoration:none;
	color:#3c66ac;
}
	
.succMsg{ color:#009755 ; font-size: 16px;font-weight: bold;padding-top: 15px; padding-bottom:20px;}
.errMsg{ color:#E6080C ; font-size: 16px;font-weight: bold;padding-top: 15px; padding-bottom:20px;}

input[type="submit"] {
	display:table;
	width:225px;
	line-height:30px;
	margin-top:20px;
	background-color:#3c66ac;
	border-radius:0;
	color:#fff;
	font-size:16px;
	margin-bottom:40px;
	}
input[type="submit"]:hover {
	background-color:#28B73F;
	color:#fff;
	-webkit-transition: 0.7s; /* Safari */
    transition: 0.7s;
	 }

.fieldgroup {
	margin-bottom:20px;
	}

input[type="text"] {
    background-color: #efeee9;
	border:none;
	border-radius:0;
	color:#000;
	width:100%; height:30px;
}
input[type="email"] {
    background-color: #efeee9;
	border:none;
	border-radius:0;
	color:#000;
}
textarea {
    background-color: #efeee9!important;
	border:none;
	border-radius:0;
	color:#000;
	width:100%;
}		
label {
	color:#000;
	font-size:16px;
	margin-left:10px;
	font-weight:normal;
	}
.white { color:#000;}

/* Footer */
#footer {
	background-color:#0b3961;
	padding-top:25px;
	padding-bottom:10px;
	}

#footer p, #footer2 p { color:#fff;}
#copyright #design p, #design a {
	color:#fff;
	display:block;
	width:100%;
	text-align:right;
	}
#design a:hover {
	text-decoration:none;
	color:#EFEFEF;
	-webkit-transition: 0.7s; /* Safari */
    transition: 0.7s;
	}


@media (max-width: 1199px) {
	#block1 { padding-bottom:20px;}
}

@media (max-width: 1023px) {
}
@media (min-width:768px) and (max-width: 991px) {
	#block3 img, #block1 img {
		margin-top:70px;
		}
	}
	

@media (max-width: 767px) {
#copyright #design p, #design a {
	text-align:left;
	}
#block1 img { display:none;}
.carousel-text { text-align:center;}
.carousel-text p { margin-bottom:30px;}
.carousel-text a { margin:0 auto!important;}
#block3 img { display:none;}
#block3 a { margin-top:30px!important; }
	}

@media (max-width: 679px) {
	#top h1 { font-size:22px;}
	
	}

@media (max-width: 639px) {
	#block2 h2, #block3 h2 { font-size:20px;} 
	#palvelut h1 { font-size:40px;}
}

@media (max-width: 479px) {
	.carousel-text h2 { font-size:20px;}
}


@media (max-width: 368px) {
	.carousel-text { min-height:250px!important;}
	}
@media (max-width: 321px) {
	#block2 h2, #block3 h2 { font-size:18px;} 
}