@charset "UTF-8";
/* CSS Document */
.clear{float:none;display:block;clear:both;height:1px;}
/* LOGO HÖJD */
#sp-top1 img{width:auto !important;max-height:100px !important;height:100px !important;margin-left:auto !important;margin-right:auto !important;}
#sp-menu .sp-megamenu-wrapper {text-align:center !important;}
#sp-header{background:#204631 !important;}
#sp-header {height: auto !important;}
#sp-top-bar{border-bottom:4px solid #fcf498;}
.logo{padding:0 0 2px;}
.hero .uk-text-large{position:absolute;bottom:-5px;left:50%;transform: translateX(-50%);font-size:14px !important;width:100% !important;}
#sp-right, #sp-left{padding-bottom:50px !important;}
#sp-right .sp-module{
	border:1px solid #ccc;
	border-radius:5px !important;
	padding:0 !important;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
}
#sp-left .sp-module, #sp-right .sp-module {margin-top:55px !important;}
#sp-left .sp-module:first-of-type, #sp-right .sp-module:first-of-type {margin-top: 0 !important;}
#sp-right .sp-module-content{padding:20px 15px 5px !important;}
#sp-right .sp-module p{font-size:95% !important;}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
    font-weight: 700 !important;
    color: #fff !important;
	background:#204631 !important;
    font-size: 18px !important;
    margin-bottom:0 !important;
	/*text-transform: uppercase;*/
	letter-spacing:0.4pt !important;
	padding:0 0 0 10px !important;
	height:35px;
	line-height: 35px;
}

#sp-left .sp-module.-akt h3.sp-module-title, #sp-right .sp-module.-akt h3.sp-module-title{background:#be2139 !important;}

#sp-right .sp-module.-green .sp-module-content{background:#83a375;color:#fff;}
#sp-right .sp-module.-green a{color:#fff !important;}
#sp-right .sp-module.-green a:hover, #sp-right .sp-module.-green a:active, #sp-right .sp-module.-green a:focus{color:#fcf498 !important;}

#sp-main-body {padding: 60px 0 0 !important;}
body.startsida .blog-details-content-wrap{padding-bottom:30px !important;}
body.startsida h2{margin-top:30px;}


#sp-shopinfo{padding:40px 20px;background:#fcf7ea;color:#171717;margin:0 auto;font-size:1.1em;}
#sp-shopinfo h2{text-align:center;color:#204631 !important;margin:0 auto !important;padding:0 0 30px !important;font-size:30px !important;}
#sp-shopinfo .start-inner{padding:0 50px;}
#sp-shopinfo a{
	background:#204631 !important;
	color:#fff !important;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:50px;
	height:50px;
	border-radius:25px;
	width:300px;
	display:block;
	margin:40px auto 0 !important;
}
#sp-shopinfo a:hover, #sp-startinfo a:active, #sp-startinfo a:focus{color:#fcf498 !important;}

table.shop-info{width:80%;margin:0 auto;}
table.shop-info tr td{width:auto;}
table.shop-info td:first-of-type{width:15%;padding:0;min-width:200px;text-align:center;}
table.shop-info td:last-of-type{width:15%;padding:0;min-width:200px;text-align:center;}
table.shop-info td img.round{width:100%;height:auto;border:8px solid #eee;}
table.shop-info td span.start-name{font-size:95%;}
table.shop-info td hr:first-of-type{margin-bottom:20px;}
table.shop-info td hr:last-of-type{margin-top:20px;}

#sp-startinfo{padding:30px 20px;background:#83a375;color:#fff;margin:0 auto;}
#sp-startinfo hr{border-top:1px solid #fff !important;}
#sp-startinfo h2{text-align:center;color:#fff !important;margin:0 auto !important;padding:0 0 8px !important;font-size:28px !important;}
#sp-startinfo .start-inner{padding:0 50px;}
#sp-startinfo a{color:#fff !important;}
#sp-startinfo a:hover, #sp-startinfo a:active, #sp-startinfo a:focus{color:#fcf498 !important;}

table.start-info{width:80%;margin:0 auto;}
table.start-info tr td{width:auto;}
table.start-info td:first-of-type{width:15%;padding:0;min-width:200px;text-align:center;}
table.start-info td:last-of-type{width:15%;padding:0;min-width:200px;text-align:center;}
table.start-info td img.round{width:100%;height:auto;border:8px solid #eee;}
table.start-info td span.start-name{font-size:95%;}
table.start-info td hr:first-of-type{margin-bottom:20px;}
table.start-info td hr:last-of-type{margin-top:20px;}

div.prod-row{display:block;float:none;clear:both;}
div.produkt{border:2px solid #ccc;padding:0px 40px 30px;border-radius:25px;margin-top:50px;width:100%;min-height:600px;background:#f9f9f9;}
div.produkt.left{float:left;width:49%;}
div.produkt.right{float:right;width:49%;}
div.produkt h3{font-size:1.5em !important;text-transform: none;min-height:90px;}
div.produkt img{display:block;margin:10px auto !important;text-align:center;border:1px solid #ccc !important;}
div.produkt img.sigFreeImg{margin:0 !important;}
div.produkt p.caption{font-size:.9em;font-weight:bold;}
div.produkt p.pris{font-size:1.4em;font-weight:bold;padding-top:10px;color:#204631;line-height: 140%;}

div.webbinfo-l{float:left;width:49%;width:58%;}
div.webbinfo-r{padding:0 50px 20px;border:3px solid #abc4b6;margin:0;float:right;width:40%;border-radius:10px;}

ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    border: 0;
    background-color: #fff !important;
    position: relative;
}
ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover{text-decoration:none !important;outline:none !important;}
body.webbshop .blog-details-content-wrap{padding-left:0px !important;padding-right:0px !important;}

.blog-details-content-wrap{padding-top:0 !important;}
img.imgleft{float:left;width:300px;max-width:300px;height:auto;margin-right:30px;padding:5px;border:6px solid #eee;}
img.imgright{float:right;width:300px;max-width:300px;height:auto;margin-left:30px;padding:5px;border:6px solid #eee;}
p {margin: 0 0 15px !important;}
.small{font-size:88%;}
hr {border-top: 1px solid #517529 !important;}
a {color:#517529 !important;font-weight:bold;transition: all .2s ease-in-out !important;}
a:hover, a:active, a:focus{color:#709843 !important;}
h1, h2, h3, h4, h5, h6{color: #204631 !important;float:none;clear:both;display:block;line-height:normal;}
h1 {
    font-size: 34px !important;
    font-weight: bold !important;
	margin-top:0 !important;
	margin-bottom:30px !important;
}
h2 {
    font-size: 24px !important;
    font-weight: bold !important;
	padding-top:15px !important;
}
h3 {
    font-size: 20px !important;
    font-weight: bold !important;
	padding:15px 0 10px !important;
	text-transform: uppercase;
}
h4 {
    font-size: 16px !important;
    font-weight: bold !important;
	padding:15px 0 0 !important;
}

#sp-search .search form input {
    width: 70% !important;
    height: 42px;
    border: 0;
    box-shadow: none;
    background: #f5f7f8;
    border-radius: 4px;
    padding-left: 20px;
    font-style: normal !important;
	float:right !important;
}
#sp-search .search form::after {
    content: '\f002';
    font-family: FontAwesome;
    font-size: 22px !important;
    position: absolute;
    left: auto;
    right: 15px;
    top: 8px;
	color:#21391c !important;
}
#searchForm .btn-group .btn{margin-top:30px !important;}
img.round{width:250px;height:250px;border-radius:50%;padding:5px;border:8px solid #eee;}
div.kont-outer{width:75%;margin:-50px auto 50px;}
div.kont-inner-left{float:left;width:50%;padding:20px 0 130px;text-align:center;}
div.kont-inner-right{float:right;width:50%;padding:20px 0 130px;text-align:center;}
div.kont-inner-left img, div.kont-inner-right img{margin-right:auto;margin-left:auto;}

/* OFFCANVAS MENU */
.offcanvas-inner{padding-top:20px !important;}
.offcanvas-menu {
    width: 320px;
    height: 100%;
    background-color:#204631 !important;
    color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    -webkit-transform: translateX(320px);
    transform: translateX(320px);
    visibility: hidden;
    overflow: inherit;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 10000;
}
.close-offcanvas {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    border-radius: 100%;
    width: 30px !important;
    height: 30px !important;
    line-height: .5;
    text-align: center;
    font-size: 16px;
    border: 1px solid #fff;
    color: #fff;
    padding-top: 3px;
}
.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
	position:relative;
	top:-6px !important;
	right:0 !important;
	color:#fff !important;
	font-size: 20px !important;
	font-weight: normal !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    padding: 10px 20px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff !important;
    font-weight: 500;
    line-height: 28px;
}

/* MAIN MENU */
.sp-megamenu-parent > li > a::before {background: #fcf498 !important;}
.sp-megamenu-parent >li.active > a::before, .sp-megamenu-parent >li >a:hover::before, .sp-megamenu-parent >li >a:active::before, .sp-megamenu-parent >li >a:focus::before {
    opacity: 1;
    width: 90% !important;
}
.sp-megamenu-parent{width:100% !important;}
.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
    display: inline-block;
    padding: 0 22px !important;
    line-height: 65px;
    font-size: 15px !important;
    text-transform: uppercase;
    color: #fff !important;
    margin: 0;
    height: 65px !important;
	font-weight:600 !important;
	cursor:pointer;
}
.sp-megamenu-parent >li >a:hover, .sp-megamenu-parent >li >a:active, .sp-megamenu-parent >li >a:focus, .sp-megamenu-parent >li.active >a{color:#fcf498 !important;} 


#offcanvas-toggler >i {
    color: #fff !important;
}
.fa {
    display: inline-block;
    font: normal normal normal 28px/1 FontAwesome !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#offcanvas-toggler{display:none;}
#offcanvas-toggler {
    float: left !important;
    line-height: 64px;
    margin-right: 15px;
    font-size: 22px !important;
}

#sp-footer{padding-top:30px;padding-bottom:20px;}
#sp-footer1 {text-align: center !important;}
#sp-footer1 h1, #sp-footer1 h2, #sp-footer1 h3, #sp-footer1 h4, #sp-footer1 h5, #sp-footer1 h6{color:#fff !important;}
#sp-footer1 h4{font-size:18px !important;font-weight: bold !important;}
#sp-footer1 p{margin:0 !important;padding:3px 0 0 !important;font-size:93% !important;}
#sp-footer1 a{color:#fcf498 !important;}
#sp-footer1 a:hover, #sp-footer1 a:active, #sp-footer1 a:focus{color:#d2fc97 !important;}
.sp-copyright{font-size:80% !important;padding:30px 0 5px;display:block;}




@media (min-width: 1200px){
#sp-top1 img{width:auto !important;max-height:112px !important;height:112px !important;}
h1 {font-size: 36px !important;}
div.kont-inner-left, div.kont-inner-left{padding-bottom:150px;}
}

@media (min-width: 992px){
	#sp-component.col-md-9 {width: 72% !important;}
	#sp-right.col-md-3 {width: 28% !important;}
}

@media (max-width: 992px){
	#sp-search{display:none;}
	div.kont-outer{width:100%;}
	
	table.start-info td, table.start-info td:first-of-type, table.start-info td:last-of-type{width:100% !important;display:block !important;}
	table.start-info td img.round{max-width:40%;margin:30px auto;min-width:200px !important;}
	table.start-info td span.start-name{display:block;margin-top:-40px;}
	
	table.shop-info td, table.shop-info td:first-of-type, table.shop-info td:last-of-type{width:100% !important;display:block !important;}
	table.shop-info td img.round{max-width:40%;margin:30px auto;min-width:200px !important;}
	table.shop-info td span.start-name{display:block;margin-top:-40px;}
	
}

@media (max-width: 991px){
	#sp-menu.col-md-12, #sp-menu.col-sm-1{width:100% !important;}
	div.produkt.left, div.produkt.right{float:none;clear:both;display:block;width:100%;}

	ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink img.sigFreeImg, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover img.sigFreeImg {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50% !important;
	background-size:400px 400px;
}
	ul.sigFreeContainer, li.sigFreeThumb, div.produkt img{width:400px !important;max-width:400px !important;min-width:400px !important;height:auto !important;}
	ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover {
			height:auto !important;
			width:400px !important;max-width:400px !important;min-width:400px !important;
	}
	div.produkt h3{min-height:auto;}
	ul.sigFreeClassic{margin:0px auto 30px !important;}
	body.webbshop .blog-details-content-wrap{padding-left:5% !important;padding-right:5% !important;}
	div.webbinfo-r{float:none;clear:both;display:block;width:100%;margin:40px 0 30px;}
	div.webbinfo-l{float:none;clear:both;display:block;width:100%;}
}

@media (max-width: 768px){
	.sp-megamenu-parent {display:none !important;}
	#offcanvas-toggler{display:block !important;}
	.hero .uk-text-large{font-size:10px !important;}
	#sp-right, #sp-left{padding-top:0 !important;}
}

@media (max-width: 640px){
div.kont-inner-left{float:none;clear:both;display:block;width:100%;}
div.kont-inner-right{float:none;clear:both;display:block;width:100%;}	
div.kont-inner-left, div.kont-inner-right{padding-bottom:50px !important;}
}

@media (max-width: 600px){
	img.imgleft, img.imgright{float:none;clear:both;display:block;width:100%;margin:30px auto 30px;}
}
@media (max-width: 580px){
		#sp-shopinfo h2{font-size:28px !important;}

		div.produkt.left, div.produkt.right{float:none;clear:both;display:block;width:100%;}
		ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink img.sigFreeImg, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover img.sigFreeImg {
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		border: none;
		background-repeat: no-repeat;
		background-position: 50% 50% !important;
		background-size:200px 200px;
		}
		ul.sigFreeContainer, li.sigFreeThumb, div.produkt img{width:200px !important;max-width:200px !important;min-width:200px !important;height:auto !important;
		}
		ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover {
			height:auto !important;
			width:200px !important;max-width:200px !important;min-width:200px !important;
		}
	table.start-info{width:100%;}
	#sp-startinfo .start-inner {
		padding: 0px;
	}
}


@media screen and (max-width: 280px) { 
body.site, .body-innerwrapper{min-width:320px !important;width:100% !important;} 
}