/* stylesheetdataid 84 */

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "201C" "201D" "2018" "2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* stylesheetdataid 85 */

html {font-size:62.5%;}
#editablecontent * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#editablecontent a:hover, #editablecontent div:hover, #editablecontent li:hover, #customcontent span:hover {-ms-transition: background 0.3s ease 0s, color 0.3s ease 0s, border-color 0.3s ease 0s;-moz-transition: background 0.3s ease 0s, color 0.3s ease 0s, border-color 0.3s ease 0s;-o-transition: background 0.3s ease 0s, color 0.3s ease 0s, border-color 0.3s ease 0s;transition: background 0.3s ease 0s, color 0.3s ease 0s, border-color 0.3s ease 0s;-webkit-transition: background 0.3s ease 0s, color 0.3s ease 0s, border-color 0.3s ease 0s;}
#contentarea table {border:1px solid #ddd;border-width:1px 1px 0 0;border-collapse:collapse} 
#contentarea td, #contentarea th {border:1px solid #ddd;border-width:0 0 1px 1px;padding:5px;} 
#contentarea th {font-weight:bold;background:#ddd;}
.pdf {padding:2px 0 2px 20px;background:url('https://cdn.hemsidadirekt.se/bildarkiv/pdfsmall.png') 0 50% no-repeat;}
.clearfix:after, #contentarea:after, .grid-12:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.contentBox {float:left;}
#nav ul {width:auto !important;}
.grid-100 {width:100% !important;}
.jgallery {height:auto !important;min-height:0 !important;}
#footer {width:930px;margin:0 auto;padding:20px 0;min-height:50px;}
#footer span {float:right;}
#footer span, #footer a {color:#000;}
#headresizer {position:relative;}
#customcontent img {display:block;} /*Remove 3px gap under images */
#customcontent img.left {float:left;margin:0 1em 1em 0;}
#customcontent img.right{float:right;margin:0 0 1em 1em;}

/* Mobile help classes */
.only-mobile {display:none;}
#mobile-menu, .icon-list {display:none !important;}

/* Make FB responsive */
#fb-root {display: none;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 100% !important;}

/* Buttons And Icons */
.button, .icon {display:inline-block;text-decoration:none;}
.button:hover, .icon:hover {text-decoration:none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.icon {color:#000;}
.icon:hover {color:#000;cursor:pointer;}

/* Forms */
.fielddiv {padding:0 0 12px;}
.instructions {margin-top:5px;padding:4px 0 0 22px;background:url('http://stallb.hemsidadirekt.se/forms/about.gif')
 0px 4px no-repeat;height:16px;}
.fielddiv label {font-weight:bold;display:block;margin-top:5px;}
.fielddiv label.left {margin-left:4px;display:inline;font-weight:normal;}
.fielddiv input {display:inline;}

/* Pagefoot Nav */
#nav-footer ul {list-style:none;padding:0;margin:0;}
#nav-footer li {display:inline;padding:0 10px;border-left:1px solid #ccc;margin-right:-2px;}
#nav-footer li.first {padding-left:0;border:0;}
#nav-footer li.last {padding-right:0;}
#nav-footer a, #footresizer a, #footer a, #footer {text-decoration:none;}
#nav-footer a:hover, #footresizer a:hover, #footer a:hover {text-decoration:none;}

body {
  min-width: 960px;
}

#body, #header, #pagefoot, #customcontent, #contentarea {width:100% !important;}
#nav, #headresizer, #footresizer {width:960px !important;margin:0 auto !important;}
#nav, #headresizer, #footresizer {padding-left:15px;padding-right:15px;}

/* `Containers
----------------------------------------------------------------------------------------------------*/
.container-12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px !important;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12 {
  display: inline;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container-12 .grid-1 {
  width: 50px;
}

.container-12 .grid-2 {
  width: 130px;
}

.container-12 .grid-3 {
  width: 210px;
}

.container-12 .grid-4 {
  width: 290px;
}

.container-12 .grid-5 {
  width: 370px;
}

.container-12 .grid-6 {
  width: 450px;
}

.container-12 .grid-7 {
  width: 530px;
}

.container-12 .grid-8 {
  width: 610px;
}

.container-12 .grid-9 {
  width: 690px;
}

.container-12 .grid-10 {
  width: 770px;
}

.container-12 .grid-11 {
  width: 850px;
}

.container-12 .grid-12 {
  width: 930px;
}

/* Admin Junk */
#footresizer, #customcontent, #contentarea, #headresizer, #header, #nav, #pagefoot, #footer {float:none !important;}

/* stylesheetdataid 87 */

#headresizer {position:relative;}
	#nav ul {list-style:none;padding:0;margin:0;min-height:30px;}
	#nav li {float:left;display:block;overflow:hidden;margin-right:15px;}
	#nav li.last {margin-right:0;}
	#nav a {display:block;float:left;text-decoration:none;color:#000;height:30px;line-height:30px;}
	#nav a:hover {text-decoration:none;-ms-transition: background 0.3s ease 0s, color 0.3s ease 0s;-moz-transition: background 0.3s ease 0s, color 0.3s ease 0s;-o-transition: background 0.3s ease 0s, color 0.3s ease 0s;transition: background 0.3s ease 0s, color 0.3s ease 0s;-webkit-transition: background 0.3s ease 0s, color 0.3s ease 0s;}
	#nav ul ul li {margin:0;border-top:1px solid #ddd;position:relative;}
	#nav > ul > li.dropdownmenu {position:relative;overflow:visible;}  
	#nav ul ul a {white-space:nowrap;background:#fff;min-width:120px;max-height:30px;line-height:30px;padding:0 15px;} 
	#nav ul ul a:hover {background:#ddd;}
	#nav > ul > li.dropdownmenu > ul {top:30px;left:0;z-index:50;position:absolute;overflow:hidden;opacity:0;box-shadow:2px 2px 4px rgba(0,0,0,0.08);margin-top:10px;}
	#nav > ul > li.dropdownmenu:hover > ul {margin-top:0;opacity:1;}
	#nav:hover > ul > li > ul {-ms-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;-moz-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;-o-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;-webkit-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s;}

/* stylesheetdataid 94 */

@font-face {
	font-family: 'HSDfont-1';
	src:url('http://cdn.hemsidadirekt.se/fonts/HSDfont-1.eot?fbdy4v');
	src:url('http://cdn.hemsidadirekt.se/fonts/HSDfont-1.eot?#iefixfbdy4v') format('embedded-opentype'),
		url('http://cdn.hemsidadirekt.se/fonts/HSDfont-1.woff?fbdy4v') format('woff'),
		url('http://cdn.hemsidadirekt.se/fonts/HSDfont-1.ttf?fbdy4v') format('truetype'),
		url('http://cdn.hemsidadirekt.se/fonts/HSDfont-1.svg?fbdy4v#HSDfont-1') format('svg');
	font-weight: normal;
	font-style: normal;
}

#editablecontent .icon {
	font-family: 'HSDfont-1' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
	content: "\e600";
}
.icon-mobile:before {
	content: "\e601";
}
.icon-mail:before {
	content: "\e602";
}
.icon-pencil:before {
	content: "\e603";
}
.icon-paperclip:before {
	content: "\e604";
}
.icon-reply:before {
	content: "\e605";
}
.icon-forward:before {
	content: "\e606";
}
.icon-user:before {
	content: "\e607";
}
.icon-users:before {
	content: "\e608";
}
.icon-user-add:before {
	content: "\e609";
}
.icon-location:before {
	content: "\e60a";
}
.icon-house:before {
	content: "\e60b";
}
.icon-search:before {
	content: "\e60c";
}
.icon-link:before {
	content: "\e60d";
}
.icon-lifebuoy:before {
	content: "\e60e";
}
.icon-statistics:before {
	content: "\e60f";
}
.icon-lock:before {
	content: "\e610";
}
.icon-lock-open:before {
	content: "\e611";
}
.icon-checkmark:before {
	content: "\e612";
}
.icon-cross:before {
	content: "\e613";
}
.icon-minus:before {
	content: "\e614";
}
.icon-plus:before {
	content: "\e615";
}
.icon-list:before, #mobile-menu[data-active=true] {
	content: "\e616";
}
.icon-pictures:before {
	content: "\e617";
}
.icon-folder:before {
	content: "\e618";
}
.icon-trash:before {
	content: "\e619";
}
.icon-disk:before {
	content: "\e61a";
}
.icon-navbullet:before {
	content: "\f10c";
}
.icon-navbulletav:before {
	content: "\f111";
}
.icon-stop:before {
	content: "\e61c";
}
.icon-arrow-left:before {
	content: "\e61d";
}
.icon-arrow-down:before {
	content: "\e61e";
}
.icon-arrow-up-upload:before {
	content: "\e61f";
}
.icon-arrow-right:before {
	content: "\e620";
}
.icon-arrow-left2:before {
	content: "\e621";
}
.icon-arrow-down2:before {
	content: "\e622";
}
.icon-arrow-up:before {
	content: "\e623";
}
.icon-arrow-right2:before {
	content: "\e624";
}
.icon-arrow-left3:before {
	content: "\e625";
}
.icon-arrow-down3:before {
	content: "\e626";
}
.icon-arrow-up2:before {
	content: "\e627";
}
.icon-arrow-right3:before {
	content: "\e628";
}
.icon-arrow-left4:before {
	content: "\e629";
}
.icon-arrow-down4:before {
	content: "\e62a";
}
.icon-arrow-up3:before {
	content: "\e62b";
}
.icon-arrow-right4:before {
	content: "\e62c";
}
.icon-arrow-left5:before {
	content: "\e62d";
}
.icon-arrow-down5:before {
	content: "\e62e";
}
.icon-arrow-up4:before {
	content: "\e62f";
}
.icon-arrow-right5:before {
	content: "\e630";
}
.icon-arrow-left6:before {
	content: "\e631";
}
.icon-arrow-down6:before {
	content: "\e632";
}
.icon-arrow-up5:before {
	content: "\e633";
}
.icon-arrow-right6:before {
	content: "\e634";
}
.icon-arrow-left7:before {
	content: "\e635";
}
.icon-arrow-down7:before {
	content: "\e636";
}
.icon-arrow-up6:before {
	content: "\e637";
}
.icon-uniE638:before {
	content: "\e638";
}
.icon-twitter:before {
	content: "\e639";
}
.icon-twitter2:before {
	content: "\e63a";
}
.icon-facebook:before {
	content: "\e63b";
}
.icon-facebook2:before {
	content: "\e63c";
}
.icon-facebook3:before {
	content: "\e63d";
}
.icon-googleplus:before {
	content: "\e63e";
}
.icon-googleplus2:before {
	content: "\e63f";
}
.icon-pinterest:before {
	content: "\e640";
}
.icon-pinterest2:before {
	content: "\e641";
}
.icon-tumblr:before {
	content: "\e642";
}
.icon-tumblr2:before {
	content: "\e643";
}
.icon-linkedin:before {
	content: "\e644";
}
.icon-linkedin2:before {
	content: "\e645";
}

/* stylesheetdataid 103 */

.productindex .product .productimage {display:inline-block}
.productindex .product .productinfo {display:inline-block}
.productindex {display:block}



/* this is from colorStyleSheet */



/* this is from texttemplates */

body { font-family:Tahoma, Geneva, sans-serif;font-size:1.1em;font-style:normal;font-weight:normal;text-decoration:none; }
h1 { font-family:Tahoma, Geneva, sans-serif;font-size:2.0em;font-style:normal;font-weight:normal;text-decoration:none; }
h2 { font-family:Tahoma, Geneva, sans-serif;font-size:1.8em;font-style:normal;font-weight:normal;text-decoration:none; }
h3 { font-family:Tahoma, Geneva, sans-serif;font-size:1.6em;font-style:normal;font-weight:normal;text-decoration:none; }
h4 { font-family:Tahoma, Geneva, sans-serif;font-size:1.4em;font-style:normal;font-weight:normal;text-decoration:none; }
h5 { font-family:Tahoma, Geneva, sans-serif;font-size:1.4em;font-style:normal;font-weight:normal;text-decoration:none; }
h6 { font-family:Tahoma, Geneva, sans-serif;font-size:1.4em;font-style:normal;font-weight:normal;text-decoration:none; }


/* this is extra css startsida lang = 1*/

#defaultelm1 {border-width: 0px; padding: 0px;}
#navwrap {border-width: 0px; padding: 0px;}
#nav {border-width: 0px; padding: 0px 15px;}
#headresizer {border-width: 0px; padding: 100px 15px; height: auto;}
#footresizer {border-width: 0px; padding: 20px 0px; width: 960px; background-image: none; background-repeat: no-repeat;}
#defaultelm9 {margin: 0px;}
#defaultelm8 {border-width: 0px; margin: 0px; padding: 0px;}
#defaultelm6 {border-width: 0px; padding: 0px;}
#defaultelm7 {border-width: 0px; padding: 0px;}
#defaultelm10 {margin: 0px;}
#defaultelm4 {color: white;}
#defaultelm5 {color: white;}
#contentarea {border-width: 0px; padding: 0px;}
#elm9 {text-align: center;}
#elm8 {border-width: 0px; padding: 0px 0px 20px; text-align: center;}
#elm7 {border-width: 0px; padding: 0px;}
#elm6 {border-width: 0px; padding: 0px;}
#elm5 {border-width: 0px; padding: 0px;}
#elm4 {border-width: 0px; padding: 0px;}
#elm3 {border-width: 0px; padding: 0px; margin-bottom: 15px;}
#elm2 {border-width: 0px; padding: 77px 0px; width: 100%;}
#elm19 {border-width: 0px; padding: 20px; width: 435px; height: 310px; overflow: hidden; background-color: rgb(255, 255, 255);}
#elm18 {padding: 0px; border: 3px solid rgb(255, 255, 255); width: 444px;}
#elm17 {border-width: 0px; padding: 0px;}
#elm16 {background-position: 0% 0%; border-width: 0px; padding: 30px 0px; background-image: url('https://cdn.hemsidadirekt.se/stallb/layout/traplankrepeat.jpg?t=1416055936068?t=1666981494'); background-repeat: repeat-x; background-color: rgba(0, 0, 0, 0);}
#elm15 {border-width: 0px; padding: 77px 0px; width: 100%;}
#elm14 {border-width: 0px; padding: 0px;}
#elm12 {border-width: 0px; padding: 0px;}
#elm11 {border-width: 0px; padding: 77px 0px; width: 100%;}
#elm10 {width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; z-index: 100;}
#elm1 {border-width: 0px; padding: 0px;}


/*  */

/* v2 Fontstorlek Mellan */
h1 {font-size:2.5em !important;}
h2 {font-size:2em !important;}
h3 {font-size:1.7em !important;}
h4 {font-size:1.6em !important;}
.hero h1 {font-size:4em !important;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	h1 {font-size:2.5em !important;}
	h2 {font-size:1.8em !important;}
	h3 {font-size:1.45em !important;}
	h4 {font-size:1.15em !important;}
	.hero h1 {font-size:3.5em !important;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	h1 {font-size:2.2em !important;}
	h2 {font-size:1.6em !important;}
	h3 {font-size:1.3em !important;}
	h4 {font-size:1.15em !important;}
	.hero h1 {font-size:3em !important;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	h1 {font-size:2em !important;}
	h2 {font-size:1.5em !important;}
	h3 {font-size:1.3em !important;}
	h4 {font-size:1.1em !important;}
	.hero h1 {font-size:2.75em !important;}
}

@font-face {
	font-family: Fira Sans Light;
	src:  url('http://cdn.hemsidadirekt.se/fonts/FiraSansOTLight.eot'),
	 url('http://cdn.hemsidadirekt.se/fonts/FiraSansOTLight.otf'),
	 url('http://cdn.hemsidadirekt.se/fonts/FiraSansOTLight.svg'),
	 url('http://cdn.hemsidadirekt.se/fonts/FiraSansOTLight.woff');

}

h2,h3,h4,h5,h6 {font-family:Fira Sans Light,sans!Important;}
#customcontent p, #customcontent ul {font-family:Fira Sans Light,sans;font-size:1.3rem;}

@font-face {
	font-family: Fira sans Medium;
	src:  url('http://cdn.hemsidadirekt.se/fonts/FiraSansOTMedium.eot'),
	 url('http://cdn.hemsidadirekt.se/fonts/FiraSansOTMedium.otf'),
	 url('http://cdn.hemsidadirekt.se/fonts/FiraSansOTMedium.svg'),
	 url('http://cdn.hemsidadirekt.se/fonts/FiraSansOTMedium.woff');

}

h1 {font-family:Fira Sans Medium;color:#3a3a3a;}


#header {background:transparent;}
body{background:#fff url('https://cdn.hemsidadirekt.se/stallb/layout/head1.jpg?t=1666981494') 50% 0 no-repeat;}
body.valfri{background:#fff url('https://cdn.hemsidadirekt.se/stallb/layout/head5.jpg?t=1666981494') 50% 0 no-repeat;}
body.produkter{background:#fff url('https://cdn.hemsidadirekt.se/stallb/layout/head3.jpg?t=1666981494') 50% 0 no-repeat;}
body.valfri2{background:#fff url('https://cdn.hemsidadirekt.se/stallb/layout/head4.jpg?t=1666981495') 50% 0 no-repeat;}
body.kontaktinfo{background:#fff url('https://cdn.hemsidadirekt.se/stallb/layout/head6.jpg?t=1666981495') 50% 0 no-repeat;}
#body {background:transparent;}
#pagefoot {background:#fff;font-family:Fira Sans Light,sans;color:grey;}

#nav, #navwrap {background:#fff;}
#nav {font-family:Fira Sans Light;text-transform:uppercase;font-size:1.3rem;text-align:right;}
#nav a {color:#9c9d9d;}
#nav a:active, #nav a:hover {color:black;}
#nav ul {display:inline-block;}

@media only screen and (max-width: 767px){
	#nav[data-active=true]{top:0!important; max-width:320px!important;}
}

.boxlank1 {padding-top:77px;padding-bottom:77px;background:#737f51;display:block;color:transparent;text-align:center;margin-left: auto;margin-right: auto;margin:0!important;
  -webkit-border-radius: 210px 210px 210px 210px;
border-radius: 210px 210px 210px 210px;}
.boxlank1:hover {background:#606a43;cursor:pointer;}
.boxlank1:hover a{background:transparent;color:#fff;text-transform:uppercase;}
.boxlank1 a {color:#fff;text-transform:uppercase;}
.boxlank1 a:hover {color:#fff;text-transform:uppercase;}

.boxlank2 {padding-top:77px;padding-bottom:77px;background:#b1ba75;display:block;color:transparent;text-align:center;margin-left: auto;margin-right: auto;margin:0!important;
  -webkit-border-radius: 210px 210px 210px 210px;
border-radius: 210px 210px 210px 210px;}
.boxlank2:hover {background:#9ba363;cursor:pointer;}
.boxlank2:hover a{background:transparent;color:#fff;text-transform:uppercase;}
.boxlank2 a {color:#fff;text-transform:uppercase;}
.boxlank2 a:hover {color:#fff;text-transform:uppercase;}

.boxlank3 {padding-top:77px;padding-bottom:77px;background:#96bed0;display:block;color:transparent;text-align:center;margin-left: auto;margin-right: auto;margin:0!important;
  -webkit-border-radius: 210px 210px 210px 210px;
border-radius: 210px 210px 210px 210px;}
.boxlank3:hover {background:#83acbf;cursor:pointer;}
.boxlank3:hover a{background:transparent;color:#fff;text-transform:uppercase;}
.boxlank3 a {color:#fff;text-transform:uppercase;}
.boxlank3 a:hover {color:#fff;text-transform:uppercase;}

.boxlank4 {padding-top:77px;padding-bottom:77px;background:#b0bec1;display:block;color:transparent;text-align:center;margin-left: auto;margin-right: auto;margin:0!important;
  -webkit-border-radius: 210px 210px 210px 210px;
border-radius: 210px 210px 210px 210px;}
.boxlank4:hover {background:#97abaf;cursor:pointer;}
.boxlank4:hover a{background:transparent;color:#fff;text-transform:uppercase;}
.boxlank4 a {color:#fff;text-transform:uppercase;}
.boxlank4 a:hover {color:#fff;text-transform:uppercase;}

.boxlank {color:#fff;padding:15px;max-width:250px;background:#b1ba75;display:block;color:transparent;text-align:center;margin-left: auto!important;margin-right: auto!important;}
.boxlank:hover {background:#9fa865;cursor:pointer;}
.boxlank:hover a{background:transparent;color:#fff;text-transform:uppercase;}
.boxlank a {color:#fff;text-transform:uppercase;}
.boxlank a:hover {color:#fff;text-transform:uppercase;}

.vb {font-size:1.4rem;color:#fff;padding:15px;background:#96bed0;display:block;color:transparent;text-align:center;margin-left: auto!important;margin-right: auto!important;}
.vb:hover {background:#8fc5dd;cursor:pointer;}
.vb:hover a{background:transparent;color:#fff;text-transform:uppercase;}
.vb a {color:#fff;text-transform:uppercase;}
.vb a:hover {color:#fff;text-transform:uppercase;}

a {color:grey;text-decoration:none;}
a:hover, a:active {color:#b1ba75;text-decoration:none;}

.ikoner {float:right;color:white;font-size:3rem;margin-top:87px;margin-right:15px;}

ul {padding:0;}

.bs {box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);}



/* module specific styles */