/*---------------------------------------------------------------------------------
   Site: 
   COPYRIGHT (c) ASK�S INTERNET- & REKLAMBYR� AB 1997-2018. ALL RIGHTS RESERVED.
---------------------------------------------------------------------------------*/
/* Anpassning - on load */
#mobilenav {display: none;}
@media screen and (max-width: 1050px) {

	.header {padding:10px !important; border-bottom:1px solid #eee;}
	.logo img {width:auto; max-height:60px; margin-top: 15px;}
	.soktoggle, .mobilenav-icon {font-size:20px;}
	.mobilenav-icon {display:block !important; cursor:pointer; float:left; padding:0 15px 0 0; line-height:32px;}
	.mobilenav-icon::after {content:"\f0c9";}
	.soktoggle::after {content:"\f002";}
	.Onskelista_count {margin:5px 7px 0 0 !important}
	.plupp .fa-heart {font-size:23px;}
	.pluppText {width:26px !important; height:26px !important;}

	/* Anpassning - on load - mobil */
	#mobilenav {display: unset;}

	/* Loadfix - f�rebygger att element hoppar */
	.right #spraktoggle {display: none !important;}
	.logo {display: none !important;}

	.header_container > .left {
		position: absolute;
		top: 0;
	}
	.logo {position:absolute; left:50%; top:50%; width: 60%; padding:0; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); text-align: center;}
}


/*------------------------
   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:'Catamaran', Arial, Helvetica, sans-serif; font-size:15px; color:#000; font-weight:300;}
a {text-decoration: none;}

/*------------------------
   GRID
-------------------------*/
/* SECTION */
section, .section {clear:both; margin:0; max-width:1440px;}
section, .section, .wrapper {margin:0 auto;}

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

.col_none {display:block; float:left; 0;}
.col_none:first-child, .col_none.s_12_of_12 {margin-left:0;}

.col_none.s_4_of_12 {width: 33.333%;}
.col_none.s_8_of_12 {width: 66.666%;}

/* 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
-------------------------*/
/* 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:rotate(0deg); transform:rotate(0deg);} 100% {-webkit-transform:rotate(360deg); transform:rotate(360deg);}}
@-webkit-keyframes air-loading {0% { -webkit-transform:rotate(0deg); transform:rotate(0deg);} 100% {-webkit-transform:rotate(360deg); transform:rotate(360deg);}}
.air-loading {position:fixed; top:50%; left:50%; margin-top:-40px; margin-left:-70px;}
.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 {/*padding:25px 0 0;*/}
.header .section {position:relative;}
.header-wrapper {width:100%; z-index:5; position:fixed !important;}
.headroom--not-top.headroom--pinned {background:rgba(255, 255, 255, 0.6);}
.headroom--unpinned {-webkit-transform:translateY(-120%); -ms-transform:translateY(-120%); -moz-transform:translateY(-120%); transform:translateY(-120%);}
.headroom {-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);}
.logo { padding-top: 10px; width: 100%; padding-left: 30px;}
.mobilenav-icon, .soktoggle, .inloggningsruta {display:none;}
.inloggning, .inloggningDS {display:inline-block; float:left; line-height:40px; cursor:pointer; font-size:13px; padding:0 10px;}
.inloggning::hover, .inloggningDS::hover {background:#f1f1f1;}
.inloggningDS a {padding:0 !important;}
.loginpass {font-size:12px; text-transform:uppercase;}
.inloggning::before, .inloggningDS::before {content:"\f007"; font-size:14px; line-height:normal; padding:0 2px 0 0;}
.Onskelista_count {margin:5px 15px 0 0;}
.plupp {position:relative;}
.pluppText {position:absolute; left:0; bottom:0; display:block; float:none; width:30px; height:28px; line-height:28px; padding:0; text-align:center; font-size:12px; color:#fff;}
.plupp i {font-size:27px; color:#333;}

/* Anpassning header */

.header_container {
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	flex-flow: row; justify-content: space-between;
}
.header_container > * {display: inline-block;}
.header_container > .left {
	align-items: center;
	width: 280px;
}
.header_container > .middle {float: left; flex-grow: 1;}
.header_container > .right {padding-top: 10px;}
.header_container > .right > div {
	line-height: 65px;
}

/* Varukorgen */
.Varukorg span {line-height: 65px;}

.header_container #spraktoggle, #spraktoggle > span {width: 150px;}
#spraktoggle .selected > img {margin: -2px 5% 0 0;}

#spraktoggle {display: flex; cursor: pointer; border-bottom: 3px solid #fff;}
#spraktoggle i {line-height: 35px; margin-left: 5px; padding-bottom: 2px;}
#spraktoggle.active {border-bottom: 3px solid #c2a286;}

.prodmeny {padding-top: 10px;}

/* WRAPPER */
#bodywrapper {min-height:100%; position:relative; background: #f8f8f8;}
.wrapper {width:100%; padding-top:80px;}
#main {padding:5px 10px; margin: 0 auto;}
.breadcrumb {display: none; margin:10px auto;}
.header-wrapper:after {opacity: 0;}
.dimmer.active, .dimmer2.active, .dimmeractive .dimmer, .dimmeractive .header-wrapper:after {content:''; width:100%; background:rgba(100, 100, 100, 0.6); display:block; height:100%; position:fixed; top:0; left:0; z-index:4;}
.dimmeractive .header-wrapper:after {
	position: absolute;
	top: 0; left: 50%;
	-ms-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); transform:translate(-50%, 0);
	max-width: 1440px;

	-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;
	opacity: 1;
}

.dimmer2.active {z-index:5;}

.startwrapper, .produktwrapper, .artgrpwrapper {margin: -6px -10px;}

/* FOOTER */
.footer {min-height: calc(40vh - 10px); width:100%; -webkit-align-self:flex-end; -ms-flex-item-align:end; align-self:flex-end;}
.askas {margin:20px 0; width:100%;}

/*------------------------
   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:#3a3a48}
.seccolor {background:#b7c0c6}
.background {background: #e2e7ea;}

.whitetext, .whitetext a {color:#fff;}
.blacktext, .blacktext a {color:#000;}
.graytext, .graytext a {color: #d1d1d4;}
.graytext_dark, .graytext_dark a {color: #8d8f91;}

.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}
.margTBcol {margin:1.2% 0}
.margTcol {margin:1.2% 0 0}
.margBcol {margin:0 0 1.2%}
.margTB {margin:10px 0}
.margT {margin:10px 0 0}
.margB {margin:0 0 10px}
.margB10 {margin:0 0 10px}
.marg0 {margin:0}
.paddTB {padding:1.2% 0}
.paddT {padding:1.2% 0 0}
.paddB {padding:0 0 1.2%}
.border {border:1px solid #ddd}
.borderT {border-top:1px solid #ddd}
.borderB {border-bottom:1px solid #ddd}
.borderTB {border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.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;}

/* Extra */
.auto {margin: 0 auto;}

.flex {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.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;}

/* Om klassen inneh�ller.. */
[class*="flex"] {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex}

[class*="_W_"] {flex-wrap: wrap !important;}

[class*="_row"] {flex-flow: row;}
[class*="_col"] {flex-flow: column;}
[class*="_JCC"] {justify-content: center;}
[class*="_AIC"] {align-items: center;}
[class*="_CC"] {justify-content: center; align-items: center;}

.primcolor_header h4 {color: #c2a286;}
.primcolor_text, .primcolor_text a {color: #e8e8ea;}
.width_roof_200 {max-width: 200px;}
.width_roof_475 {max-width: 475px;}
.width_roof_400 {max-width: 400px;}

.flex_cc {justify-content: center; align-items: center;}