/*--------------------------------------------------------------------------------------------------
  Site: 
  Detta CSS är en del av Askås Internetbutik.
  COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1997-2017. ALLA RÄTTIGHETER RESERVERADE.
--------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------
  GENERELLA EGENSKAPER
----------------------------------------------------------------------------------*/
html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
}
html {
	-ms-overflow-x: hidden;
}
img {
	max-width: 100%;
	height: auto;
	border: 0;
}
iframe {
	max-width: 100%;
}
ul {
	padding: 0;
	margin: 0;
}
header,
footer,
nav,
main,
aside,
article,
figure,
figcaption,
section {
	display: block;
}
figure {
	margin: 0;
}

/*----------------------------------------------------------------------------------
  GRID
----------------------------------------------------------------------------------*/
/* SEKTIONER */
.section {
	clear: both;
	margin: 0;
}

/* KOLUMNER */
.col {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child,
.span_2_of_2,
.span_1_of_1,
.no-L-margin {
	margin-left: 0;
}
.no-R-margin {
	margin-right: 0;
}

/* GRUPPERING */
.group:before,
.group:after {
	content: '';
	display: table;
}
.group:after {
	clear: both;
}
.cf:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* GRID 1_of_1 - 1_of_12 */
.span_1_of_1 {
	width: 100%;
}
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.255%;
}
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.68%;
}
.span_3_of_5 {
	width: 59.36%;
}
.span_2_of_5 {
	width: 39.04%;
}
.span_1_of_5 {
	width: 18.72%;
}
.span_6_of_6 {
	width: 100%;
}
.span_5_of_6 {
	width: 83.06%;
}
.span_4_of_6 {
	width: 66.13%;
}
.span_3_of_6 {
	width: 49.2%;
}
.span_2_of_6 {
	width: 32.26%;
}
.span_1_of_6 {
	width: 15.33%;
}
.span_7_of_7 {
	width: 100%;
}
.span_6_of_7 {
	width: 85.48%;
}
.span_5_of_7 {
	width: 70.97%;
}
.span_4_of_7 {
	width: 56.45%;
}
.span_3_of_7 {
	width: 41.92%;
}
.span_2_of_7 {
	width: 27.42%;
}
.span_1_of_7 {
	width: 12.91%;
}
.span_8_of_8 {
	width: 100%;
}
.span_7_of_8 {
	width: 87.3%;
}
.span_6_of_8 {
	width: 74.6%;
}
.span_5_of_8 {
	width: 61.9%;
}
.span_4_of_8 {
	width: 49.2%;
}
.span_3_of_8 {
	width: 36.5%;
}
.span_2_of_8 {
	width: 23.8%;
}
.span_1_of_8 {
	width: 11.1%;
}
.span_9_of_9 {
	width: 100%;
}
.span_8_of_9 {
	width: 88.71%;
}
.span_7_of_9 {
	width: 77.42%;
}
.span_6_of_9 {
	width: 66.13%;
}
.span_5_of_9 {
	width: 54.84%;
}
.span_4_of_9 {
	width: 43.55%;
}
.span_3_of_9 {
	width: 32.26%;
}
.span_2_of_9 {
	width: 20.97%;
}
.span_1_of_9 {
	width: 9.68%;
}
.span_10_of_10 {
	width: 100%;
}
.span_9_of_10 {
	width: 89.84%;
}
.span_8_of_10 {
	width: 79.68%;
}
.span_7_of_10 {
	width: 69.52%;
}
.span_6_of_10 {
	width: 59.36%;
}
.span_5_of_10 {
	width: 49.2%;
}
.span_4_of_10 {
	width: 39.04%;
}
.span_3_of_10 {
	width: 28.88%;
}
.span_2_of_10 {
	width: 18.72%;
}
.span_1_of_10 {
	width: 8.56%;
}
.span_11_of_11 {
	width: 100%;
}
.span_10_of_11 {
	width: 90.7%;
}
.span_9_of_11 {
	width: 81.47%;
}
.span_8_of_11 {
	width: 72.24%;
}
.span_7_of_11 {
	width: 63.01%;
}
.span_6_of_11 {
	width: 53.78%;
}
.span_5_of_11 {
	width: 44.55%;
}
.span_4_of_11 {
	width: 35.32%;
}
.span_3_of_11 {
	width: 26.09%;
}
.span_2_of_11 {
	width: 16.86%;
}
.span_1_of_11 {
	width: 7.63%;
}
.span_12_of_12 {
	width: 100%;
}
.span_11_of_12 {
	width: 91.46%;
}
.span_10_of_12 {
	width: 83%;
}
.span_9_of_12 {
	width: 74.54%;
}
.span_8_of_12 {
	width: 66.08%;
}
.span_7_of_12 {
	width: 57.62%;
}
.span_6_of_12 {
	width: 49.16%;
}
.span_5_of_12 {
	width: 40.7%;
}
.span_4_of_12 {
	width: 32.24%;
}
.span_3_of_12 {
	width: 23.78%;
}
.span_2_of_12 {
	width: 15.32%;
}
.span_1_of_12 {
	width: 6.86%;
}
.offset_1_of_1 {
	margin-left: 100%;
}
.offset_2_of_2 {
	margin-left: 100%;
}
.offset_1_of_2 {
	margin-left: 49.2%;
}
.offset_3_of_3 {
	margin-left: 100%;
}
.offset_2_of_3 {
	margin-left: 66.1%;
}
.offset_1_of_3 {
	margin-left: 32.2%;
}
.offset_4_of_4 {
	margin-left: 100%;
}
.offset_3_of_4 {
	margin-left: 74.6%;
}
.offset_2_of_4 {
	margin-left: 49.2%;
}
.offset_1_of_4 {
	margin-left: 23.8%;
}
.offset_5_of_5 {
	margin-left: 100%;
}
.offset_4_of_5 {
	margin-left: 79.68%;
}
.offset_3_of_5 {
	margin-left: 59.36%;
}
.offset_2_of_5 {
	margin-left: 39.04%;
}
.offset_1_of_5 {
	margin-left: 18.72%;
}
.offset_6_of_6 {
	margin-left: 100%;
}
.offset_5_of_6 {
	margin-left: 83.06%;
}
.offset_4_of_6 {
	margin-left: 66.13%;
}
.offset_3_of_6 {
	margin-left: 49.2%;
}
.offset_2_of_6 {
	margin-left: 32.26%;
}
.offset_1_of_6 {
	margin-left: 15.33%;
}
.offset_7_of_7 {
	margin-left: 100%;
}
.offset_6_of_7 {
	margin-left: 85.48%;
}
.offset_5_of_7 {
	margin-left: 70.97%;
}
.offset_4_of_7 {
	margin-left: 56.45%;
}
.offset_3_of_7 {
	margin-left: 41.92%;
}
.offset_2_of_7 {
	margin-left: 27.42%;
}
.offset_1_of_7 {
	margin-left: 12.91%;
}
.offset_8_of_8 {
	margin-left: 100%;
}
.offset_7_of_8 {
	margin-left: 87.3%;
}
.offset_6_of_8 {
	margin-left: 74.6%;
}
.offset_5_of_8 {
	margin-left: 61.9%;
}
.offset_4_of_8 {
	margin-left: 49.2%;
}
.offset_3_of_8 {
	margin-left: 36.5%;
}
.offset_2_of_8 {
	margin-left: 23.8%;
}
.offset_1_of_8 {
	margin-left: 11.1%;
}
.offset_9_of_9 {
	margin-left: 100%;
}
.offset_8_of_9 {
	margin-left: 88.71%;
}
.offset_7_of_9 {
	margin-left: 77.42%;
}
.offset_6_of_9 {
	margin-left: 66.13%;
}
.offset_5_of_9 {
	margin-left: 54.84%;
}
.offset_4_of_9 {
	margin-left: 43.55%;
}
.offset_3_of_9 {
	margin-left: 32.26%;
}
.offset_2_of_9 {
	margin-left: 20.97%;
}
.offset_1_of_9 {
	margin-left: 9.68%;
}
.offset_10_of_10 {
	margin-left: 100%;
}
.offset_9_of_10 {
	margin-left: 89.84%;
}
.offset_8_of_10 {
	margin-left: 79.68%;
}
.offset_7_of_10 {
	margin-left: 69.52%;
}
.offset_6_of_10 {
	margin-left: 59.36%;
}
.offset_5_of_10 {
	margin-left: 49.2%;
}
.offset_4_of_10 {
	margin-left: 39.04%;
}
.offset_3_of_10 {
	margin-left: 28.88%;
}
.offset_2_of_10 {
	margin-left: 18.72%;
}
.offset_1_of_10 {
	margin-left: 8.56%;
}
.offset_11_of_11 {
	margin-left: 100%;
}
.offset_10_of_11 {
	margin-left: 90.7%;
}
.offset_9_of_11 {
	margin-left: 81.47%;
}
.offset_8_of_11 {
	margin-left: 72.24%;
}
.offset_7_of_11 {
	margin-left: 63.01%;
}
.offset_6_of_11 {
	margin-left: 53.78%;
}
.offset_5_of_11 {
	margin-left: 44.55%;
}
.offset_4_of_11 {
	margin-left: 35.32%;
}
.offset_3_of_11 {
	margin-left: 26.09%;
}
.offset_2_of_11 {
	margin-left: 16.86%;
}
.offset_1_of_11 {
	margin-left: 7.63%;
}
.offset_12_of_12 {
	margin-left: 100%;
}
.offset_11_of_12 {
	margin-left: 91.46%;
}
.offset_10_of_12 {
	margin-left: 83%;
}
.offset_9_of_12 {
	margin-left: 74.54%;
}
.offset_8_of_12 {
	margin-left: 66.08%;
}
.offset_7_of_12 {
	margin-left: 57.62%;
}
.offset_6_of_12 {
	margin-left: 49.16%;
}
.offset_5_of_12 {
	margin-left: 40.7%;
}
.offset_4_of_12 {
	margin-left: 32.24%;
}
.offset_3_of_12 {
	margin-left: 23.78%;
}
.offset_2_of_12 {
	margin-left: 15.32%;
}
.offset_1_of_12 {
	margin-left: 6.86%;
}

/*----------------------------------------------------------------------------------
  ARBETSYTA
----------------------------------------------------------------------------------*/
/* BREDDER */
.section {
	max-width: 1170px;
}
.section,
.wrapper {
	margin: 0 auto;
}

/* HEADER */
.header {
	padding: 0 0 10px;
}
.header .section {
	position: relative;
}
.header-wrapper {
	position: fixed;
	z-index: 10;
	margin-bottom: 10px;
}
.logo {
}
.logo img {
	max-width: 280px;
}
.close {
	color: #ccc;
	font-size: 13px;
	position: absolute;
	right: 10px;
	cursor: pointer;
}
.close:before {
	font-family: 'SS BlackTie-Regular';
	content: '\2421';
}
.mobilenav-icon,
.soktoggle {
	display: none;
}

/* WRAPPER */
#bodywrapper {
	min-height: 100%;
	position: relative;
}
.wrapper {
	width: 100%;
	max-width: 1170px;
	padding: 215px 0 0;
}
.breadcrumb {
	margin: 10px auto 10px;
}
.section #main {
	padding: 10px 0 40px;
}
.dimmer.active,
.dimmer2.active {
	width: 100%;
	background: rgba(100, 100, 100, 0.6);
	display: block;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
}
.dimmer2.active {
	z-index: 4;
}

/* FOOTER */
.footer {
	padding: 40px 20px 0 20px;
	width: 100%;
	border: 1px solid #ddd;
	border-bottom: none;
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
}
.footer p {
	line-height: 25px;
	margin: 0;
}
.askas {
	margin: 20px 0;
	width: 100%;
}

/*----------------------------------------------------------------------------------
  ARTIKELGRUPPSMALLAR
----------------------------------------------------------------------------------*/
.Egen_Infogad_HTML {
	margin: 0 0 10px;
}
.Artgrp_VisaFler {
	text-align: right;
}
.Artgrp_VisaFlerArtiklar_Markerad {
	display: inline-block;
	border: 1px solid #ddd;
	padding: 5px;
	background: #eee;
}
.Artgrp_VisaFler a {
	display: inline-block;
	border: 1px solid #eee;
	padding: 5px;
}
.Artgrp_VisaFler a:hover {
	background: #eee;
}
.Artgrp_VisaFler a:last-child,
.Artgrp_VisaFler span:last-child {
	margin-left: 5px;
}
.Artgrp_VisaFler .piper_at_the_gates_of_dawn {
	display: none;
}
.Artgrp_VisaFler .AVFAM {
	margin: 0 5px 0 0;
}
.Artgrupp_header .fa-sort {
	float: left;
	font-size: 16px;
	line-height: 30px;
	margin: 0 8px 0 0;
}

/* ENSKILD PRODUKT */
.PT_Lank {
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.PT_Wrapper_All {
	width: 101.2%;
	margin: 0 0 0 -0.6%;
}
.PT_Wrapper {
	float: left;
	background: #fff;
	position: relative;
	margin: 0.6%;
	width: 23.8%;
}
.PT_Wrapper:hover {
} /*border:1px solid #bdbdbd;*/
.PT_Bildruta {
	min-height: 210px;
	line-height: 210px;
	position: relative;
}
.PT_Bildruta a {
	width: 100%;
	display: inline-block;
}
.PT_Bildruta img {
	vertical-align: middle;
	width: 100%;
	max-width: 180px;
}
.PT_Faktaruta {
	margin: 10px 0 5px;
}
.PT_Beskr {
	height: 25px;
	margin: 0 0 5px;
}

.PT_Text_Kort {
	height: 60px;
	margin: 15px 0 5px;
}

.PT_Pris {
	margin: 0px;
	height: 30px;
	font-size: 20px;
}
.PT_Pris span {
	display: inline-block;
	padding: 0 5px;
}

.PT_Status {
	margin: 5px 0 0;
}
.PT_Knappar {
	position: relative;
	z-index: 2;
}
.PT_Wrapper_All .PT_Pris {
	display: flex;
	justify-content: center;
	align-items: center;

	margin-left: 0;
	text-align: center;
	margin-bottom: 10px;
}

/* ENSKILD PRODUKT SAKNAS */
.Artgrp_Lista {
	width: 100%;
	display: block;
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px;
	margin: 1px;
}
#ListaOmArtiklarSaknas ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#ListaOmArtiklarSaknas li a {
	display: block;
	float: left;
	width: 100%;
	margin: 0 0 5px 0;
	border: 1px solid #f1f1f1;
	background: #eee;
	padding: 5px;
}
#ListaOmArtiklarSaknas li a:hover {
	background: #f5f5f5;
}

/* LISTA 1 */
.PT_WrapperLista {
	float: left;
	border: 1px solid #eee;
	background: #fff;
	position: relative;
	margin: 0.6%;
	width: 48.8%;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.PT_WrapperLista .PT_Bildruta {
	min-height: inherit;
	line-height: inherit;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
}
.PT_WrapperLista .PT_Bildruta a {
	height: 60px;
	line-height: 60px;
}
.PT_WrapperLista .PT_Beskr {
	height: inherit;
	margin: 0;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
}
.PT_WrapperLista .PT_Pris {
	height: 20px;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	font-size: 15px;
}
.PT_WrapperLista .PT_Pris span {
	font-size: 15px;
}
.PT_WrapperLista .PT_Knappar {
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
}

/*----------------------------------------------------------------------------------
  PRODUKTBESKRIVNING
----------------------------------------------------------------------------------*/
/* BILDKOLUMN */
.ProduktBild {
	width: 100%;
	vertical-align: middle;
	margin: 0 0 10px 0;
	position: relative;
}
.BildZoomThumbnails {
	width: 60px;
	height: 60px;
	float: left;
	margin: 0 5px 5px 0;
}
.ProduktBildtext {
	width: 100%;
	margin: 10px 0;
}
.BildZoomThumbnails a {
	display: table-cell;
	width: 60px;
	height: 60px;
	border: 1px solid #f1f1f1;
	margin: 0 5px 5px 0;
	vertical-align: middle;
}
.BildZoomThumbnails img {
	display: block;
	margin: 0 auto;
}

/* PRODUKTKOLUMN */
#VarumarkeFalt {
	margin: 0 0 5px;
}
#KundBetyg a {
	pointer-events: none;
}
#Avbetalning {
	background: #f2f2f2;
	padding: 10px;
}
#FaltRader,
#KundBetygRad {
	margin: 10px 0;
}
.TextKort {
	padding: 10px 0;
	margin: 10px 0;
}
.TextKort li {
	margin: 0 10px;
}
#Produktinfo li {
	margin: 0 15px;
}
.ProduktbeskrAntalvalTabell,
.Laggikorgen_Antalsrad {
	margin: 0 0 5px 0;
}
.TeknSpec_Tabell {
	width: 100%;
	border: 0;
	margin: 10px 0;
	padding: 0;
}
.TeknSpec_Rad1_Vanster,
.TeknSpec_Rad1_Hoger,
.TeknSpec_Rad2_Vanster,
.TeknSpec_Rad2_Hoger {
	padding: 5px;
}
.TeknSpec_Rad1_Vanster,
.TeknSpec_Rad1_Hoger {
	background: #f1f1f1;
}
.TeknSpec_Rad2_Vanster,
.TeknSpec_Rad2_Hoger {
	background: #fff;
}
#OrderFalt {
	margin: 10px 0 0;
	padding: 10px 0 0;
}
#KampanjFalt {
	border: 1px solid #ddd;
	padding: 20px;
}
#Produktinfo iframe {
	max-width: 100%;
	height: auto;
}
#Produktinfo table {
	max-width: 100%;
}

/* VARIANTARTIKLAR */
.Egenskaper_Tabell {
	width: 100%;
}
.Egenskaper_Tabell td {
	line-height: 40px;
}
.Egenskaper_Tabell select {
	margin: 0 0 5px;
	width: 100%;
}
.ProduktbeskrAntalvalText,
.Laggikorgen_Antalsfalt {
	height: 35px;
	line-height: 35px;
}
.Laggikorgen_Antalsfalt {
	text-align: center;
	width: 50px !important;
}
.Set_Falt_Wrap select {
	width: 100%;
}

/*----------------------------------------------------------------------------------
  KNAPPAR
----------------------------------------------------------------------------------*/
.Knapp_Kop_Tabell tr td,
.PT_Knappar .Knapp_Info {
	display: none;
}
.Knapp_Kop_Tabell .Knapp_Kop {
	display: inline-block;
}
.Knapp_Kop_Tabell_Artikel {
	width: 100%;
}
.Knapp_Kop_Tabell,
.PT_Knappar table {
	float: right;
	text-align: center;
}
.Knapp_Kop_Tabell .Knapp_Info_Hoger {
	margin: 0 5px 0 0;
	float: left;
}
.PT_KnapparKampanj tabell {
	width: 135px;
}
#SubmitFalt .Knapp_Kop_Tabell_Artikel a,
#SubmitFalt .buy-button {
	float: left;
	height: 50px;
	line-height: 50px;
	padding: 0;
	width: 100%;
	text-transform: uppercase;
	font-size: 19px;
}

/*----------------------------------------------------------------------------------
  NYHETSBREVSANMÄLAN
----------------------------------------------------------------------------------*/
.nyhetsbrev {
	border: 1px solid #bbb;
}
.nyhetsbrev input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.nyhetsbrev .Knapp_Anmalan a {
	border: 0px solid #fff;
	color: #000;
	width: 100%;
	text-align: center;
	height: 35px;
	line-height: 35px;
	margin: 0 0 0 -1px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 11px;
}

/*----------------------------------------------------------------------------------
  SITESPECIFIKT
----------------------------------------------------------------------------------*/
.close {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.PT_Wrapper,
.Artgrp_VisaFler a {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

select {
	float: left;
	width: auto;
	background: url('/bilder/butik/pil.svg') no-repeat #fff;
	background-size: 13px;
	background-position: 93% center;
	border: 1px solid #eee;
	color: #000;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0;
	height: 35px;
	font-size: 13px;
	line-height: 35px;
	padding: 0 0 0 5px;
}

input[type='text'],
input[type='password'],
input[type='tel'],
input[type='email'],
textarea,
#nyhetsbrev input[type='submit'],
#kontaktformular input[type='submit'] {
	background-color: #fff;
	border: 1px solid #eee;
	color: #999;
	display: inline-block;
	font-size: 13px;
	height: 35px;
	line-height: 35px;
	padding: 6px;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	vertical-align: middle;
	-webkit-appearance: none;
}
textarea {
	min-height: 100px;
	line-height: normal;
	width: 100%;
}
input:focus,
select:focus,
textarea:focus {
	border-color: rgb(82, 168, 236);
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0 none;
}

.dimmer.active,
.dimmer2.active,
.sokrutan.active,
.soktoggle::after,
.stangsok::after,
.inloggningsruta.active,
.mobilenav.active,
.Artgrp_VisaFler a:hover {
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.centerpuff h3 a:hover,
.centerpuff h4 a:hover {
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.centerpuff h3 a,
.centerpuff h4 a {
	border: 1px solid #fff;
	padding: 10px;
	display: inline-block;
}

.centerpuff div a {
	display: inline-block;
}
.centerpuff .Knapp_Kop a,
.centerpuff .buy-button {
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
}
.centerpuff h3 a:hover,
.centerpuff h4 a:hover {
	background: rgba(255, 255, 255);
	background: rgba(255, 255, 255, 1);
	color: #000;
	text-shadow: none;
}
.centerpuff h2 {
	max-width: 1000px;
	max-height: 200px;
}
.centerpuff {
	padding: 0 10%;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.leftpuff {
	position: absolute;
	left: 0;
	bottom: 20px;
	display: block;
	width: 70%;
}

.gruppmall_specifik {
	display: inline-block;
	text-align: center;
}

/* STORE LOCATOR */
.Hitta_Butik_Main {
	width: 100%;
	float: left;
	margin: 10px 0 40px;
}
.Hitta_Butik_Main input,
.Hitta_Butik_Main select {
	min-width: 200px;
	margin-right: 10px;
	height: 40px !important;
	line-height: 40px !important;
	float: left;
}
.Hitta_Butik_Main input[type='submit'] {
	/*max-width:50px;*/
	min-width: 50px;
	height: 40px;
	border: 0;
	background: #555;
	border-radius: 3px;
	color: #fff;
	text-transform: uppercase;
}

/*----------------------------------------------------------------------------------
  TYPOGRAFI OCH FÄRGER
----------------------------------------------------------------------------------*/
body,
textarea,
input {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	color: #000;
	font-weight: 350;
}

b,
strong,
#PrisFalt span,
.PT_Pris,
.PT_Pris div,
.PT_Antalsfalt,
.TeknSpec_Rad1_Vanster,
.TeknSpec_Rad2_Vanster,
.KampanjFalt-Text,
.inloggningsruta p,
.Artgrp_VisaFlerArtiklar_Markerad,
.bloggkommentar_rubrik,
.headline,
.Topoffer_Artikelnamn,
.Topoffer_Pris,
.reviewname,
#footer-wrapper h4,
#KampanjFalt div div:first-of-type {
	font-weight: 700;
}

/* TEXTSTORLEKAR */
h1 {
	font-weight: 400;
	margin: 0 0 5px 0;
	line-height: normal;
	font-size: 2.2em;
}
h2 {
	font-weight: 400;
	margin: 0 0 5px 0;
	line-height: normal;
	font-size: 1.8em;
}
h3 {
	font-weight: 400;
	margin: 0 0 5px 0;
	line-height: normal;
	font-size: 1.5em;
}
h4 {
	font-weight: 400;
	margin: 0 0 5px 0;
	line-height: normal;
	font-size: 1.2em;
}

.eight {
	font-size: 75px;
} /* 8vw */
.seven {
	font-size: 65px;
} /* 7vw */
.six {
	font-size: 55px;
} /* 6vw */
.five {
	font-size: 45px;
} /* 5vw */
.four {
	font-size: 35px;
} /* 4vw */
.three {
	font-size: 25px;
} /* 3vw */
.two {
	font-size: 15px;
} /* 2vw */
.one {
	font-size: 5px;
} /* 1vw */

#PrisFalt span {
	font-size: 30px;
}

.headline,
.Topoffer_Artikelnamn,
.Topoffer_Pris,
.Ingress,
.fa-sort {
	font-size: 18px;
}

.PrisREA,
.PrisORD,
.VGPrisStor,
.rubrikPris,
.rubriker i,
.headline,
.nyhetsbrevsanmalan input,
.PT_Beskr a,
#footer-wrapper h4 {
	font-size: 16px;
}

.PT_PrisOrdinarie,
.Lista .PT_Pris,
.Lista .PT_PrisKampanj,
.Artikellista_PrisStafflade,
.Lista .PT_Beskr a {
	font-size: 14px;
}

.nav-topmenu ul li a,
.PT_Text_Kort,
.PT_Status div:before,
.PT_Status div:after,
.breadcrumb a,
.breadcrumb {
	font-size: 12px;
}

.PT_PrisOrd,
.artikel-topplista-pris p,
.valutavaljare,
.Artgrupp_header,
.Artgrp_VisaFler a,
.Artgrp_VisaFler span,
.PT_Antalsfalt,
.artikel-topplista-text,
.artikel-topplista-text p {
	font-size: 10px;
}

/* TEXTEGENSKAPER */
a {
	text-decoration: none;
	outline: none;
}

.navigation_typ_ul_li_kategoriersaknas,
.date,
.bloggkommentar_tid {
	font-style: italic;
}

.PT_Antalsfalt,
.rubrik-kundvagn,
.PT_Bildruta,
.Antal input,
.Artikellista_PrisStafflade,
#Bildkolumn,
.BildZoomThumbnails a,
.headline {
	text-align: center;
}

.Artikellista_PrisKampanj,
.Artikellista_Pris,
.comment {
	text-align: right;
}

.kampanjmenu li > a,
.inloggningsruta p,
.nav ul.niva1 > li > a,
.nav-menu.varumarken {
	text-transform: uppercase;
}

.kampanjmenu li ul li a {
	text-transform: none;
}

.bestallningsknapp,
.Knapp_Sok_Produkt {
	cursor: pointer;
}

a.forgotpassword {
	line-height: normal;
}

#main p,
.Ingress {
	margin: 0 0 10px;
	line-height: 19px;
}

/* TEXTFÄRGER */
body,
a,
.fa-shopping-cart,
.mobilenav-icon,
.fa-search {
	color: #111;
}

.Knapp_Kop a,
.buy-button,
.Knapp_Info a,
.buy-button:hover,
.Knapp_Kop a:hover,
.Knapp_Info a:hover,
.Knapp_Generell a,
.Knapp_Generell a:hover,
.submitKnapp input,
.askas,
.askas a,
.whitetext a {
	color: #000;
}

.breadcrumb a,
.breadcrumb {
	color: #999;
}

.PT_PrisOrdinarie,
.PT_Pris_Text,
.PrisORD {
	color: #777;
	font-weight: 400;
	text-decoration: line-through;
}

.PT_PrisOrd,
.PT_PrisKampanj,
.PrisPROCENT,
.PrisREA,
#PrisFaltStafflade,
.Artikellista_PrisKampanj,
.LSS_Kampanjpris {
	color: #cb0000;
}

/* KNAPPAR */
.primbutton a {
	background: #ddd;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #000;
	height: 35px;
	line-height: 35px;
	display: block;
	padding: 0 10px;
	transition: all 0.5s ease 0s;
}
.primbutton a:hover {
	background: #777;
	color: #fff;
}

.secbutton a {
	background: #999;
	border-bottom: 2px solid #777;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #fff;
	height: 35px;
	line-height: 35px;
	display: block;
	padding: 0 10px;
	transition: all 0.5s ease 0s;
}
.secbutton a:hover {
	background: #777;
}

.Knapp_Generell a,
.Knapp_Info a,
#Felmeddelande a,
#vu_sok {
	background-color: #000;
	border-bottom: 2px solid #777;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #fff;
	height: 35px;
	line-height: 35px;
	display: block;
	padding: 0 10px;
	transition: all 0.5s ease 0s;
}
.Knapp_Generell a:hover,
.Knapp_Info a:hover,
#Adressblock .LankLoggain a:hover,
#Felmeddelande a:hover,
a#vu_sok:hover {
	background: #2f2f2f;
	color: #fff;
}
.centerpuff .Knapp_Generell a:hover {
	background: rgba(255, 255, 255);
	background: rgba(255, 255, 255, 1);
	color: #000;
	text-shadow: none;
	border: 1px solid #000;
}

.Knapp_Kop a,
.buy-button {
	background: #000;
	font-size: 12px;
	border-bottom: 2px solid #bbb;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #fff;
	height: 35px;
	line-height: 35px;
	display: block;
	padding: 0 10px;
	transition: all 0.5s ease 0s;
	display: flex;
	justify-content: center;
	cursor: pointer;
}

.info-link {
	display: none;
}

.buy-button .feedback {
	display: none;
}

.PT_Knappar {
	display: flex;
	justify-content: center;
}

@media (width >= 600px) {
	.PT_Knappar .buy-button {
		width: 30%;
	}
}
@media (width <= 600px) {
	.PT_Knappar .buy-button {
		width: 100%;
	}
}

/* .buy-button .label {
	font-size: 0;
} */

/* .buy-button[data-state='default'] .label,
.buy-button[data-state='success'] .label,
.buy-button[data-state='processing'] .label:after {
	font-size: 15px;
} */

.buy-button[data-state='processing'] .label:after {
	font-family: FontAwesome;
	content: '\f1ce';
	transform: none;
	display: inline-flex;
	margin: -35px 0 0 0;
	-webkit-animation: air-loading 1s linear infinite;
	animation: air-loading 1s linear infinite;
}

@-webkit-keyframes air-loading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes air-loading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.Knapp_Kop a:hover,
.buy-button:hover,
.bestallningsknapp:hover {
	background: #2f2f2f;
	color: #fff;
}

/* MISC */
.PT_PrisOrdinarie {
	font-size: 17px;
}

.inloggning,
.foretag {
	display: inline-block;
	line-height: 28px;
	height: 35px;
	cursor: pointer;
	font-size: 13px;
	padding: 0 10px;
	z-index: 10;
}
.inloggning::before {
	font-family: 'SS BlackTie-Regular';
	content: '\1F464';
	font-size: 15px;
	padding: 0 5px 0 0;
}
.inloggningsruta {
	width: 300px;
	display: none;
	position: fixed;
	padding: 30px 20px;
	margin: 0;
	z-index: 10;
	border: 1px solid #eee;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff;
}
.inloggningsruta.active {
	display: block;
}
.inloggningsruta .close {
	top: 10px;
}
.inloggningwrapper .button:first-child {
	margin-right: 5px;
}
.toppmeny_top,
.toppmeny,
.inloggning {
	display: inline-block;
	float: left;
}
.inloggning:hover {
	background: #eee;
}
.sprakfras span {
	height: 35px;
	line-height: 30px;
	margin-right: 5px;
}
.sprakval a {
	margin-right: 3px;
}

/* FAVORITES */
.right_container {
	margin: -47px 0 0 0;
}
.right_container > div {
	display: inline-block;
}

.Onskelista {
	margin: 0 0 0 10px;
	cursor: pointer;
}
.Onskelista a {
	border-left: 1px solid #ddd;
	padding-left: 10px;
}
.Onskelista a i {
	color: #333;
}
.onskelista_lagg_till_knapp.remove i {
	color: #49c070;
}
.Onskelista_artnr {
	display: none;
}
.Onskelista_artgr {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	cursor: pointer;
	background: none;
	width: 20px;
	height: 20px;
	text-align: right;
	border-bottom-left-radius: 15px;
}
.Onskelista_icon img {
	max-height: 15px;
	max-width: 15px;
}
.Onskelista_count {
	margin: -2px 30px 0 0;
	z-index: 5;
	float: left;
}
.plupp {
	position: relative;
}
.plupp i:before {
	color: #fff;
	font-size: 22px;
	text-shadow: 2px 0 0px #000, 0 -2px 0px #000, 0 2px 0px #000, -2px 0px 0px #000;
}
.pluppText {
	position: absolute;
	left: 20px;
	bottom: 10px;
	display: block;
	float: none;
	width: 25px;
	height: 25px;
	line-height: 25px;
	padding: 0;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: #77adbb;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	z-index: 1;
}
.plupp .fa-heart {
	font-size: 26px;
	color: #000;
	height: 38px;
	line-height: 40px;
}
.wishlist-button {
	display: block;
	margin-top: 10px;
}
.wishlist-button.remove:after,
.wishlist-button.add:after {
	font: normal normal normal 20px/1 FontAwesome;
}
.wishlist-button.remove:after {
	content: '\f004';
}
.wishlist-button.add:after {
	content: '\f004';
	color: #fff;
	font-size: 20px;
	text-shadow: 0px 0 1px #000, 0 1px 1px #000, 0px 0 1px #000, 0 0px 1px #000;
}

#PluppText.empty {
	display: none;
}

/*----------------------------------------------------------------------------------
  EGENSKAPER
----------------------------------------------------------------------------------*/
input:focus {
	color: #000;
}

.textRight {
	text-align: right;
}
.textLeft {
	text-align: left;
}
.floatClear {
	clear: both;
}
.white {
	background: #fff;
}
.whiter {
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.97);
}
.black {
	background: #000;
}
.lightgrey {
	background: #eee;
}
.darkgrey {
	background: #333;
}
.black {
	background: #000;
}
.primcolor {
	background: #90a0b0;
}
.seccolor {
	background: #f8f8f8;
}
.whitetext,
.whitetext a {
	color: #fff;
}
.blacktext,
.blacktext a {
	color: #000;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	text-align: center;
}
.relative {
	position: relative;
}
.ten {
	padding: 10px;
}
.twenty {
	padding: 20px;
}
.margTB {
	margin: 10px 0;
}
.margT {
	margin: 10px 0 0;
}
.margB {
	margin: 0 0 10px;
}
.margB10 {
	margin: 0 0 10px;
}
.marg0 {
	margin: 0;
}
.paddTB {
	padding: 10px 0;
}
.paddT {
	padding: 10px 0 0;
}
.paddB {
	padding: 0 0 10px;
}
.border {
	border: 1px solid #eee;
}
.borderT {
	border-top: 1px solid #ddd;
}
.borderB {
	border-bottom: 1px solid #eee;
}
.borderTB {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.shadow {
	-moz-box-shadow: 1px -2px 10px #444;
	-webkit-box-shadow: 1px -2px 10px #444;
	box-shadow: 1px -2px 10px #444;
}
.radius {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.desktop {
	display: block;
}
.mobile {
	display: none;
}
.flexW {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.whiteborder_text {
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}
.none {
	display: none;
}

/* Anpassning */
.Fraktmetoder_Validering {
	display: none;
}
.Laggikorgen_Antalsfalt {
	padding-right: 20px;
}
form[name='Hitta_Butik_Ajax'] > * {
	margin-right: 1%;
}

.DSRetur_Wrap > table {
	width: 100%;
}