/*---------------------------------------------------------------------------------
   Site: 
   COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1997-2018. ALL RIGHTS RESERVED.
---------------------------------------------------------------------------------*/
/*------------------------
   GENERELL
-------------------------*/
html,body {margin:0; padding:0; height:100%;}
/* html {-ms-overflow-x:hidden !important;} */
img {max-width:100%; height:auto; border:0;}
ul {padding:0; margin:0;}
header,footer,nav,main,aside,article,figure,figcaption,section,picture {display:block;}
figure {margin:0;}
body, textarea, input {font-family: 'Open Sans', sans-serif; font-size:14px; color:#555; font-weight:300; -moz-osx-font-smoothing:grayscale;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
.CustomMenu a:hover, #ListaOmArtiklarSaknas a:hover, .mainNav a:hover {text-decoration: none;}

#geo_notice_wrapper--header .list-flags-wrapper {display: none;}
.geo_wrap{align-items: center; column-gap: var(--gutter-l);;}
.geo_wrap ._wrap{gap:var(--gutter-s);}
.geo_wrap ._wrap > span{font-size: var(--co-fs-s); /*font-weight: 700;*/}
/*------------------------
   GRID
-------------------------*/
/* SECTION */
section, .section {clear:both; margin:0; max-width:1280px;}
section, .section, .wrapper {margin:0 auto;}

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

/* GROUP */
.group:before, .group:after {content:""; display:block; clear:both; visibility:hidden;}
*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* GRID */
.s_12_of_12 {width:100%} .s_11_of_12 {width:91.46%} .s_10_of_12 {width:83%} .s_9_of_12 {width:74.54%} .s_8_of_12 {width:66.08%} .s_7_of_12 {width:57.62%} .s_6_of_12 {width:49.16%} .s_5_of_12 {width:40.7%} .s_4_of_12 {width:32.24%} .s_3_of_12 {width:23.78%} .s_2_of_12 {width:15.32%} .s_1_of_12 {width:6.86%}

/*------------------------
   MAIN TEMPLATE
-------------------------*/
.text-xxl {font-size: 23px;line-height: 40px;}
/* LOADING */ 
#loading-overlay {display:none;}
.loading #loading-overlay {display:block; width:100%; height:100%; position:fixed; background:#fff; z-index:4;}
@keyframes air-loading {0% {-webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg);} 100% {-webkit-transform:translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg);}}
@-webkit-keyframes air-loading {0% { -webkit-transform:translate(-50%, -50%) rotate(0deg); transform:translate(-50%, -50%) rotate(0deg);} 100% {-webkit-transform:translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg);}}
.air-loading {position:fixed; top:50%; left:50%; margin-top:-20px; margin-left:-40px;}
.air-loading div, .air-loading div:after {position:absolute; width:148px; height:148px; border:8px solid #999999; border-top-color:transparent; border-radius:50%;}
.air-loading div {-webkit-animation:air-loading 1s linear infinite; animation:air-loading 1s linear infinite; top:100px; left:100px;}
.air-loading div:after {-webkit-transform:rotate(90deg); transform:rotate(90deg);}
.air-loading {width:80px!important; height:80px!important; -webkit-transform:translate(-40px, -40px) scale(0.4) translate(40px, 40px); transform:translate(-40px, -40px) scale(0.4) translate(40px, 40px);}

/* HEADER */
#header {background: #fff;}
.header {padding:  0; min-height: 62px; }
.header .section.group {position:relative; margin-top: 20px; margin-bottom: 20px;}
.header-wrapper {width:100%; z-index:5; position:fixed !important;}
.headroom--not-top.headroom--pinned {background:rgba(255, 255, 255, 1);}
.headroom--unpinned {-webkit-transform:translateY(calc(-100% + 80px)); -ms-transform:translateY(calc(-100% + 80px));-moz-transform:translateY(calc(-100% + 80px)); transform:translateY(calc(-100% + 80px));}
.headroom, .header, .headroom--unpinned .header .logo {-webkit-transition:transform .4s ease-in-out; -ms-transition:transform .4s ease-in-out; -moz-transition:transform .4s ease-in-out; transition:transform .4s ease-in-out; will-change:transform;}
.headroom--pinned {-webkit-transform:translateY(0); -ms-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}

@media screen and (min-width: 1001px) {	
	.headroom--unpinned .header {min-height: 42px; box-shadow: 0 0 20px -10px #333;}
	.headroom--unpinned .header .section {margin-top: 0px; margin-bottom: 0px;}
	.headroom--unpinned .header .logo {margin-top: 0px;}
	.headroom--unpinned .header .logo {max-width: 120px;}
	.wrapper.addpadding {padding-top: 195px;}
}

@media screen and (max-width: 1000px) {	
	.toplist {display: none;}
	.mobilenav .toplist {display: block;}
	.logo img {max-height:30px; width:auto;}
	#geo_notice_wrapper--header{width:100%;}
	.geo_wrap{flex-wrap: wrap; gap:var(--gutter-s);}
	.toplist > .section{align-items: flex-start !important;}
	.CountrySelectWrap{display: block;margin-top: var(--gutter-s);}
	.CountrySelectWrap .right{float: inherit;}
}

.logo { margin-top:0;  position:absolute; left:50%; top:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.mobilenav-icon, .soktoggle, .inloggningsruta {display:none;}
.inloggning {display:inline-block; float:left; line-height:40px; cursor:pointer; font-size:13px; padding:0 10px; color: #999}
.inloggning a:after, .inloggning.NotLoggedIn:after {font-family:"SS BlackTie-Regular"; content:"\1F464"; font-size:21px; color: #555; line-height:40px; float: right; padding:0 15px 0 10px;}
.toplist {line-height: 30px;}
.toplist > .section {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction: row; align-items: center;justify-content: space-between;}
.ViktigtInfo {line-height: 38px;}
.valueText {float: right;}
/* WRAPPER */
#bodywrapper {min-height:100%; position:relative;}
.wrapper {width:100%; padding-top:155px;}

#main {margin:0 0 20px;}
.breadcrumb {margin:10px auto;}
.dimmer.active, .dimmer2.active, .dimmeractive .dimmer, .dimmeractive {content:''; width:100%; background:rgba(100, 100, 100, 0.6); display:block; height:100%; position:fixed; top:0; left:0; z-index:4;}
.dimmer2.active {z-index:5;}




/*------------------------
   PROPERTIES
-------------------------*/
.white {background:#fff}
.whiter {background:rgb(255,255,255); background:rgba(255,255,255,0.97);}
.lightgrey {background:#f1f1f1}
.darkgrey {background:#333}
.black {background:#000}
.primcolor {background:#90a0b0}
.seccolor {background:#444}
.whitetext, .whitetext a {color:#fff;}
.blacktext, .blacktext a {color:#000;}
.left {float:left;}
.right {float:right;}
.block {display:block;}
.iblock {display:inline-block;}
.center {text-align:center;}
.textL {text-align:left;}
.textR {text-align:right;}
.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}
.paddL {padding-left:10px}
.paddR {padding-right:10px}
.p-all {padding: 10px;}
.border {border:1px solid #f1f1f1}
.borderT {border-top:1px solid #f1f1f1}
.borderB {border-bottom:1px solid #f1f1f1}
.borderTB {border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1}
.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 !important;}
.mobile {display:none !important;}
.none {display:none !important;}
.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;}

/*Modal*/
.modal-dialog {
	position: relative;
	width: auto;
	margin: var(--gutter-l) auto;
	max-width:400px ;
	width:100%;
}
.modal-dialog {
	top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	max-height: 80vh;
    overflow: scroll;
}
.modal-header {
	padding:var(--gutter);
}
.modal-title{
	font-size: var(--co-fs-m);
	font-weight: 700;
	color: var(--co-text-pri);
	width: 100%;
	margin-bottom:var(--gutter-s);
	display: block;
}
.modal-body{
	padding:var(--gutter);
}
/*Topbar*/
header .toppmeny{
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	align-items: center;
	justify-content: space-between;
}
#load-countries-btn{
	padding: var(--gutter-s) 0;
    font-size: var(--co-fs-s);
   /* font-weight: 700;*/
	-webkit-border-radius: var(--co-border-radius);
    -moz-border-radius: var(--co-border-radius);
    border-radius: var(--co-border-radius);
	-webkit-appearance:none;
   -moz-appearance:none;
   appearance:none;
   border: none;
   line-height: 1.6;
   cursor: pointer;
   color:#555;
   background:transparent;
}
#load-countries-btn p{
	display: inline-block;
    margin: 0;
}
#load-countries-btn.no-country p{
	display: none;
}
#load-countries-btn:hover{
	/*text-decoration: underline;*/
	background: none;
}
/*#load-countries-btn:before{
	content:"\f0ac";
	font-family: "Font Awesome 5 Pro";
	font-size:var(--co-fs-s);
	margin-right:var(--gutter-s)
}*/

#load-countries-btn:after{
	font-family: "Font Awesome 5 Pro";
	content: "\f078";
	margin-left:var(--gutter-s);
	font-weight: 300;
}
#load-countries-btn:hover:before{
	text-decoration: none;
}
/*.checkout #load-countries-btn{
	display: none;
}*/
fieldset#moms_header{
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	align-items: center;
	gap:var(--gutter);
	-webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-shadow: none;
    appearance: none;
	border: none;
    padding: 0;
	font-size: var(--co-fs-s);
}
#moms_header ._flex{
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	gap:var(--gutter-s);
	align-items: center;
	position: relative;
}
#moms_header input{
	width: 100%;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-shadow: none;
    appearance: none;
    outline: none;
    box-shadow: none;
    font-size: inherit;
    font-family: inherit;
    margin: 0;
    opacity: 0;
    cursor: pointer;
	position: absolute;
}
#moms_header span{
    border-radius: 100%!important;
    border: var(--co_border);
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
}
#moms_header input[type="radio"]:checked + span {
    background: var(--co_bg_btn_sek);
}
#moms_header input[type="radio"]:hover + span{
	background: var(--co_bg_btn_sek);
}
#moms_header  input[type="radio"]:checked + span:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-weight: 200;
}
/*Landsväljare*/
#country_picker{
	margin:0 var(--gutter-l);
}
body.no_cookie_consent #country_picker .modal-dialog:after{
	content:'';
	background: rgb(0,0,0,0.8);
	position: absolute;
	top:0;
	height:100%;
	width:100%

}
#country_picker .modal-dialog{
	overflow: unset;
	line-height: 1.6;
	font-size: var(--co-fs);
}
#country_picker .modal-header{
	font-size:var(--co-fs-s);
	text-align: center;
}
#country_picker a{
	color:var(--co-text-pri);
}
.country_picker_dd{
	display: flex;
	flex-wrap: wrap;
	gap:var(--gutter);
}
.country_picker_wrap{
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
	position: relative;
}
.country_picker_wrap ._selected{
	align-items: center;
    text-align: left;
    display: flex;
    padding: var(--gutter-s) var(--gutter);
	border:var(--co_border);
	gap: var(--gutter);
	height: calc(36px + (var(--gutter-s)*2));
}
.country_picker_wrap ._picked{
	align-items: center;
    text-align: left;
    display: flex;
}
.country_picker_wrap ._selected > span, .country_picker_wrap ._picked > span{
	align-items: center;
    text-align: left;
    display: flex;
	gap: var(--gutter);
}
.country_picker_wrap ._arrow{
	margin-left:auto;
}
.country_picker_wrap ._arrow:after{
	content: "\f078";
    font-family: "Font Awesome 5 Pro";
	font-size:var(--co-fs-s);
}
.country_dropdown{
	display: none;
	position: absolute;
	background: #fff;
	border:var(--co_border);
	max-height: 200px;
	overflow-x:auto;
	width: 100%;
	z-index:1;
	padding:var(--gutter);
}
.country_dropdown ._content{
	display: flex;
	flex-wrap: wrap;
	gap:var(--gutter);
	list-style: none;
}
.country_dropdown ._content li{
	width:100%;
}
.country_dropdown ._content a, .country_dropdown ._content span{
	display: flex;
	gap:var(--gutter);
	align-items: center;
}
.country_dropdown ._content span:hover{
	text-decoration: underline;
}
.country_dropdown ._content img, .country_picker_wrap ._selected img{
	max-width: 40px;
	max-height: 28px;
}
.country_picker_wrap.active ._arrow:after{
	content: "\f077";
}
.country_picker_wrap.active .country_dropdown{
	display: block;
}
.geo_country{
	width: 100%;
	margin:var(--gutter) 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.geo_country:after{
	content: "\f054";
    font-family: "Font Awesome 5 Pro";
	margin-left:var(--gutter-s);
	font-size:var(--co-fs-xs);
}
.geo_country:hover{
	text-decoration: underline;
}
/*Button*/
.modal-footer{
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	justify-content: center;
}
.modal-footer button{
	margin-top:var(--gutter);
	background: var(--co_bg_btn_sek);
	padding: var(--gutter-s) var(--gutter);
    font-size: var(--co-fs-s);
    font-weight: 700;
	-webkit-border-radius: var(--co-border-radius);
    -moz-border-radius: var(--co-border-radius);
    border-radius: var(--co-border-radius);
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   border: none;
   color: var(--co-text-pri);
   line-height: 1.6;
   cursor: pointer;
}
.modal-footer button:hover{
	color: #23527c;
	text-decoration: underline;
	background: var(--co_bg_btn_sek);
}
/*Other EU*/
#country_picker.active_EU .country_picker_wrap{
	display: block !important;	
}

.country_picker_dd.active_EU .country_picker_wrap ._selected ._active_country{
	display: none;
}

#Telkvall{
	max-width: 200px;
}

#Adressblock p:empty {
    display: none;
}