/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}html{font-size:18px;line-height:1.5em}::-moz-selection{background:black;color:white;text-shadow:none}::selection{background:black;color:white;text-shadow:none}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}img,iframe{max-width:100%}.hgroup{display:block}.image_link,a[href$=jpg],a[href$=jpeg],a[href$=jpe],a[href$=png],a[href$=gif]{text-decoration:none;border:0 none}.ie7 .hgroup{padding-top:20px}








/* 
==========================================================================



   SIMPLE STYLES (no media queries)
   
   
   
==========================================================================
*/

menu,ol,ul{padding:0 0 0 0} /*overwrite normalize*/

ol,ul {
	margin: 0 0 0 1.25em;
	padding: 0;
}


#sidebar-categories ul,
#sidebar-categories li {
    margin: 0;
    padding: 0;
}





/* 
==========================================================================
   Width & Spacing
==========================================================================
*/

body {
	text-align: center;
}

.containerbox {
    width: 90%;
    margin: 0 5%;
	text-align: left;
}

/* wide */
@media only screen and (min-width: 1140px) {
	.containerbox {
	    width: 80%;
	    margin: 0 auto;
	    max-width: 1400px; 
	}
}

footer {
	padding-top: 3em;
	padding-bottom: 3em;
}	

article {
	padding: 4em 0 5em 0;
}

.main {
    padding: 0 0;
}

footer .row-fluid > div {
 	margin-bottom: 1.5em;
}






/* 
==========================================================================
   Hero
==========================================================================
*/


.hero {
	height: 250px; 
	position: relative;
	font-size: 0;
	background-repeat: repeat-x;
	background-position: center top;
	background-size: cover; /*default*/
	background-size: auto 100%; /*default*/
	overflow-y: auto;
	}
	
.hero-content {
	height: 100%;
	width: 100%;
	text-align: center; 
	font-size: 1em;
	margin: 0;
}







/* 
==========================================================================
   Footer
==========================================================================
*/


.footercontact a {
	display: block;
	width: auto;
	padding: .5em 0;
	margin-bottom: .25em;
	line-height: 1em;
}

.footercontact a span {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: .5em;
	opacity: .6;
	vertical-align: middle;
}

.footercontact a:hover span {
	opacity: 1;
}


.phone a span {	
	background:  url(../images/phone.png) no-repeat 0 0;
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	-ms-transition: opacity 200ms ease-in-out;
	-o-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}

.email a span {	
	background:  url(../images/email.png) no-repeat 0 0;
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	-ms-transition: opacity 200ms ease-in-out;
	-o-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}
    
    
#mekke-search {
	max-width: 100%;
	float: none;
	border: 1px solid #ddd;
	border-color: rgba(0,0,0,.1);
}	

















/* 
==========================================================================
   Forms and buttons
==========================================================================
*/


	


input {
	font-family: inherit;
	font-size: inherit;
}


button,
.btn,
input[type=submit],
#newform label {
	font-family: inherit;
 }



button,
a.btn,
input[type=submit],
div.productdetails input.submit {
	line-height: 1em;
	font-size: .9em;
	letter-spacing: 2px;
	background: transparent;
	display: inline-block;
	color:black;
	font-weight: bold;
	margin-right: 5px;
	text-shadow: none;
	border-radius: 0;
	
	border: 1px solid black;
	padding: .75em 1.25em;
}

button:hover,
.btn:hover,
input[type=submit]:hover,
div.productdetails input.submit:hover {
	background: black;
	color: white;
}

a.actionbtn:hover,
input.actionbtn:hover {
	background: black !important;
	color: white !important;
}

button:focus,
.btn:focus,
input[type=submit]:focus {
	background: black;
	color: white;
	outline: 1px dotted grey;
}

textarea,
input[type=text],
input[type=password] {
	border: 0;
	background: transparent;
	padding: .5em .75em;
	font-family: inherit;
	font-size: inherit;
	margin-right: 1em;
	margin-bottom: 2em;
	margin-bottom: .5em;
	border: 1px solid #ccc;
	border-color: rgba(0,0,0,.25);
}

textarea:focus,
input[type=text]:focus,
input[type=password]:focus {
	outline: 0;
	border-color: black;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}





















/* 
==========================================================================
   Mekke specific
==========================================================================

*/


/* Mekke search box
------------------------------------------------------------------------ */

#mekke-search {
	position: relative;
}

#mekke-search input[type="text"] {
	z-index: 0;
	width: 100%;
	padding: 10px 30px 10px 10px;
	border: 0;	
	border-radius: 0;
	font-size: 1em;
	position: relative;
	margin: 0;
	background: inherit;
}

#mekke-search input[type="submit"] {
	position: absolute;
	z-index: 10;
	right: 2px;
	top: 6px;
	width: 25px;
	height: 25px;
	padding: 3px;
	font-size: 0;
	border: 0;
	background: url(../images/search.png) no-repeat center;
}

#mekke-search ::-webkit-input-placeholder {
	text-transform: uppercase;
	color: inherit;
}

#mekke-search ::-moz-placeholder {  /* Firefox 19+ */
	text-transform: uppercase; 
	color: inherit;
}

#mekke-search :-ms-input-placeholder { 
	text-transform: uppercase; 
	color: inherit;
}


/* Kontaktskjema
------------------------------------------------------------------------ */

form.mekkeform textarea {
	height: 200px;
}


/* Del denne siden
------------------------------------------------------------------------ */

#tipsvenn {
	background: #eee;
	background: rgba(0,0,0,.05);
	padding: 1em;
	width: 500px;
	margin-top: 1em;
}


/* Produktoversikt (liste)
------------------------------------------------------------------------ */

div#products tr.header {
    border-top: 1px solid #ddd;
	background-color: #eee;
    background-color: rgba(0,0,0,.05);
}

div#products tr {
    border-bottom: 1px solid #ddd;
}

div#products tr.row2 {
    background-color: transparent;
}

div#products tr.descr {
	border: 0;
}



/* Produktoversikt (bokser)
------------------------------------------------------------------------ */
	
div.mekke_products {
	padding-left: 5px;
	}

div.mekke_products,
div.mekke_products * {
	font-family: inherit;
	font-size: 1em;
	}

div.mekke_products input {
    font-size: .8em;
}	

div.mekke_products .productbox {
	background: inherit;
	font-size:1em;
	box-shadow: none;
	border: 1px solid #ddd;
	width: 202px;
	}

div.mekke_products .productbox:hover {
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	}
	
div.mekke_products .productbox .meta{
	font-size:1em;
	}
	
	
.productbox .title {
	overflow: hidden;
	max-height: 3em; /* begrenser til 2 linjer tekst */
}	
	
	

/* Handlekurv (topp)
------------------------------------------------------------------------ */

.no-js div#cart.collapsable.empty, 
.no-js div#cart.collapsable .inneholder, 
.no-js div#cart.collapsable #inline_cart {
 display:block;  /* Unhide for non-js browsers */
}


div#cart.collapsable {
	z-index:1000;	
	font-size: 1em;
	border-radius: 0;
	padding: 1em;
	width: 100% !important;
	max-width: none;
	position: relative;
	top: 0;
	left: 0;
	box-shadow: none;
	border: 0;
	text-align: center;
	background: inherit;
	}
	
div#cart.collapsable div.short_info {
	min-height:30px;
	background: url('//ostfold.net/cart.png') no-repeat top left; 
	
	}
	
div#cart.collapsable div.short_info,
div#cart.collapsable .linker,
div#cart.collapsable #inline_cart {
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
}

div#cart.collapsable #inline_cart {
	margin-top: 1em;
	text-align: left;
	font-size: .9em;
}

div#cart.collapsable #inline_cart li {
	background: #eee;
	background: rgba(0,0,0,.05);
	padding-top: 1em;
	padding: .5em 1em;
}

div#cart.collapsable #inline_cart li {
	border-top: #ddd 1px solid;
	border-color: rgba(0,0,0,.1);
}

div#cart.collapsable #inline_cart li:last-child {
	background: inherit;
	border: 0;
	border-top: #ddd 1px solid;
	border-color: rgba(0,0,0,.1);
	padding-left: 0;
	padding-right: 0;
}

div#cart.collapsable input#cart_button, 
div#cart.collapsable input#kasse_button {
}
	

div#cart.collapsable .linker a { 
	font-weight: bold;
	color: rgba(0,0,0,.7);
}	

div#cart.collapsable .linker a:hover { 
	color: rgba(0,0,0,1);
}	



/* Rediger handlekurv, liste over vare i kurv
------------------------------------------------------------------------ */

div#cart table.table_cart tr td,
div#order table.table_cart tr td {
	border-bottom: 1px solid #ccc;
	border-color: rgba(0,0,0,.1);
	padding: .5em 1em;
}

div#cart table.table_cart tr th,
div#order table.table_cart tr th {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-color: rgba(0,0,0,.1);
	padding: .5em 1em;
}



/* Kasse
------------------------------------------------------------------------ */

div#order h2,	
div#order h3 { 
	border-radius:0;	
	}
	
	

/* Produktdetaljer
------------------------------------------------------------------------ */

div.productdetails img {
	box-shadow: none;
}

div.productdetails input.qty {
	border-radius: 0;
	padding: .65em 0;
	font-size: .9em;
	background: white;
	border-color: black;
	color: inherit;
	font-weight: bold;
}



/* Bildealbum
------------------------------------------------------------------------ */

div#gallery_wrap.index table {
	border: 0; 
	padding: 0;
}


/* Gjestebok
------------------------------------------------------------------------ */

div#guestbook_wrap table.entry .dashed {
	border: 0;
}

div#guestbook_wrap table.entry {
	margin-top: 2em;
}

div#guestbook_wrap table.entry td,
div#guestbook_wrap table.entry .dashed {
	padding: 0;
}

div#guestbook_wrap table.entry h2 {
	font-weight: bold;
	font-size: 1em;
}

div#guestbook_wrap table.entry tr:nth-child(3) td {
	font-style: italic;
}



/* Kontaktboks
------------------------------------------------------------------------ */



div.fixed {
	border-radius: 0;
	background: white !important;
	box-shadow:0 0 5px rgba(0,0,0,.2);
	color: inherit;

}

div#contactbox-contact input#contactbox-contact_phone,
div#contactbox-contact input.submit {
	border-radius: 0;
	background: inherit;
	box-shadow: none;
	text-shadow: none;
}

div#contactbox-contact input#contactbox-contact_phone {
	width: 135px;
	border: 1px solid #ddd;
}

div#contactbox-contact input.submit {
	width: auto;
	border: 1px solid black;
}

div#contactbox-contact input.submit:hover {
	background: black;
	color: white;
}



/* Social share
------------------------------------------------------------------------ */

div#social_wrap {
	display: none;
	margin-bottom: 2em;
	padding: 1.5em;
}

.no-js div#social_wrap {
 display:block;  /* Unhide for non-js browsers */
}

#socialTriggerWrapper {
}

#socialTrigger {
	width:40px;
	height:40px;
	margin: 0 auto;
	background: url(../images/share.png) no-repeat 0 0;
	border:0;
	outline:0;
	cursor: pointer;
	margin:0;
	padding:0;
	/* ie7 indent fix */
	display:block;
	font-size: 0;
	line-height: 0;	
	opacity: .6;	
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	-ms-transition: opacity 200ms ease-in-out;
	-o-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;

}

#socialTrigger:hover {
	opacity: 1;
}

#socialTrigger:focus {
	border: 1px dotted grey;
}









/* 
==========================================================================
   Text styling
==========================================================================
*/

body {
    font-size: 16px;
    line-height: 1.5em;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.25em;
}

h3 {
	font-size: 1em;
}

h4,h5,h6 {
	font-size: 1em;
}

h1,h2,h3,h4,h5,h6 {
	line-height: 1.25em;
	margin-top: 1.5em;
	margin-bottom: 1em;
}

article *:first-child {
	margin-top: 0;
}


h1,h2 {
	font-weight:400;
}

h3,h4,h5,h6 {
	font-weight:700;
}

footer .email {
	word-wrap: break-word;
}

header {
	font-size: .9em;
}

footer {
	font-size: 1em;
	color: black;
}

address {
	font-style: normal;
}

header .title {
	font-size: 1.5em;
	margin: 0;
	font-weight: 900;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 0;
}

.hgroup a {
	opacity: 1;
}

.infotext1 {
	padding-top: 1em;
	}

.infotext1 * {
	margin: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    margin: 3em 0;
    padding: 0;
}

.logo {
	display: block;
}

.box {
	width: 100%;
	padding:.5em;
	display: block
	background: rgba(0,0,0,.05);
	}






/* 
==========================================================================
   Theme details - default
==========================================================================
*/


body {
    font-family: 'Lato', Helvetica, Helvetica Neue, Verdana, Arial, sans-serif;
    font-weight: 300;
}

nav ul ul {
	background: white;
}

nav > ul > li > a {
	text-transform: uppercase;
	letter-spacing: 0px;
}

header {
	border-bottom: 1px solid #ddd;
	border-color: rgba(0,0,0,.1);
}

footer {
	border-top: 1px solid #ddd;
	border-color: rgba(0,0,0,.1);
}

div#social_wrap {
	border: 1px solid #ddd;
	border-color: rgba(0,0,0,.1);
}

hr {
    border-top: 1px solid #ddd;
    border-color: rgba(0,0,0,.1);
}
a {
	color: inherit;
	text-decoration: none;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

nav a {
	color: rgba(0,0,0,.6);
}

nav a:hover,
li.menu-selected > a {
	color: rgba(0,0,0,1);
}

article a {
	border-bottom: 1px solid rgba(0,0,0,.3);
}

article a:hover {
	border-color: rgba(0,0,0,1);
}





/* 
==========================================================================
   For simple browsers
==========================================================================
*/

.logo {
	width: 300px;
}

nav ul {
	margin: 0;
	padding: 0;
}

nav > ul > li {
	float: left;
	margin: 0 1em 0 0;
}

nav ul ul {
	padding-left: 1em;
}

header {
	padding: 2em 0 2em;
}


/* Reset for advanced browsers */

@media screen and (min-width: 0px) {


	.logo {
		width: auto;
	}
	
	nav ul {
		margin: auto;
		padding: auto;
	}
	
	nav > ul > li {
		float: none;
		margin: 0;
	}
	
	nav ul ul {
		padding-left: 0;
	}
	
	header {
		padding: 0;
	}

}











/* 
==========================================================================
   Topbar
==========================================================================
*/

.topbar {
	border-bottom: 1px solid #ddd;
	border-color: rgba(0,0,0,.1);
	background: #eee;
	background: rgba(0,0,0,.05);
	}

.topbar #mekke-search {
	float: right;
	max-width: 12em;
}
/*
.topbar #mekke-search input[type="text"] {
	border: 0;
	background: rgba(0,0,0,.1)
}
*/

div#cart.collapsable {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-color: rgba(0,0,0,.05);
}








/* 
==========================================================================



   NAVIGATION (Easy As Pie)
   
   
   
==========================================================================
*/



.menubtn{
	display: none;
	}
nav ul ul,
.menubtn {
	z-index: 100;
}
nav{
    position: relative;
    z-index:200;
    min-height: 32px;
    line-height: 1.2em;
	}
nav span{
	display: none;
	}

/* all lists */
nav ul, nav ul ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	}
nav ul a {
	display: block;
	text-decoration: none;
	}
	
/* all list items */
nav ul li {
	float: left;
	-webkit-transition: background-color 0.7s ease;
    -moz-transition: background-color 0.7s ease;
    -o-transition: background-color 0.7s ease;
    -ms-transition: background-color 0.7s ease;
    transition: background-color 0.7s ease;
	}
/* second-level lists */
nav ul li ul {
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	width: 12em;
	word-wrap: break-word;
	}
nav ul li ul li{
	width: 12em;
	}
nav ul ul li,
nav ul ul ul li,
nav ul ul ul ul li{
	border-right:none;
	}
nav ul li a.sf-with-ul:after {
	content: '\00BB';/*Right Double Arrows*/
	display: inline-block;
	*float:right;/*IE7 Fix*/
	position:relative;
	top: 0em;
	right: -0.3em;
	}
nav ul li.sfHover a.sf-with-ul:after{
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	}
nav ul li.sfHover li a.sf-with-ul:after{
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	}
nav ul li a.sf-with-ul:only-child:after{
	content: '';/* if only child, delete arrow */
	 }
nav ul li ul a{
	padding:0.5em 1.5em;
	margin-top:-1px; /*to offset bottom border*/
	}
nav ul li ul li:last-child a{
	/*border-bottom:none;*/
	}
/* third-and-above-level lists */
nav ul li ul ul {
	margin: -2em 0 0 12em;/* negative margin calculated by li padding plus line height*/
	}
nav ul li:hover ul ul,
nav ul li:hover ul ul ul,
nav ul li.sfhover ul ul,
nav ul li.sfhover ul ul ul {
	left: -999em;
	}

nav ul li:hover ul,
nav ul li li:hover ul,
nav ul li li li:hover ul,
nav ul li.sfhover ul,
nav ul li li.sfhover ul,
nav ul li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}
	
/*UNIVERSAL PADDING*/
nav ul a,
nav ul li a,
nav ul li ul a {
	padding:0.5em 1.5em;
	}
/*----------------------------------
	IE7
-----------------------------------*/
.ie7 nav ul li a.sf-with-ul{
	 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NjUzQjYyMzVGOEMxMUUzOTFFRTg0NDFCMzIxQjA4QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NjUzQjYyNDVGOEMxMUUzOTFFRTg0NDFCMzIxQjA4QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY2NTNCNjIxNUY4QzExRTM5MUVFODQ0MUIzMjFCMDhCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY2NTNCNjIyNUY4QzExRTM5MUVFODQ0MUIzMjFCMDhCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+BDQ6YwAAAHdJREFUeNpiZBLWYCAGMEFpZiCuAGJOHHy4Qm8gbgfijVBJdD4DMyOXCIi+CcT/gTgZiI2BuAWI/yDxVzMiuRGk8wYQywGxPxDvRuYzISnaAhUshipC5m+CKbQHYicgrgHiPix8BmSrDYD4AlKIoPAZiQ1HgAADAOmdFtZlRP7CAAAAAElFTkSuQmCC);
	 background-repeat: no-repeat;
	 background-position:right center;
     }
/*----------------------------------
	IE6
-----------------------------------*/
.ie6 nav ul li a.sf-with-ul{
	 background-image: url('../images/arrow.png');
	 background-repeat: no-repeat;
	 background-position:right center;
	 }

/*----------------------------------
	MEDIA QUERY
-----------------------------------*/
@media screen and (max-width:768px){
	.menubtn{
		display: block;
		text-indent:-9999px;
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-ms-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
		width:35px;
		height:35px;
		}
	.menubtn:hover{
		cursor: pointer;
		}
		
	nav {
		font-size: 1.2em;
	}	
		
	nav span{
		display: block;
		}
	nav span{
		position: relative;
		float: right;
		padding: .6em .75em;
		}
	nav span:hover{
		cursor: pointer;
		}
		
	nav ul,
	nav ul > ul{
		display: none; /* Hide menu for js browsers */	
		float:none;
		width:100%;
		}
		
	.no-js nav ul,
	.no-js nav ul > ul {
		display: block; /* Show menu for non-js browsers */	
	}	

	nav ul li {
		border-right:none;
		}
	nav ul li a.sf-with-ul:after {
		content:'';
		}
	nav ul li ul,
	nav ul li ul li{
		width: 100%;
		}
	nav ul li ul a{
		border-bottom:none;
		}
	nav ul ul,
	nav ul li{
		width:100%;
		}
	nav ul li a{
		padding:0.6em 1em 0.5em 1em;
		float: left;
		}
	nav ul li ul a{
		padding: 0.6em 1em 0.5em 2em;
		}
	nav ul ul li ul a{
		padding: 0.6em 1em 0.5em 3em;
		}
	nav ul ul ul li ul a{
		padding: 0.6em 1em 0.5em 4em;
		}
	nav ul li ul,
	nav ul li ul ul,
	nav ul li:hover ul ul,
	nav ul li:hover ul ul ul,
	nav ul li.sfhover ul ul,
	nav ul li.sfhover ul ul ul,
	nav ul li:hover ul,
	nav ul li li:hover ul,
	nav ul li li li:hover ul,
	nav ul li.sfhover ul,
	nav ul li li.sfhover ul,
	nav ul li li li.sfhover ul {
		position: relative;
		display: none;
		margin: 0 0 0 0;
		left: 0em; /* using left instead of display because display: none isn't read by screen readers */
		}

	/*----------------------------------
		MOBILE COLORS
	-----------------------------------*/
	nav{
		background: none;
		}
	.menubtn{
		background: url('../images/menu.png')  no-repeat right top;
		background-size: cover;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
 		filter: alpha(opacity=60);
 		-khtml-opacity: 0.6;
 		opacity: 0.6;
		}
	.menubtn:hover,
	.menuOpen{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 		filter: alpha(opacity=100);
 		-khtml-opacity: 1;
 		opacity: 1;
		}
	/*Plus icon*/
	nav span{
		background: #000;
		color:#fff;
		background: rgba(0,0,0,1);
		}
	nav span:hover{
		background: #555;
		background: rgba(0,0,0,1);
		}
	/*Top Nav background*/
	nav ul ul,
	nav ul li{
		/*background: #fff;*/
		}
	/*Sub-Nav background*/
	nav ul li ul li{
		/*background: #f6f6f6;*/
		}
	/*Sub-Nav borders*/
	nav li {
		border-top: 1px solid #e5e5e5;
		border-color: rgba(0,0,0,.2);
		}
	nav > ul > li:last-child {
		border-bottom: 1px solid #e5e5e5;
		border-color: rgba(0,0,0,.2);
		}
	/*sub, sub-Nav background*/
	nav ul ul ul li{
		/*background: #e6e6e6;*/
		}
	/*First Nav Item when open*/
	ul li.menuOpen,
	ul li.menuOpen:hover{
		background: #f6f6f6;
		background: rgba(0,0,0,.1);
		}
	ul li.menuOpen >span{
		background: #555;
		background: rgba(0,0,0,.5);
	}
	/*Sub-Nav Item when open*/
	ul ul li.menuOpen,
	ul ul li.menuOpen:hover{
		background: #f6f6f6;
		background: rgba(0,0,0,.2);
		}
	/*Sub, Sub-Nav Item when open*/
	ul ul ul li.menuOpen,
	ul ul ul li.menuOpen:hover{
		background: #f6f6f6;
		background: rgba(0,0,0,.1);
		}
		
	nav > ul {
		border-left: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		border-color: rgba(0,0,0,.2);
	}		
		
		
}



/*----------------------------------
	DROPDOWN MENU ONLY
-----------------------------------*/


@media screen and (min-width:769px) {

	nav ul {
		text-align: right;
	}
	
	nav ul li {
		float: none;
		display: inline-block;
	}

	nav ul ul {
		text-align: left;
		padding-top: 1em;
		padding-bottom: 1em;
	}
	
	nav ul ul li {
		position: relative; /*?*/
	}
	
	nav ul li:hover ul ul,
	nav ul ul li:hover ul ul {
		top: 1em;
	}
	
	
	/* padding first level */
	nav > ul#mainmekkemenu > li {
		margin-left: 2em;
	}
	
	nav > ul > li > a {
		padding: .5em 0;
	}
	
	nav > ul > li > a {
		padding-bottom: 1.5em; /* gap  between level 1 and 2 */
	}
	
	
}



















/* 
==========================================================================



   ADVANCED
   
   
   
==========================================================================
*/














/* 
==========================================================================
   Widths
==========================================================================
*/

@media only screen and (min-width: 1140px) {
	.containerbox {
	    width: 80%;
	    margin: 0 auto;
	    max-width: 1400px; 
	}
}

@media (max-width:1200px) {

	.hero {
		height: 200px; 
		}
		
}

@media (max-width:767px){

	.hero {
		height: 150px; 
		}
	
}



/* 
==========================================================================
   Desktop layout (header)
==========================================================================
*/

@media only screen and (min-width: 769px) {
	
	header {
		padding-top: 2em;
	}

	.hgroup {
		display: inline-block;
		width: 25%;
		margin-right: -4px;
		padding-top: 0em;
		vertical-align: bottom;
		padding-bottom: 1.5em;
	}
	
	.logo {
		max-height: 100px;
	}
	
	nav { 
		display: inline-block;
		width: 75%;
		margin-right: -4px;
		vertical-align: bottom;
		vertical-align: middle;
	    font-weight: 400;
	} 

	.topbar #mekke-search {
		border-top-width: 0px;
	}
	
}







/* 
==========================================================================
   Desktop layout (header)
==========================================================================
*/

@media only screen and (min-width: 960px) {




	body {
	    font-size: 18px;
	}


}



/* 
==========================================================================
   Mobile layout
==========================================================================
*/



@media only screen and (max-width: 768px) {


	header {
    	padding-top: 0em;
	}

    .hgroup {
    	position: relative;
    	float: left;
    	max-width: 80%;
	    min-height: none;
    	z-index: 200;
    	margin-top: 1em;
    	margin-bottom: 1em;
    }

	.hgroup img {
	    min-height: 60px;
	}

    .hgroup h1 {
    }
    
    .logo {
    	max-height: 60px;
    }
    
    nav {
    	margin-bottom: 1em;
    }
    
    .menubtn {
    	float: right;
		margin-top: 1em;
		margin-bottom: 1em;
    } 
    
    .topbar #mekke-search {
		float: none;
		max-width: 100%;
		margin-bottom: 5px;
	}	
	
	div#cart.collapsable {
		border: 0;
		padding: 0;
		margin-bottom: 5px;
		margin-top: .5em;
		border: 1px solid grey;
		padding: 1em;
		border: 1px solid #ddd;
		border-color: rgba(0,0,0,.1);
	}

	.topbar .row-fluid [class*="span"] {
		min-height: 0 !important;
	}
	
	div#contactbox-contact,
	div.fixed {
		display: none !important;
	}

       
}

/* 
==========================================================================
   Nav styling
==========================================================================
*/

nav ul {
    margin: 0;
    padding: 0;
}

@media screen and (min-width:769px) {

	nav ul ul {
		box-shadow: 0 0 5px rgba(0,0,0,.2);        
	}
}



/* 
==========================================================================
   More themes
==========================================================================
*/


@media only screen and (min-width: 769px) {

	body {
		/*border: 1em solid #e5e5e5;*/
		/*border-top: 7px solid black;*/
	}
}



/** div nytt */



@media only screen and (min-width: 769px) {

	footer .profile,
	footer .footercontact {
		/*
		border-left: 1px solid rgba(0,0,0,.1);
		padding-left: 1em;
		*/
	}

}

.zoom {
	transition: opacity .15s ease;
}

.zoom:hover {
	opacity: .9;
}

#socialTrigger {
	margin: 0 auto;

}

footer .row-fluid div {
	text-align: center;
}

footer .profile {
	border-left: 1px solid #f3f3f3;
	border-right: 1px solid #f3f3f3;
	border-left: 1px solid rgba(0,0,0,.1);
	border-right: 1px solid rgba(0,0,0,.1);
	padding: 0 .5em;
}


@media only screen and (max-width: 768px) {
/* remove footer borders on mobile */
	footer .profile {
		border:0;
		padding: 0;
	}

/* increase footer font size on mobile */
	footer {
		font-size: 1.2em;
	}
}

form.mekkeform input[type=text],
form.mekkeform textarea {
    width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}