#sp-header {
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
	}
#sp-header .logo { outline: 0; padding-top: 0; }
.sp-megamenu-parent > li > a {
	color: #f1f1f1;
	font-size: 16px;
	font-weight: normal;
	text-transform: none;
	}
.sp-megamenu-parent > li > a, #offcanvas-toggler {
	line-height: 100px;
	}
#offcanvas-toggler { outline: 0; }	
#sp-top2 { float: right; }
.sp-contact-info { 
	font-size: 100%;
	font-weight: normal;
	}
#sp-main-body {
	padding: 40px 0 80px; 
	height: 100%;
	}
#sp-main-body .sp-column {
	background-color: rgba(255, 255, 255, 0.95);
	border: 1px solid #aaa;
	border-radius: 15px;
	padding: 5px;
	}

#sp-main-body .sp-column .blog,
#sp-main-body .sp-column .edit {
	border-width: 40px;
	border-style: double;
	border-image-source: url(../../../images/decorations/nurkkatesti.png);
	border-image-slice: 34%;
	border-image-width: 30px;
	border-image-outset: 0px; 
	border-image-repeat: repeat;
	border-color: transparent;
	padding: 0;
	} 
article.item { margin-bottom: 10px; }
.page-header { margin: 10px 0; padding-bottom: 0; }	
.h1, .h2, .h3, h1, h2, h3 { margin: 10px auto;}
h4, .h4 { margin-top: 30px; }
.blog a { color: #222; }
.blog a:hover, .blog a:active { color: #000; text-decoration:underline; }

body#tinymce .mceContentBody,
.mceIframeContainer { background: #fff; }
#bfElemWrap142 div { float: left; }
#bfSubmitButton, .bfQuickMode .bfSubmitButton { font-weight: normal; float: left; }
:hover.bfQuickMode .bfNextButton, .bfQuickMode .bfCancelButton { float: none !important; }

.bfQuickMode .bfPageIntro, .bfLabelLeft, .bfPage label { font-weight: inherit !important; }
.bfPage .bfRolloverBg { background: transparent !important; }
.bfPage button { margin: 10px 5px; }
.bfClearfix div span { font-size: 100%; }
.bfQuickMode section.bfElemWrap { padding: 0 5px 15px; }

.offcanvas-menu {
	font-size: 16px;
	font-weight: normal;
	background: #090909;
	color: #f1f1f1;
	text-transform: none;
	letter-spacing: 1px;
}
.offcanvas-menu .offcanvas-inner .sp-module:first-child,
.offcanvas-menu .offcanvas-inner .sp-module,
.offcanvas-menu .offcanvas-inner .sp-module:last-child { 
	padding-left: 20px;
	padding-right:20px;
	margin-bottom: 20px; 
}
.offcanvas-menu-title { font-size: 24px; }
.sp-module ul >li >a:before {
	content: "";
	margin-right: 0;
	}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
	color: #f1f1f1;
	border-bottom: 0px dotted #444444;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	padding: 8px 8px 8px 8px;
	font-size: 16px;
	font-weight: normal;
	text-transform: none;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:active {
	background: #000000;
	background: linear-gradient(#171717, #070707);
	text-decoration: none; }    

.close-offcanvas { color: #ffffff; border: 0; }
.close-offcanvas .fa { font-weight: bold; }
.body-innerwrapper::after {
   background: rgba(250, 250, 250, 0) none repeat scroll 0 0;
 }
.nav > li > a:hover, .nav > li > a:focus { background-color: inherit;}
.nav-header {  }
.offcanvas .offcanvas-menu ul.nav-child li {  }
}
.offcanvas-menu .nav-header { 
	line-height: 36px;
	padding: 4px 20px;
	}
.offcanvas-menu .sp-module-title {
	font-family: lato;
	font-size: 22px;
	}

.rl_sliders-toggle
	{ color: #333; }
.rl_sliders.accordion > .accordion-group { border: 0; background: transparent; }
.rl_sliders.accordion > .accordion-panel-group > .panel { background-color: transparent; }

.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover,
.rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle {
	background-color: transparent; color: #333;
	}

.rl_sliders.accordion > .accordion-group > .accordion-body > .accordion-inner {
	border-top: 0;
	border-bottom: 1px solid #eee;}


.rl_sliders.accordion > .accordion-group.active > div > a,
.rl_sliders.accordion > .accordion-group > div > a {
	box-shadow: 0 0 0 #444 inset;
	}
 
.rl_sliders.accordion > .accordion-group.active > div > a:focus,
.rl_sliders.accordion > .accordion-group.active > div > a:active,
.rl_sliders.accordion > .accordion-group > div > a:focus,
.rl_sliders.accordion > .accordion-group > div > a:active  { 
	box-shadow: 0 0 0 #444 inset; 
	}

.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle,
.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover,
.rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle,
.rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle:hover { 
	color: #333 !important; 
	}


#sp-top-bar, #sp-header-image, #sp-footer, #sp-header-sticky-wrapper, #sp-header { color: rgb(240, 240, 240); background-color: rgb(0, 0, 0); }
#sp-top-bar, #sp-header-image, #sp-footer { background-color: rgba(0, 0, 0, 0.95); }


.login form { margin-top: 50px; }
.login input {
	color: #111111;
	background-color: #ffffff;
	border: 1px solid #aaaaaa;
	border-radius: 2px;
	}
.login .input-group-addon {
	color: #111111;
	background-color: #aaaaaa;
	border: 1px solid #cccccc;
	border-radius: 2px;
	}
.login input:focus { border-color: #cccccc; }

.login button {
	color: #ffffff;
	background-color: #555555;
	border: 1px solid #222222;
	}
.login button:hover {
	color: #ffffff;
	background-color: #aaaaaa;
	border: 1px solid #555555;
	}	
	


.offcanvas .sp-module-content	form { margin-top: 30px; }
.offcanvas-menu input,
.offcanvas-menu button {
	color: #cccccc;
	background-color: #111111;
	border: 1px solid #222222;
	border-radius: 2px;
	}
.offcanvas-menu .input-group-addon {
	color: #cccccc;
	background-color: #222222;
	border: 1px solid #222222;
	border-radius: 2px;
	}
.offcanvas input:focus { border-color: #cccccc; }
.offcanvas-menu button:hover {
	color: #ffffff;
	background-color: #555555;
	border: 1px solid #222222;
	}	
	
	
@media (max-width: 767px) {
	#sp-header, #sp-header .logo,
	#sp-header .logo img,
	.sp-megamenu-parent > li > a{
		-webkit-transition: 200ms;
		transition: 200ms;
	}
	
	.is-sticky #sp-header {
		height: 70px;
	}
	.is-sticky #sp-header .logo {
		height: 70px;
	}
	.is-sticky #sp-header .logo img {
		width: 200px;
	}
	.is-sticky .sp-megamenu-parent > li > a {
		line-height: 70px;
	} 		
	.sp-contact-info { 
		font-size: 85%;
		font-weight: normal;
	}
	.bfQuickMode input[type=text], .bfQuickMode textarea, .bfQuickMode .uneditable-input, .bfQuickMode input[type=text]:hover, .bfQuickMode textarea:hover, .bfQuickMode .uneditable-input:hover, .bfQuickMode input[type=text]:focus, .bfQuickMode textarea:focus, .bfQuickMode .uneditable-input:focus {
		width: 100% !important;
    	max-width: 100% !important;
    	min-width: 100% !important;
    	}
	.bfQuickMode .bfLabelLeft label, .bfQuickMode .bfLabelRight label {
   	width: 100% !important;
    	min-width: 100% !important;
    	max-width: 100% !important;
    }
    .sp-copyright { font-size: 12px; font-weight:normal; }
	}
@media (min-width:600px){
	.container{ width: 100%; }
	.sticky-wrapper {	height: 60px !important; }
	#sp-header, #sp-header .logo {
		height: 60px; 
		}
	#sp-header .logo { padding-top: 0; }	
	.sp-megamenu-parent > li > a, #offcanvas-toggler {
		line-height: 55px;
	}
   .sp-copyright { font-size: 14px; font-weight:normal; }
	}
@media (min-width:768px){
	.container{ width: 100%; }
	.sticky-wrapper {	height: 100px !important; }
	#sp-header { height: 100px; }
		#sp-header, #sp-header .logo {
		height: 100px; 
		}
	.sp-megamenu-parent > li > a, #offcanvas-toggler {
		line-height: 80px;
		padding-top: 20px;
	}
   .sp-copyright { font-size: 14px; font-weight:normal; }
	}
@media (min-width:992px){
	.container{width:100%;}
	#sp-header { height: 100px; } 

}
@media (min-width:1200px){.container{width:1170px;}}
/*
@media (min-width:1921px){.container{width:1900px}}
*/	


@media (max-width: 599px), handheld and (orientation: landscape) {	
	.sticky-wrapper {
		height: 55px !important;
		}
	#sp-header, #sp-header .logo {
		height: 60px; 
		}
	#sp-header .logo { padding-top: 5px; padding-bottom: 5px; }	
	.sp-megamenu-parent > li > a, #offcanvas-toggler {
		line-height: 50px;
		padding-top: 5px;
		}
	#offcanvas-toggler > i { margin-bottom: 5px; }
	.sp-contact-info { 
	font-size: 85%;
	font-weight: normal;
	}
}

.scrollup { 
	background-color: #070707;
	background-color: rgba(0,0,0,0.7);
	border: 0;
	border-radius: 20px; }
.scrollup:before { color: #f7f7f7; }
.scrollup:hover { background-color: #f7f7f7; }
a:hover.scrollup:before { color: #171717; }

	
/* *** Sticky footer *** */
/*
div.sp-inner {
  position: relative;
}
#sp-footer{
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 5px 0;
}
*/