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

*{margin: 0; padding: 0;}
li{outline: none;}
a {text-decoration:none; outline: none;}
img{outline: none; vertical-align: middle;}
html{ -webkit-text-size-adjust: 100%;}
textarea,input[type=text],input[type=email],input[type=password]{outline: none;appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; border-radius: 0; }
button, input[type=submit]{appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; outline: none;}
p, li, a { font-size:16px;}

body {font-family:Helvetica; background:#fff; }

.border { background:#2891c7; display:table; margin:10px 0 20px 0; height:5px; width:150px;}
.border2 { background:#2891c7; display:table; margin:15px 0 15px 0; height:3px; width:100px;}
.nopadding { margin:0!important; padding:0!important;}

/* NAV */
.navbar-default .navbar-brand { color:#fff; font-size:24px; margin-right:10px; padding-top:25px;}
.navbar-default .navbar-brand:hover { color:#fff!important;}
.navbar-default {
	z-index:100;
	border:none;
	background-color:#2891c7;
}

.navbar-default .navbar-nav>li>a {
	line-height:34px;
    color:#fff;
	font-size:14px;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
	color:#000;
	background:#fff;
	-webkit-transition: 0.3s; /* Safari */
    transition: 0.3s;
	}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
}
.navbar-default .navbar-toggle {
	margin-top:7px;
    border-color: transparent;
	background-color:transparent;
	border-width:1px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color:transparent
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color:#fff;
}

#main-image { margin-top:40px;}
#subnav { margin-top:62px; background:#247dab; padding:15px 0 0 ;}
#subnav a { color:#fff; float:left;}
#subnav .fa { color:#fff; vertical-align:middle; margin-left:10px; margin-top:3px; margin-right:10px; float:left;}
#subnav p { color:#fff; }

#block1 { padding:20px 10px; color:#2b2b2b;}
h1 { font-size:36px;}
p.bigger { font-weight:bold; font-size:18px;}
#block1 ul { list-style:none;}
#block1 li { font-style:italic; padding-bottom:5px;}
a.button { background:#2891c7; color:#fff; line-height:50px; display:table; width:200px; text-align:center; text-decoration:none; border:2px solid #fff; margin-top:20px; margin-bottom:20px;}
a.button:hover { color:#2b2b2b; background:#fff;  border:2px solid #2891c7;}
.right { border-left:1px solid #8f8f8f;}

#block2 { background:#2891c7;}
.box { padding:40px 10px 20px 10px; text-align:center;}
.box img { margin:0 auto; }
.box a { color:#fff;}
.box p { padding-top:20px;}
.box:hover { background:#247dab  }

#services { padding:20px 10px; color:#2b2b2b;}
#sidenav a { color:#2b2b2b; display:block; line-height:40px; text-decoration:none;}
#sidenav a:hover { color:#2891c7;}
#sidenav .active { font-weight:600;}
#sidenav .fa { color:#2891c7; font-size:14px; margin-right:10px;}

.boxes h3 { margin-top:0; font-weight:600; }
.boxes ul { list-style:none;}
.boxes li { padding-bottom:10px;}
.boxes .fa { color:#2891c7; margin-right:10px;}
.boxes p { line-height:24px;}

#palvelut { padding-bottom:30px;}

#gallery img { margin-bottom:20px; border:3px solid #cecece;}
#gallery img:hover { opacity:0.8;}

/*** FORM ***/
#contact { background:#fefefe; padding:20px 10px; }
#contact h5 { font-size:20px; font-weight:600; color:#2b2b2b;}
#contact h6 { font-size:16px; color:#2b2b2b;}
#contact ul { list-style:none;}
#contact li { font-size:16px; color:#2b2b2b;}
#contact a { font-size:16px; color:#2b2b2b; text-decoration:none;}
#contact a:hover { font-weight:600;}
#contact .fa { margin-right:10px; font-size:14px; color:#2891c7;}

#map iframe { border:4px solid #846358;}

#register-form { margin-top:0px;}
#send {
	display:table;
	width:200px;
	line-height:40px;
	margin-top:20px;
	background-color:#2891c7;
	text-transform:uppercase;
	border-radius:0;
	color:#fff;
	font-size:16px;
	letter-spacing:2px;
	margin-bottom:30px;
	border:2px solid #fff;
	}
#send:hover {
	background:#fff;
	border:2px solid #2891c7;
	color:#2b2b2b;
	-webkit-transition: 0.5s; /* Safari */
    transition: 0.5s;
	 }

.fieldgroup {
	margin-bottom:20px;
	}

input[type="text"], input[type="email"], input[type="tel"] {
    background-color:transparent;
	border-radius:0;
	color:#000;
	padding-left:10px;
	height:40px;
	margin-bottom:-10px;
	border-top:none!important;
	border-left:none!important;
	border-right:none!important;
	box-shadow:none!important;
	border-bottom:2px solid #cecece!important;
	font-size:16px;
}

textarea {
    background-color:transparent!important;
	border-top:none!important;
	border-left:none!important;
	border-right:none!important;
	box-shadow:none!important;
	border-bottom:2px solid #cecece!important;
	border-radius:0!important;
	color:#000;
	padding-left:10px;
	padding-top:10px;
	font-size:16px!important;
}		

#contact ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #949494;
}
#contact :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #949494;
   opacity:  1;
}
#contact ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #949494;
   opacity:  1;
}
#contact :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #949494;
}


.fieldgroup input[type=text].error, .fieldgroup input[type=email].error, .fieldgroup input[type=tel].error, .fieldgroup textarea.error{border-bottom:1px solid #ff0000!important; color: #ff0000;  }
.fieldgroup input[type=text].wpcf7-not-valid, .fieldgroup input[type=email].wpcf7-not-valid, .fieldgroup input[type=tel].wpcf7-not-valid, .fieldgroup textarea.wpcf7-not-valid{border-bottom:1px solid #ff0000!important; color: #ff0000;  }


/* Footer */
#footer {padding:30px 10px 10px 10px;  }
#footer a { color:#777777;}
#footer p { color:#777777;}



/********** RESPONSIVE DESIGN *************/
@media (min-width: 992px) and (max-width: 1199px) {
}

@media (max-width: 1023px) {
}

@media (min-width: 768px) and (max-width: 991px) {
	}

@media (min-width: 768px) { 
	}	

@media (max-width: 767px) {
}

@media (max-width: 599px) {
	}
@media (max-width: 479px) {
	}

@media (max-width: 321px) {
	}

.wpcf7-validation-errors
{
	display: none !important;
}
.wpcf7-not-valid-tip
{
	display: none !important;
}