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

*{margin: 0; padding: 0;}
li{outline: none;}
a { background: transparent; outline: none; text-decoration: none; vertical-align: baseline; margin: 0; padding: 0; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }
a:hover { text-decoration: 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;}


body {font-family:Helvetica; background-color: #3d3f4b;
	background-image: -webkit-linear-gradient(bottom, #353535, #3b3b3b 50%, #252525);
	background-image: -moz-linear-gradient(bottom, #353535, #3b3b3b 50%, #252525);
	background-image: -o-linear-gradient(bottom, #353535, #3b3b3b 50%, #252525);
	background-image: -ms-linear-gradient(bottom, #353535, #3b3b3b 50%, #252525);
	background-image: linear-gradient(to top, #353535, #3b3b3b 50%, #252525); }


.border { background:#fee985; display:block; margin:40px auto 30px auto; height:2px; width:100%;}
.border2 { background:#707070; display:block; margin:20px auto 20px auto; height:1px; width:100%;}

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

p { font-size:16px; }


/* Hover effect nav */
.link {
    display: inline-block;
    text-decoration: none;
}

.link::after {
	top:0;
	position:absolute;
    content: '';
    display: block;
    width: 0;
    height: 5px;
    background: #fee985;
    transition: width .4s;
}

.link:hover::after {
    width: 40%;
    transition: width .4s;
}


/* Navigation */
.navbar .navbar-nav {
    display: inline-block;
    float: none;
}
.navbar .navbar-collapse {
    text-align: center;
}
.navbar-default {
	z-index:100!important;
	border:none;
	background-color:transparent;
	padding-top:5px;
	padding-bottom:0px;
	border-bottom:5px solid #fee985;
}

.navbar-default .navbar-brand img { margin-top:0px;}

.navbar-default .navbar-nav>li>a {
    color:#f0f0f0; line-height:55px;
}
.navbar-default .fa { margin-left:5px;}
.navmenu { color:#fee985; }

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
	color:#fee985;
	}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	background:transparent!important;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
	background-color:transparent;
	border-width:1px;
	float:right; margin-left:30px;
}
.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; padding-bottom:10px;
}

.navmenu { display:none;}
.fa-bars { color:#fee985!important; font-size:30px!important;}


/* Content */
.ws_images { border:5px solid #b1b1b1!important; box-shadow:0 8px 2px -2px #181818;}
#block1 { color:#f0f0f0; padding:10px}
#block1 h1 { font-weight:lighter; color:#fff;}
.palvelut { padding-top:30px; display:block; clear:both}
.box { background:#5c5c5c; padding:30px 15px; text-align:center; margin-bottom:30px; box-shadow:2px 8px 8px #181818; }
.box h3 { margin:0;}
.box img { margin:20px auto;}
.box a { display:table; border:1px solid #ebebeb; text-align:center; margin:0 auto; line-height:50px; font-size:16px; color:#ebebeb; text-decoration:none; padding:0 40px;}
.box a:hover { background:#ebebeb; color:#181818;}

.right, .right-bottom { padding-top:20px; padding-left:10px;}
.right ul { list-style:none}
.right li { padding-bottom:10px;}
.right a { color:#f0f0f0; text-decoration:none; font-size:20px;}
.right a:hover { color:#fee985;}
.right .fa { color:#fee985; margin-right:10px;}
.right img { padding-top:10px;}
.right-bottom a { color:#f0f0f0; text-decoration:none; font-size:16px;}
.right-bottom a:hover { color:#fee985;}
.right-bottom .fa { margin-left:10px; vertical-align:middle;}


/* Footer */
#footer { padding:10px 10px 30px 10px;}
#footer p { color:#f0f0f0!important; float:left; }
#footer a { color:#fee985!important;}
#footer a:hover { text-decoration:underline;}
p#uk { float:right;}

#main img { border:5px solid #b1b1b1!important; box-shadow:0 8px 2px -2px #181818; margin:20px auto;}
.palvelut ul { list-style:none;}
.palvelut li { font-size:20px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #707070;}
.palvelut .fa { color:#fee985; margin-right:10px;}

#contact ul { list-style:none; margin-bottom:20px;}
#contact li { padding-bottom:5px; font-size:16px;}
#contact a { color:#f0f0f0; text-decoration:none; font-size:16px;}
#contact a:hover { color:#fee985;}
#contact .fa { color:#fee985; margin-right:10px;}
a.c-link { color:#fee985!important;}
a.c-link:hover { text-decoration:underline!important}
#contact h4 { padding-bottom:10px;}

/*** FORM ***/
#contact .fieldgroup input[type="captcha"]{float:left; margin-left:20px; width:145px; border:none; background:#5c5c5c; padding:10px 24px; font-size:16px; line-height:22px; color:#fff; text-transform:uppercase; height:52px; }
#contact .captcha-code{ float:left; margin:15px 10px 0px 0px;}
.captcha-txt{ float:left; font-size:12px; color:#f0f0f0; margin-top:18px;}
#send {
	display:table;
	width:240px;
	line-height:40px;
	margin-top:20px;
	background-color:transparent;
	text-transform:uppercase;
	border-radius:0;
	color:#fff;
	font-size:16px;
	letter-spacing:2px;
	margin-bottom:30px;
	border:1px solid #ebebeb;
	}
#send:hover {
	background:#fee985;
	color:#181818;
	border:1px solid #fee985;
	-webkit-transition: 0.3s; /* Safari */
    transition: 0.3s;
	 }

.fieldgroup {
	margin-bottom:10px;
	}

input[type="text"], input[type="email"], input[type="tel"] {
    background-color:#5c5c5c;
	border-radius:0;
	color:#fff;
	padding-left:10px;
	height:40px;
	margin-bottom:10px;
	border:none;
	font-size:14px;
}

textarea {
    border:none!important;
	font-size:14px;
	color:#fff!important;
	background:#5c5c5c!important;
	border-radius:0!IMPORTANT;
}		

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


.fieldgroup input[type=text].error, .fieldgroup input[type=email].error, .fieldgroup input[type=tel].error, .fieldgroup textarea.error{border:1px solid #ff0000!important; color: #fff;  }
.fieldgroup input[type=text]:focus, .fieldgroup input[type=email]:focus, .fieldgroup input[type=tel]:focus, .fieldgroup input[type="captcha"]:focus, .fieldgroup textarea:focus{-moz-box-shadow: none!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;  }




/********** RESPONSIVE DESIGN *************/

@media (min-width: 992px) and (max-width: 1199px) {
}
@media (max-width: 991px) {
	.navbar-default .navbar-brand img { max-width:110px; margin-top:10px; }
}
@media (min-width: 768px) and (max-width: 991px) {
	}

@media (max-width: 767px) {
	.navbar-default .navbar-brand img { max-width:150px; margin-top:0px; }
	.navbar-default .navbar-nav>li>a { line-height:25px; }
	p { font-size:14px;}
}



@media (max-width: 599px) {
	p#uk { float:none;}
	#footer p { float:none;} 
	}
@media (max-width: 479px) {
	}

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