@import url("/PartnerFiles/_assets/1503/css/shop.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400&display=swap');

:root {
	--sprite-template1: url('../css/symaskinskungen2022/sprites.png');
	--separator1: 1px solid rgba(255,255,255,0.07);
	--separator2: 1px solid rgba(0,0,0,0.07);
	
	--header1: #fff;
	--header2: #003349;
	--header3: #F9423A;
	--textcolor1: #003349;
	--textcolor2: #fff;
	--textcolor3: #f0f;
	--price1: #F9423A; /* Orange */
	--price2: #FF9425; /* Yellow */

	--linkcolor1: #F9423A; /* Orange */
	--linkcolor2: #4797A8; /* Teal */
	--linkcolor2-hover: #4797A8; /* Teal */ /*#B7DDE1; /* Lightest blue */
	
	--background1: #fff;
	--background2: #003349; /* Blue */
	--background3: #222;
	--background4: #f1f1f1;
	--background5: #FF9425; /* Yellow */
	--background6: #F9423A; /* Orange */
	--background7: #4797A8; /* Teal */
	--background8: #FCD299; /* Light yellow */
	--background9: #F8C1B8; /* Light orange */
	--background10: #B7DDE1; /* Light teal */
	
	--button1-bg: #F9423A; /* Orange */
	--button1-hover: #F9423A; /* Orange */
	--button1-text: #fff;
	--button1-border: 0px solid #000;
	--button1-radius: 0px;
	
	--button2-bg: #4797A8;
	--button2-hover: #4797A8;
	--button2-text: #fff;
	--button2-border: 0px solid #000;
	--button2-radius: 3px;
	
	--form1-bg: #f1f1f1;
	--form1-text: #003349;
	--form1-border: 0px solid #222;
	--form1-radius: 3px;
	--form1-padding: 9px 10px;
}

body {font-family: 'Montserrat', Helvetica, Arial, sans-serif; background: var(--background1); color: var(--textcolor1); font-size: 14px; line-height: 1.6; letter-spacing: 0.3px;}

/* SNYGGA HÖRN */
/*
.InfoPageHeaderBox-Outer, #filter div.filters, .detailStockWrapper, #CountryLight .widget_inner, #cart_cartpayalts .widget_inner, #cart_registration .widget_inner, #cart_freighttypelist .widget_inner, .ordercomment.widget .widget_inner, .content-cart .mid-container, .content-cart div.cartcontent, .SubCats div.item div {position: relative;}
.InfoPageHeaderBox-Outer:before, .product .inner:before, #filter div.filters:before, div.thumb .owl-item:before, .mainimagewrapper:before, #CountryLight .widget_inner:before, #cart_cartpayalts .widget_inner:before, #cart_registration .widget_inner:before, #cart_freighttypelist .widget_inner:before, .ordercomment.widget .widget_inner:before, .content-cart div.cartcontent:before, .SubCats div.item div.image:before {background: url('../css/symaskinskungen2022/card-top-left.png') top left; content: ""; position: absolute; width: 25px; height: 25px; top: -1px; left: -1px; z-index: 99; visibility: visible;}
.InfoPageHeaderBox-Outer:after, .product .inner .infowrapper:after, #filter div.filters:after, div.thumb .owl-item:after, .mainimagewrapper:after, #CountryLight .widget_inner:after, #cart_cartpayalts .widget_inner:after, #cart_registration .widget_inner:after, #cart_freighttypelist .widget_inner:after, .ordercomment.widget .widget_inner:after, .content-cart div.cartcontent:after, .SubCats div.item div.text:after {background: url('../css/symaskinskungen2022/card-bottom-right.png') bottom right; content: ""; position: absolute; width: 25px; height: 25px; bottom: -1px; right: -1px; z-index: 99; visibility: visible;}
*/

/*------------------------------------------------------------*\
PRODUCT CATEGORY PAGE
\*------------------------------------------------------------*/

.receipt-mobile { display: none; }
.tblOrdRec { display: none: }

.owl-dots + .type-3 {display: none !important;}
.slider-image + .type-3 {display: none !important;}
.InfoPageHeaderBox-Outer {min-height: 370px; background: url('symaskinskungen2022/bottom-right-teal.png') no-repeat bottom right, url('symaskinskungen2022/top-left-teal.png') no-repeat top left; background-color: var(--background2); margin: 20px 10px; padding: 64px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center;}
.InfoPageHeaderBox-Outer h1 {color: var(--header1); margin: 10px 10px 20px; font-size: 32px; font-weight: bold; text-transform: uppercase; line-height: normal; text-align: center;}
.InfoPageHeaderBox-Outer .header-text {color: var(--textcolor2); text-align: center; position: relative;}
.InfoPageHeaderBox-Outer .header-text p {max-width: 900px; margin: 0 auto 10px;}

.treeid-51546.treeid-active-51546 .InfoPageHeaderBox-Outer,
.treeid-46979.treeid-active-46979 .InfoPageHeaderBox-Outer {padding: 0; min-height: inherit;}
.treeid-51546.treeid-active-51546 .InfoPageHeaderBox-Outer .header-text, 
.treeid-46979.treeid-active-46979 .InfoPageHeaderBox-Outer .header-text {padding: 0;}
.treeid-51546.treeid-active-51546 .InfoPageHeaderBox-Outer .header-product, 
.treeid-46979.treeid-active-46979 .InfoPageHeaderBox-Outer .header-product {display: none;}
.treeid-51546.treeid-active-51546 .InfoPageHeaderBox-Outer h1, 
.treeid-46979.treeid-active-46979 .InfoPageHeaderBox-Outer h1 {margin: 0 0 20px;}
.treeid-51546.treeid-active-51546 .InfoPageHeaderBox-Outer td, 
.treeid-46979.treeid-active-46979 .InfoPageHeaderBox-Outer td {width: 50%;}
.treeid-51546.treeid-active-51546 .InfoPageHeaderBox-Outer td:first-child, 
.treeid-46979.treeid-active-46979 .InfoPageHeaderBox-Outer td:first-child {line-height: 0;}
.treeid-51546.treeid-active-51546 .InfoPageHeaderBox-Outer td:last-child, 
.treeid-46979.treeid-active-46979 .InfoPageHeaderBox-Outer td:last-child {padding: 64px; -webkit-order: 2; order: 2; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center;}
.treeid-51546.treeid-active-51546 .InfoPageHeaderBox-Outer td img, 
.treeid-46979.treeid-active-46979 .InfoPageHeaderBox-Outer td img {width: 100%; height: 100%; object-fit: cover;}
.treeid-51546.treeid-active-51546 .InfoPageHeaderBox-Outer table tr, 
.treeid-46979.treeid-active-46979 .InfoPageHeaderBox-Outer table tr {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; position: relative;}
.detailStockWrapper .storestock { display:none;}

/*------------------------------------------------------------*\
TYPO / WIDTHS / SETUP
\*------------------------------------------------------------*/

h2 {font-size: 18px; margin-bottom: 3px; font-weight: 700;}
h3 {font-size: 16px; margin-bottom: 2px;}
h4 {font-size: 14px; font-weight: 700; text-transform: none; margin-bottom: 10px;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}
p {margin: 0px 0px 10px 0px; line-height: 21px; font-size: 14px;}
iframe {border: 0px;} 

.page-default .Caption {font-size: 22px; margin-bottom: 0px; text-transform: uppercase;}
div.detail-list li, div.detail-list li span {font-size: 11px;}
.contentslider div.right {font-size: 20px; text-transform: uppercase; margin: 40px 0 0 0; font-weight: 700;}
.cart .box_head h4 {font-size: 14px; text-transform: uppercase; color: #c9c9c9;}
#col_left .PL_outer1 .box_head span.headertext {font-weight: 700; margin-left: 17px; font-size: 16px; margin-bottom: 20px; margin-right: 17px; padding-bottom: 5px; border-bottom: 4px solid #00bfa5; display: block;}

li.longtext span * {font-size: 14px;}
.saveAlert {display: none;}
.promoline {text-align: center; padding: 9px 5px;}
.promoline p, .promoline span, .promoline a {color: var(--textcolor2); margin-bottom: 0; font-size: 13px;}
.cookie-message {position: fixed; bottom: 0; z-index: 10000; border-top: var(--separator1);}
.cookie-message .button span.start {margin-bottom: 10px;}
#topholder {margin: 0 auto; position: relative; width: 100%; z-index: 2;}
#topinner {}
.topcontent-wrapper {width: 100%; margin: 0 auto; position: relative; padding: 0 0px;} 
.topcontent-wrapper1 {background: var(--background4);}
.topcontent-wrapper2 {background: var(--background1);}

.topinner {float: left; position: relative;}
.topinner1, .topinner4, .topinner6 {width: 0%;}
.topinner3 {width: 100%;}
.topinner4 {line-height: 0;}
.topinner2 {width: 0%;}
.topinner5 {top: 50%; position: absolute; transform: translateY(-50%); left: 220px; width: calc( 100% - 240px)/*<-left+marginal*/;}
.menu-search-wrapper {float: left; width: 100%;}
.topinner6 {float: right; width: 52px;}

#col_main {float: right; width: 100%; margin: 0px;}
.page-product_list #col_main {float: right; width: 85%; margin: 0px;}
#col_left {float: left; margin: 0px; width: 22.8070%; margin-top: 0px; display: none;}
.page-product_list #col_left {float: left; margin: 0px; padding: 0 10px; width: 13.807%; width: 15%; margin-top: 45px !important; display: block;}
#col_right {float: right; margin: 0px; background: none; width: 100%; border-top: 0px; padding-top: 0px; display: none;}
#background {margin: 0 auto; width: 100%;}
#content_left {margin-top: 0px;} 
#content {position: relative; z-index: 1; margin: 0px auto 0px auto; max-width: 1400px; padding: 0 10px 40px 10px; border: 0px;}

#topholder .cart-mobile {display: none;}
#topholder .login-mobile {display: none;}
#topholder .toggle-search {display: none;}

body #topholder .manulist {float: right; margin-top: 12px; margin-left: 20px;} 
.manulist .box_head {display: none;}
.logowrapper {float: left; margin: 0 auto; text-align: center; padding: 20px 0 20px 20px;}
.logo-search-wrapper {max-width: 1400px; margin: 0 auto; position: relative;}

.info-page .InfoPageHeaderBox-Outer .header-text {text-align: left;}
.info-page .InfoPageHeaderBox-Outer * {max-width: 900px; margin-left: auto; margin-right: auto; margin-top: inherit; margin-bottom: inherit;}
.info-page .InfoPageHeaderBox-Outer ul {margin-left: 40px; margin-right: 40px; margin-top: 10px;}
.info-page .InfoPageHeaderBox-Outer li {margin-bottom: 0; margin-top: 0; line-height: 1.6;}
.info-page .InfoPageHeaderBox-Outer h2, .info-page .InfoPageHeaderBox-Outer h3, .info-page .InfoPageHeaderBox-Outer h4  {margin-bottom: 10px; font-weight: bold;}

/* THE LOGO */
.logo-box {display: inline-block; float: none; margin: 0; max-height: 85px; overflow: hidden; width: auto;}
.logo-box a {display: block;}
.logo-box img {height: auto; max-height: 80px; max-width: 180px; width: auto;}

body #topholder .manulist{float:right; margin-top:12px; margin-left:20px; } .manulist .box_head{display:none;}
.logowrapper, .top-certicons{float:left;}
.top-certicons {padding:15px 0 0 15px;}
.top-certicons ul li {float:left;}
.top-certicons ul li img {height:60px;width:auto;margin-right:5px;}
.top-certicons ul li.top-certicon3 {padding-left:10px;text-align:center;}
.top-certicons ul li.top-certicon3 p {display:block;margin-bottom:0;width:100px;font-family: 'Kalam', cursive;font-size:14px;font-weight:700;}

/*.tag-1 .tag, .page-product_details #col_main .imagewrapper .tag-1 {top: 5px; left: auto; right: 5px;}
.tag-2 .tag, .page-product_details #col_main .imagewrapper .tag-2 {top: 5px; left: auto; right: 5px;}
.tag-3 .tag, .page-product_details #col_main .imagewrapper .tag-3 {top: 5px; left: auto; right: 5px;}*/

.tag-1 .tag, .page-product_details #col_main .imagewrapper .tag-1 {background:url(../images/ribbon-kampanj.png) no-repeat 0px 0px; position:absolute; height:80px; width:80px; top:-5px; left:-5px; z-index: 999;}
.tag-2 .tag, .page-product_details #col_main .imagewrapper .tag-2 {background:url(../images/ribbon-nyhet.png) no-repeat 0px 0px; position:absolute; height:80px; width:80px; top:-5px; left:-5px; z-index: 999;}
.tag-3 .tag, .page-product_details #col_main .imagewrapper .tag-3 {background:url(../images/ribbon-rea.png) no-repeat 0px 0px; position:absolute; height:80px; width:80px; top:-5px; left:-5px; z-index: 999;}
.tag-4 .tag, .page-product_details #col_main .imagewrapper .tag-4 {background:url(../images/sprite-tag-2020.png) no-repeat 0px -54px; height:29px; width:111px; position:absolute; top:0px; left:0px; z-index: 999;}
.tag-5 .tag, .page-product_details #col_main .imagewrapper .tag-5 {background:url(../images/ribbon-nyborjare.png) no-repeat 0px 0px; position:absolute; height:80px; width:80px; top:-5px; left:-5px; z-index: 999;}
.tag-6 .tag, .page-product_details #col_main .imagewrapper .tag-6 {background:url(../images/ribbon-deal.png) no-repeat 0px 0px; position:absolute; height:80px; width:80px; top:-5px; left:-5px; z-index: 999;}
.tag-7 .tag, .page-product_details #col_main .imagewrapper .tag-7 {background:url(../images/ribbon-best-buy.png) no-repeat 0px 0px; position:absolute; height:80px; width:80px; top:-5px; left:-5px; z-index: 999;}
.tag-8 .tag, .page-product_details #col_main .imagewrapper .tag-8 {background:url(../images/ribbon-best-test.png) no-repeat 0px 0px; position:absolute; height:80px; width:80px; top:-5px; left:-5px; z-index: 999;}

/*.tag-4 .tag:after, .page-product_details #col_main .imagewrapper .tag-4:after, .tag-5 .tag:after, .page-product_details #col_main .imagewrapper .tag-5:after, .tag-6 .tag:after, .page-product_details #col_main .imagewrapper .tag-6:after, .tag-7 .tag:after, .page-product_details #col_main .imagewrapper .tag-7:after, .tag-8 .tag:after, .page-product_details #col_main .imagewrapper .tag-8:after, .tag-9 .tag:after, .page-product_details #col_main .imagewrapper .tag-9:after {background: var(--button1-bg); color: #fff; font-size: 11px; content: "Kampanj"; font-weight: bold; position: absolute; top: 5px; right: 5px; padding: 3px 7px; text-transform: uppercase; z-index: 10; line-height: 12px; max-width: 100px;}
.tag-5 .tag:after, .page-product_details #col_main .imagewrapper .tag-5:after {content: "För nybörjare";}
.tag-6 .tag:after, .page-product_details #col_main .imagewrapper .tag-6:after {content: "Månadens deal";}
.tag-7 .tag:after, .page-product_details #col_main .imagewrapper .tag-7:after {content: "Bästa köp";}*/

.page-buy_cart2 .InfoPageHeaderBox-Outer {display: none !important;}

.button span.start, .button span.start:hover, .button span.start:active {background: var(--button2-bg); color: var(--button2-text); border: var(--button2-border); border-radius: var(--button2-radius); font-weight: bold;}
.button span.start:hover, .button span.start:active {background: var(--button2-hover);}

.messagebox {font-size: 13px; margin-left: 10px; margin-right: 10px; padding: 15px 22px; background: var(--button2-bg); color: var(--button1-text); margin-top: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.page-default .messagebox {margin-top: 10px;}
.orderreview.pricerunner-review {margin-right: 1%; float: none;}
.receiptBox > .orderreview {display:none;}
.sbanner-header {
	margin: 10px 0px 10px 0px;
    line-height: 21px;
    font-size: 39px;
	}

/*------------------------------------------------------------*\
SEARCH BOX
\*------------------------------------------------------------*/
#topholder div.find {width: 100%; max-width: 191px; position: absolute; top: 0px; right: 40px;}
#topholder div.find .box {margin-bottom: 0px;}
#topholder div.find .box_body_inner {padding: 0px; position: relative;}
#topholder div.find a.button {background: transparent var(--sprite-template1); background-repeat: no-repeat; background-position: -566px 0px; position: absolute; top: -3px; right: 0px; height: 32px; width: 32px;}
#topholder div.find a.button span {visibility: hidden; padding-left: 0px; padding: 0px;}
#topholder div.find a.button span.end {display: none;}
#topholder div.find .box_head {display: none;}
.find input {float: left; font-size: 12px; font-style: normal; -webkit-appearance: none; font-weight: normal;}
.find .button {float: right;}

/* Search results page */
#productlist > div:not(.PL_outer2) {margin: 30px 10px;}
h2.aw-paged-search-results__header {padding: 0 10px;}

/*------------------------------------------------------------*\
FORMS / INPUTS
\*------------------------------------------------------------*/

input {
	background: var(--form1-bg); 
	color: var(--form1-text);
	border-radius: var(--form1-radius);
	border: var(--form1-border); 
	margin-top: 4px; 
	padding: 6px 8px 6px 8px;
	margin-bottom: 6px; 
	font-size: 14px; 
}
::placeholder {color: var(--form1-text);}

textarea {
	background: var(--background2);
	color: var(--textcolor1);
	border: 0px solid #cccccc; 
	margin-top: 4px; padding: 6px 8px 6px 8px; 
	border-radius: var(--form1-radius);
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1); 
	box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1); 
	width: 100%; 
	min-width: 100px; 
	font-size: 14px; 
}

select {
	background: var(--form1-bg); 
	color: var(--form1-text);
	border: var(--form1-border); 
	margin-top: 4px; padding: 12px; 
	border-radius: var(--form1-radius);
	min-width: 100px; 
	margin-bottom: 6px; 
	font-size: 14px; 
	width: 100%;
}
select:focus, :focus {outline: none;}
				
#txtSearch {background: #fafafa; padding: 2px 5px; color: black; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #999;}

#footer .login input {margin: 6px 0px; width: 100%; max-width: 275px;}
#footer .loginButtonWrapper {float: left; width: 100%;}
#footer .login div.forgot {display: block;}

/*div.find .box_body {background: var(--form1-bg); border: var(--form1-border); padding: 10px 8px 10px 12px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;}*/
div.find .box_body {background: var(--background7); border: var(--form1-border); padding: 6px 6px 7px 6px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}

.find::-webkit-input-placeholder {color: var(--form1-text);}
.find:-moz-placeholder {color: var(--form1-text);}
.find::-moz-placeholder {color: var(--form1-text);}
.find:-ms-input-placeholder {color: var(--form1-text);}

input.find::placeholder {color: var(--textcolor2); opacity: 0.5;}
input.find {-webkit-appearance: none; appearance: none; background: none; color: var(--textcolor2); border: 0; border-radius: 0; width: 100%; margin: 0;}

select.dropdown:hover {cursor: pointer;}
.dropdownproperties dd.multi {overflow: hidden;}

dl.single, dl.multi {border-top: 0px solid #eee; padding: 2px 0 4px;}
dl.single * {display: inline;}

/* SubCats page */
div.SubCats {padding: 10px 0px 20px; float: left; width: 100%;}
.SubCats div.item {float: left; min-height: 250px; position: relative; text-align: center; width: 25%; padding: 10px;}
.SubCats div.item div.image {width: 100%; background: var(--background4); line-height: 0; transition: all 0.2s ease 0s; overflow: hidden;}
.SubCats div.item:hover div.image {background: #fff;}
.SubCats div.item div.image a {display: block;}
.SubCats div.item div.image img {object-fit: cover; height: 250px; width: auto; max-width: 100%; mix-blend-mode: multiply;}

.SubCats div.item span.ordprice {display: block; margin: 2px 0;}
.SubCats div.item span.ordprice span.label {margin-right: 5px;}
.SubCats div.item div.text {background: var(--background2); font-size: 15px; width: 100%; bottom: 0px; padding: 5px 5px 5px 5px; transition: all 0.2s ease 0s;}
.SubCats div.item div.text a {color: var(--textcolor2); font-size: 14px; font-weight: bold; text-transform: uppercase;}
.SubCats div.item:hover div.text {background: var(--background7); color: var(--button1-text);}
.SubCats div.item:hover div.text a {color: var(--button1-text);}
.SubCats div.item .ordprice span {font-weight: normal; color: #000000;}


/*------------------------------------------------------------*\
IMAGESLIDER
\*------------------------------------------------------------*/

.spImageSlider- {position: relative; padding: 0px; margin: 0px; width: 720px; height: 249px; float: left; z-index: 0;}
.spImageSlider- ul {list-style: none; margin: 0; padding: 0; text-align: left;} /* height: 383px !important; MIGHT BE NEEDED */
.spImageSlider- .click-boxes {position: absolute; top: 10px; left: 10px;}

div.spImageSlider- div.nav-left {display: none;}
div.spImageSlider- div.nav-right {display: none;}
div.spImageSlider-:hover div.nav-left,div.spImageSlider-:hover div.nav-right {display: block; opacity: 0.4; filter: alpha(opacity=40);}
div.spImageSlider- div.nav-left:hover,div.spImageSlider- div.nav-right:hover {display: block; opacity: 1; filter: alpha(opacity=100);}


/*------------------------------------------------------------*\
LINKS
\*------------------------------------------------------------*/

body a, body a:visited, body a:link {color: var(--linkcolor2); text-decoration: none;}
body a:hover {text-decoration: none; color: var(--linkcolor2-hover);}

.hozmenu-bottom {font-size: 12px;}

.info-menu {float: left; margin-top: 10px;}
.info-menu div.shopparts-wrapper {z-index: 1; float: left;}
.info-menu li a {font-weight: normal; font-size: 12px; text-transform: uppercase;}

/* Breadcrumb */
.breadcrum {font-size: 10px; color: #aaa; font-weight: bold;}
.breadcrum {margin: 10px 10px 0px; padding: 0; float: none; text-align: right; margin-top: 10px;}

/* Campaign related */
.page-default .camplist {padding: 15px 10px 10px 10px;  margin-top: 0px;}
#page-default .camplist {background: white;}
.page-default .camplist li {float: left; margin-right: 20px; line-height: 20px;}
.page-default .camplist a {font-size: 16px;  padding: 5px 15px;}
.page-default .camplist .box_body a {display: block;  background: #666; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;  margin-top: 4px; margin-bottom: 4px;}
.page-default .camplist .headertext {margin-right: 20px; line-height: 20px; float: left; display: block; padding-top: 5px; margin-top: 4px; margin-bottom: 4px;}


/*------------------------------------------------------------*\
ANIMATED STICKY MENU
\*------------------------------------------------------------*/

@media screen and (min-width: 1025px) {
    .sticky .topinner4, .sticky .cart-desktop, .sticky .logowrapper {display: none;}
    .sticky .hozmenu-bottom {padding-top: 0;}
	.sticky .logo-search-wrapper, .sticky .hozmenu-bottom .shopparts-wrapper {max-width: 100%;}
	.sticky .menu-search-wrapper {float: left; width: calc(100% - 52px);}
    .sticky #topholder div.find {position: absolute; right: 62px; top: 8px; max-width: 150px;}
	.sticky #topholder div.find .box_body {padding: 5px 6px 5px 10px; max-width: 150px;}
    .sticky .topcontent-wrapper2 {
		position: fixed; 
		top: 0px; 
		left: 0px; 
		padding: 0; 
		max-width: 100%; 
		-webkit-animation: fixedtop-slide 0.8s 1; 
		-moz-animation: fixedtop-slide 0.8s 1; 
		-ms-animation: fixedtop-slide 0.8s 1; 
		-o-animation: fixedtop-slide 0.8s 1; 
		animation: fixedtop-slide 0.8s 1; 
	}
}   

@-webkit-keyframes fixedtop-slide {
    0% {transform: translate(0px, -52px);}
    100% {transform: translate(0px, 0px);}
}

@-moz-keyframes fixedtop-slide {
    0% {transform: translate(0px, -52px);}
    100% {transform: translate(0px, 0px);}
}

@-ms-keyframes fixedtop-slide {
    0% {transform: translate(0px, -52px);}
    100% {transform: translate(0px, 0px);}
}

@-o-keyframes fixedtop-slide {
    0% {transform: translate(0px, -52px);}
    100% {transform: translate(0px, 0px);}
}

@keyframes fixedtop-slide {
    0% {transform: translate(0px, -52px);}
    100% {transform: translate(0px, 0px);}
}

   
/* Boxes - default layout
************************************************************************************************/
#col_left .campaignladder.shopparts {position: absolute; top: 0px; right: -186px; width: 185px; border: 0px solid #ddd; border-left: 1px dotted #ddd; background: #efefef;}

.campaignladder .headertext {font-weight: 700; margin-bottom: 6px; display: block; font-size: 16px; padding: 8px 18px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.campaignladder ul.steps li {padding-left: 20px; border-bottom: 1px dotted #ddd; padding: 5px 5px 5px 20px; margin-bottom: 5px;}
.campaignladder span.limit, .campaignladder  span.current, .campaignladder  span.remaining {font-size: 14px;}
.campaignladder ul.steps .description {padding-left: 0px; font-size: 12px; display: block;}
.campaignladder ul.steps a.campaignlink {font-size: 12px; display: block;}
.campaignladder ul.steps .value {font-weight: 700;}

.startcontentWrapper .contentslider div.right {margin-top: 0px;}
.contentslider .box_head span.headertext {padding: 0 10px; display: inline-block; color: var(--header2) !important;}
.bottomtext {margin: 20px 10px 0; padding: 0 64px; background: url('symaskinskungen2022/bottom-right-white.png') no-repeat bottom right, url('symaskinskungen2022/top-left-white.png') no-repeat top left; background-color: #FCD299;}
.bottomtext .inner {max-width: 900px; margin: 0px auto; padding: 100px 0; color: var(--textcolor1);}

#col_main .camplist .box_head, #col_main .camplist .box_body {float: left;}
#col_left .PL_outer1 .Caption {font-size: 16px; padding: 13px 17px 13px 17px; text-align: center; font-weight: 700;}

/* Meny i vänster kolumn Template2*/
#col_left .tree-style {margin-bottom: 15px;}
#col_left .tree .box_head, #col_left .camplist .box_head {border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb; background: #acaba0; padding: 20px 5px 20px 25px;}
.page-product_list #col_left .tree .box_head, #col_left .camplist .box_head {border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb; background-color: var(--background2); padding: 20px 5px 20px 25px;}
#col_left .tree .box_head h4 {display: block; color: #ffffff; text-transform: uppercase; font-size: 16px; margin-bottom: 0px !important;}
#col_left .tree .box_body {border-left: 0px solid #ebebeb; border-right: 0px solid #ebebeb; border-bottom: 0px solid #ebebeb; padding: 12px 0px 12px 0px; background-color: var(--background4);}


/*------------------------------------------------------------*\
PRODUCTS
- CSS APPLIED ON ALL PRODUCT LISTS, REGULAR AND STARTPAGE
\*------------------------------------------------------------*/

/* Prices */
.HasOrdPrice, .hasOrdPrice {color: var(--price1);}
.ordprice {/*color: #666;*/ margin-left: 10px;}
.page-product_details .buy-container .ordprice {font-size: 20px;}

#topholder .campaigninfo {top: 23px;}
.campaigninfo span {color: yellow !important; display: block; position: absolute; text-align: center; width: 100%; top: 5px;}
.campaigninfo span.price-wrapper , .campaigninfo span.price-wrapper .major, .campaigninfo .price-wrapper .currency {position: static; display: inline;}
.campaigninfo .price-wrapper .currency {text-transform: uppercase; font-size: 12px;}

#productlist {clear: both;}

.product {
    float: left; 
    display: inline; /* ie6 fix */
    padding: 0px; border: none; 
    padding-left: 0px; 
    padding-top: 0px; 
    position: relative; 
	width: 25%;
}

.product .inner {/*background: var(--background3);*/ text-align: center; position: relative;}
#col_left .product {width: 100%;  margin-bottom: 20px;}
#col_main .product {height: 343px; margin-bottom: 0px; margin-top: 20px;}

.page-default #col_main .product {border: none;}
.product .title {margin-bottom: 0px; margin-top: 0px; overflow: hidden; height: 36px; position: relative;}
.product .title a {position: absolute; top: 0px; width: 100%; left: 0px;}

#col_left .product .title a, #col_left .product .title a:link, #col_left .product .title a:visited {font-size: 11px;}

.product .manufature {font-size: 10px; /*color: var(--textcolor1);*/ padding: 3px 0px 3px 0px; text-transform: uppercase;}
.product .manufature > a {display: block; padding: 3px 0;}
.product .manufature img {max-height: 30px; width: auto;}
.product .image {background-color: var(--background4); padding-left: 0px; text-align: center; border-right: 0px solid #eee; position: relative;}
.product .image img {width: 100%; max-width: 180px; height: auto; mix-blend-mode: multiply;}
.product .infowrapper {padding: 0 4px 3px 4px;}
#col_left .product img {max-width: 103px; -moz-border-radius: 103px; -webkit-border-radius: 103px; border-radius: 103px; border: 2px solid #ccc;}
#col_left .product .manufature {display: none;}

.product .price {padding-top: 4px; margin-bottom: 4px; font-size: 18px;}
.product .OrdinariePrice .label {text-transform: uppercase; /*font-size: 12px; color: black;*/ padding-right: 3px;}
.product .OrdinariePrice span {font-weight: normal;}
.product .price span.label {padding-right: 4px; font-weight: normal !important;}
.product .text {display: none;}
.product .price .OrdinariePrice {font-size: 10px; display: block; line-height: normal;}
.product .price .saleprice {color: var(--price1); font-weight: bold;}

.currency {padding-left: 4px;}
.product .price .currency {/*text-transform: uppercase;*/}

/* Related in checkout */
.Related {border: 0px solid #ccc;} 
.Related .product {border: none;}

/* CAMPLIST PAGE */
.content-camplist .campaignlist {padding: 0px 25px;}
.content-camplist .campaignlist div.campaign {margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #ddd;}
.content-camplist .campaignlist div.campaign .campimage {float: left; padding-top: 10px;}

#col_main .product {height: inherit; margin: 0; padding: 10px;}
#col_main .product .price {padding-top: 0; height: 42px;}
#col_main .product .image {line-height: 0; padding: 20px; margin-bottom: 10px;}
#col_main .product .image img {max-width: inherit; width: 100%; height: auto;}
#col_main .product .buybuttonholder {display: none;}
#col_main .product .title {height: 32px;}
#col_main .product .title a, .page-default #col_main .product .title a:link, .page-default #col_main .product .title a:visited {font-size: 12px; line-height: 15px; color: var(--textcolor1); font-weight: 700; /*text-transform: uppercase;*/}

/* highlighted product */
#col_main .product.highlight .title {height: auto; overflow: visible; order: 1; max-width: 420px;}
#col_main .product.highlight .title:after {background: url('symaskinskungen2022/separator-lightteal.png') no-repeat top left; margin: 20px 0; background-size: contain; content: ''; width: 100%; height: 18px; display: block;}
#col_main .product.highlight {width: 100%; position: relative; display: inline; /* ie6 fix */ text-align: left; padding: 10px; background: none; height: auto !important;}
#col_main .product.highlight .inner {background-color: var(--background7); text-align: left; color: #fff; display: flex;}
#col_main .product.highlight .saveAlert {text-align: center; position: absolute; top: 0px; left: 0px;}
#col_main .product.highlight .saveAlert span {font-size: 14px; color: black; line-height: 25px;}
#col_main .product.highlight .image {margin-bottom: 0px; width: 50%; float: left; display: flex;}
#col_main .product.highlight .image img {max-width: 450px;}
#col_main .product.highlight .image a {align-self: center; width: 100%;}

#col_main .product.highlight .infowrapper {width: 50%; float: left; padding: 50px; display: flex; flex-direction: column;}
#col_main .product.highlight .title a {font-size: 42px; font-weight: 700; line-height: normal; position: inherit; color: var(--textcolor2);}
#col_main .product.highlight .price {float: left; width: 100%; height: auto; order: 3; line-height: 1;}
#col_main .product.highlight .price .saleprice {color: var(--price2); font-size: 32px;}
#col_main .product.highlight .price span.HasOrdPrice {padding-right: 10px;}
#col_main .product.highlight .price .OrdinariePrice {font-size: 18px;}
#col_main .product.highlight .button span.start {margin-left: 0px; margin-top: 20px; font-size: 16px; padding: 12px 26px 12px 26px; background: var(--background1); color: var(--background7); font-weight: bold; text-transform: uppercase;}
#col_main .product.highlight .tag {left: 10px !important; top: 0 !important;}
#col_main .product.highlight .manufature {order: 0; font-size: 12px;}
#col_main .product.highlight .text {order: 2; display: block; margin-bottom: 20px; max-width: 400px;}
#col_main .product.highlight .buybuttonholder {order: 4;}
#col_main .product.highlight .moreinfobuttonholder {order: 5; display: block;}

.page-buy_cart div.Related .PL {height: 180px; width: 173px; border-bottom: none;}
.page-buy_cart .Related .image img {height: 80px !important; width: 80px !important;}


/*------------------------------------------------------------*\
ENSKILD PRODUKT
\*------------------------------------------------------------*/
.prisjakt-billigast {position:absolute; top:10px; right:12px; z-index:5000;}  
.prisjakt-billigast img{width:70px;height:auto;}     

.pyramideimage {position: relative; display: inline-block; height: 110px; width: 120px; float: left;}
.pyramide ul {margin-top: 25px; float: left;}
.pyramide li {height: 33px;}
.SubCats {display: none;}

.dropdownproperties {}
dd.multi {margin: 5px 0px 5px 0px;}
dd.multi img {margin: 0 auto; width: 66px; height: auto; -moz-border-radius: 44px; -webkit-border-radius: 44px; border-radius: 44px; border: 3px solid #dadada !important;}
dd.multi .selected img {border: 3px solid #EE3DA4 !important;}
dd.multi a:hover img {border: 3px solid #666 !important;}
dd.multi * {display: block; text-align: left;}
dd.multi a {float: left; margin-right: 15px; height: 160px; width: 94px;}
dd.multi a:link, dd.multi a:visited,dd.multi a {color: black;}
dd.multi a:hover {text-decoration: none;}
dd.multi span.name {font-size: 12px;}
dd.multi span.price span {display: inline;}
dl.multi dt span.label {font-weight: 700; font-size: 12px; text-transform: uppercase; margin-bottom: 10px;}

/*div.freefreight {display: block; height: 36px; width: 112px; background: var(--sprite-template1) no-repeat scroll -488px -611px; position: absolute; top: 45px; right: 21px; }*/

div.freefreight{display: block; height:39px; width:130px; background:url(../images/frifrakt.png) no-repeat top left; background-size: 100% auto; position: absolute; top:61px; right:30px;z-index:2;}

.detailStockWrapper {background: var(--background4); color: var(--textcolor1); padding: 6px 0px 6px 0px; clear: both; margin-top: 20px;}
.detailStockWrapper span.qtyinstock, div.storestock, span.expecteddelivery {display: block; margin-bottom: 0px; padding: 10px 20px 5px 20px;}
.detailStockWrapper span.label, span.store-stockheader {text-transform: none; font-weight: 700;}
.detailBuyWrapper .button span.start, .detailBuyWrapper .button span.start:hover, .detailBuyWrapper .button span.start:active {background: none !important; border: 0px solid #fff !important; color: #ffffff; font-size: 15px; font-weight: 700; letter-spacing: 0px; padding: 0 24px; margin: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.detailBuyWrapper .button span.start:hover {opacity: 0.9;}
.detailBuyWrapper .buydisable span.start, .detailBuyWrapper .buydisable span.start:hover, .detailBuyWrapper .buydisable span.start:active {background: black; color: #bbb; opacity: 0.4; border: 0px;}

span.store-stockheader {display: block; margin-bottom: 5px;}
.storestock select {margin-right: 5px; }
div.storeinfo {font-size: 1em; margin-top: 10px;}
div.storestock .inner img, .qtyinstock img {margin-bottom: -3px; margin-left: 3px;}
.product-data-container span.notinstock, .product-data-container span.instock {font-size: 13px; font-style: italic;}
span.notinstock {color: Red;} span.instock {color: green;}

.field-Articlenumber {font-size: 12px; padding-bottom: 10px;}
.product-data-container span {font-size: 14px; line-height: 18px;}
.product-data-container span.label {margin-right: 5px;}

.shorttextwrappercampaign {padding: 9px 10px; border: 1px solid red; margin-bottom: 10px; max-width: 100%;}
.shorttextwrappercampaign a {color: red; font-weight: 900;}

span.qty {display: block; float: left; width: 20%; line-height: 20px;}
span.qty span.label {display: block;}
span.qty input {display: block; margin-left: 0; text-align: center; height: 45px; width: 100%; margin: 0; border-bottom-right-radius: 0; border-top-right-radius: 0;}
span.qty input:focus {outline: 0;}
.detailBuyWrapper span.buy a {transition: all 0.2s ease 0s; background: var(--button1-bg); border: var(--button1-border); text-transform: uppercase; height: 45px; width: 80%; display: -webkit-flex; display: flex; float: left; margin-top: 20px; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;}
.detailBuyWrapper span.buy a:hover {background: var(--button1-hover);}
span.price span.label {display: none;}
span.price span.value {font-size: 34px; font-weight: bold;}

.detailPriceWrapper .currency {text-transform: uppercase; font-size: 18px;}
.detailPriceWrapper .OrdinariePrice .currency {text-transform: uppercase; font-size: 10px;}

.top-left-container {width: 58%; float: left; /*padding: 20px 5% 0 10px;*/ padding: 20px 65px 0 10px; margin-bottom: 20px;}
.page-product_details .imagewrapper {/*max-width: 450px;*/ margin: 0 auto; text-align: center;}
.top-right-container {width: 42%; float: left; padding: 33px 10px 0 0;}
.top-right-container h2.manufacturer img {margin-bottom: 10px; max-height: 30px; width: auto;}
.top-right-container span.label {margin-top: 0px; text-align: center;}
.top-right-container span.ordprice span.label {text-transform: uppercase; padding-right: 4px; font-size: 20px; text-decoration: none;}
.ratingwrapper {margin-bottom: 0px; height: auto;}

.middle-container {padding-bottom: 20px; border-bottom: 0px solid #EEEEEE;}
.middle-container .contentslider {float: left; width: 100%; margin-top: 30px;}
#col_main .middle-container .contentslider .product {height: auto;}
.middle-container .contentslider .box_body, .middle-container .contentslider .box_head {padding-left: 0px;}

.content-details .slider-image {background-color: var(--background4); padding-left: 0px; text-align: center; border-left: 4px solid var(--background1); border-right: 4px solid var(--background1); position: relative;}
.content-details .mainimagewrapper {background-color: var(--background4); padding-left: 0px; text-align: center; position: relative;}
.content-details .slider-image img, .content-details .mainimagewrapper img {width: auto; height: auto; max-width: 100%; margin: 0 auto; mix-blend-mode: multiply;}
.content-details .owl-carousel.single .slider-image {border: 0; padding: 0px;}

.content-details .DetailRelatedProductList1 .slider-image img {max-width: 150px;}

.content-details h1 {margin-top: 0px; font-size: 32px; line-height: normal; margin: 0 0 10px; color: var(--header2); text-transform: uppercase; font-weight: 700;}
h2.manufacturer {font-size: 16px; text-transform: uppercase; line-height: 30px; /*height: 44px;*/}
h2.manufacturer a {color: var(--textcolor1);}

.content-details .detailPriceBuyWrapper {float: right; width: 408px;}
.content-details .detailPriceWrapper {margin-bottom: 8px; margin-top: 5px;}
.content-details {padding: 0 0 0 0px !important;}
.content-details div#imagewrapper {float: left; display: inline; width: 300px; height: 440px; margin-right: 0px; margin-left: 35px;}
.content-details .detailBuyWrapper {clear: left; float: left; min-width: 289px; width: 100%; margin-bottom: 15px;}

/* social container */
.social-container {padding: 0px 0px 0px 0px;}
.social-container div {float: left; margin-right: 5px; padding-top: 0px;}
.social-container .plusone-wrapper {display: none;}
.action-social {padding: 12px 0px 8px 0px !important; border-top: var(--separator2); border-bottom: var(--separator2); margin: 20px 10px;}
.action-social a {display: block; float: left;}
.action-social a span.start {background: var(--background7); color: var(--textcolor2); text-transform: uppercase; border: 0px !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding: 8px 10px 8px 10px; margin-bottom: 5px; font-size: 13px !important;}
.action-social a span.start:hover {background: var(--background7) !important; color: var(--textcolor2) !important;  border: 0px !important; padding: 8px 10px 8px 10px; border-radius: 0;}
.action-social div.addtolist {display: none;} /*Dölj tipsa en vän*/
.action-social a.question {display: none;} /*Dölj ställ en fråga*/
.action-social a span.start, .middle-container span.start {-webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: background-color; transition-property: background-color;}

.middle-container span.start, .middle-container span.start:hover {background: var(--background7) !important; border: 0px solid #2c2c2c !important; font-size: 13px; color: #ffffff !important;}
.middle-container span.start:hover {opacity: 0.9;}
        
/* New Tab */
.content-details div#eventswrapper {display: none;}
div#eventswrapper ul#events li {margin-bottom: 6px; float: left; display: block;  margin-right: 5px; color: #b0b0b0; padding-left: 10px; height: 28px;}
div#eventswrapper ul#events li span {color: #676767; display: block; padding: 10px 10px 7px 0px;  font-size: 15px; font-weight: bold;}/*color: #999; */
div#eventswrapper ul#events li.active {position: relative;}
div#eventswrapper ul#events li.active span {display: block; padding: 10px 10px 7px 0px; color: #000;}

.content-details div#eventscontentwrapper {clear: both; float: left; margin-left: 0; padding: 0 0 25px; width: 100%;}
.content-details div#eventscontentwrapper p, .field-ShortInfotext {line-height: 1.6;}
.content-details .field-ShortInfotext {line-height: 1.6; margin: 20px 0; display: inline-block;}
.content-details div#eventscontentwrapper ul.eventscontent.left {float: left; width: 58%; padding: 35px 65px 0 10px;}
.content-details div#eventscontentwrapper ul.eventscontent.right {float: left; width: 42%; padding-right: 10px;}
.content-details div#eventscontentwrapper .event-inner {}

.content-details .splitpayment span.splitpayment-header, div#eventscontentwrapper h2.eventtitle, .clearfixDetailRelatedProductList1 .headertext {font-weight: 700; font-size: 22px; text-transform: uppercase; margin-bottom: 10px; color: var(--textcolor1);}

.clearfixDetailRelatedProductList1 .headertext {margin-bottom: 0px; display: block; text-align: left; text-transform: none;}
#eventscontent li {display: block !important; margin-bottom: 25px;}
#eventswrapper #events li:hover {cursor: pointer;}
#eventswrapper #events li.active:hover {cursor: default;}

li.longtext {width: 100%;}
li.mailfriend {clear: left; float: left; width: 100%;}

/* Mail Friend */
li.MailFriendRow {clear: both;}
li.MailFriendRow span.label {clear: both; float: left;}
li.MailFriendRow input, li.MailFriendRow textarea {clear: both; float: left; margin-bottom: 5px; padding: 4px 6px; width: 230px;}
li.MailFriendRow textarea {width: 100%; height: 60px; background: var(--form1-bg); border: var(--form1-border); color: var(--form1-text); border-radius: var(--form1-radius); padding: 8px 12px;}
li.MailFriendRow a {clear: both;}

/* Recensioner */
.customerreview {float: none; width: 100%; clear: both;}
.CustomerReviewMessage .item {padding: 20px 20px 20px 20px; background: #eee; margin-bottom: 0px !important; border-bottom: 1px solid #ddd;}
.customerreview a.button span.start {padding: 10px 0px; text-align: center; width: 100%;}
.comments li.body span, .customerreview li {display: block;}
.comments li {margin-bottom: 10px;}
.comments li.anonym input {margin-right: 5px;}
.comments li.send {height: 19px; padding-bottom: 20px; border-bottom: 1px solid #f3f3f3;}
ul.CustomerReviewMessage li.item dl dd.body {margin-bottom: 7px;}
ul.CustomerReviewMessage li.item dl dd.rating {border-bottom: var(--separator1); padding-bottom: 10px; padding-top: 5px;}
.comments .created, .CustomerReviewMessage .created {font-size: 10px; margin-top: 0px; }
.comments .title, .CustomerReviewMessage .title {font-weight: bold;}
ul#eventscontent .form li.send {margin-top: 20px;}
.customerreview .event-inner h2 {padding: 20px 20px 0; margin-bottom: 0px !important; background: var(--background4);}
.customerreview a.button {padding: 20px; display: inline-block;  width: 100%; background: var(--background4);}
.customerreview .event-inner .noreviews {display: block; background: var(--background4); padding: 10px 20px 0;}
.CustomerReviewMessage .responses li {border-bottom: 0; margin-top: 20px;}

/* Delad betalning */
.content-details .splitpayment {float: right; margin-top: 15px; margin-bottom: 20px; padding: 15px; width: 100%; background-color: none; font-size: 14px; font-weight: bold; color: var(--textcolor1);}
.content-details .splitpayment ul {margin-top: 5px;}
.content-details .splitpayment li {font-size: 11px; font-weight: normal; padding-left: 0px;}

.content-details .splitpayment, .resourcefiles {background: var(--background4); padding: 20px; width: 100%; margin-bottom: 20px;}

.resourcefiles ul li {line-height: 20px; padding-left: 14px; background: url(../images/downloadfile-icon.png) no-repeat 0px 8px; border-bottom: 1px dashed var(--background10); padding: 4px 0 4px 16px;}
.resourcefiles ul li:last-child {border-bottom: 0px dotted #bbb;}

/*div.fem-ars-garanti {width:100%;float:left;margin-top:10px;padding:0 0 0 55px;background: #f1f1f1 url("../images/garanti-check.png") no-repeat 5px 20px; height: 81px;}*/
/*div.fem-ars-garanti {width:100%; float:left; margin-top:10px; padding:0 0 0 82px; background: #f1f1f1 url("../images/Garanti.png") no-repeat 10px 10px; background-size: 61px; height: 81px;}*/
div.fem-ars-garanti > input, div.fem-ars-garanti > label {float:left;margin-top:30px;}
div.fem-ars-garanti > label {  display: block;  max-width: 300px;  width: 100%;}
div.fem-ars-garanti > input {margin-right:10px;margin-top:33px;}
div.fem-ars-garanti > img {float:right; max-width: 83px; padding: 10px;}

div.star-rating-on a {background-position: 0 -32px!important;}

.product-data-container > .fem-ars-garanti {width:100%; float:left; margin-top:10px; padding:0 0 0 15px; background: #f1f1f1; background-size: 61px; height: 81px;}
/*.product-data-container > .fem-ars-garanti ~ .fem-ars-garanti { background: #f1f1f1; background: #f1f1f1 url("../images/Garanti.png") no-repeat 10px 10px;}*/

/*------------------------------------------------------------*\
FILTRERING
\*------------------------------------------------------------*/

#filter {width: 100%; float: left; padding: 20px 10px 20px;}
#filter div.filters {background-color: var(--background10); border: 0px; font-size: 14px; width: 100%; float: left; padding: 15px;}
#filter div#selections {display: none;}
#filter .filters .filtertop {float: left; width: 100%;}
#filter .filters .filtertop h2, #filter .filters .filtertop h2 span {color: var(--textcolor1); font-size: 15px; font-weight: normal;}
#filter .filters .filtertop h2 {padding-left: 10px;}
#filter .filters .content {float: left; margin: 0px 0 0; width: 100%; padding-top: 0px;}
#filter .filters .content .list, .filterslider {float: left; width: 25%; min-height: 52px; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
#filter .filters .content .list select {width: 100%; padding: 9px 10px; color: var(--textcolor2); background: var(--background7);}
#filter .filters .content .list input {width: 100%; padding: 10px 10px; color: var(--textcolor2); background: var(--background7);}
#filter .filters .content .list input::placeholder {color: var(--textcolor2); opacity: 0.5;}
#filter .filters .content .filterslider div.filterheader {margin-bottom: 6px; margin-top: -15px;}
#filter .filters .content .filterslider div.filterheader span.filtername {margin-right: 6px;}
#filter .filters .content .filterslider div.slider {width: 90%; margin: 0 auto;}
#filter .filters .content .sorting {display: block; float: left; /*float: right; */}
#filter .filters .content .freetext {}
#filter .filters .content .freetext input {width: 100%;}
div.slider .ui-slider-range {background: #999999;}
.ui-widget-content {background: #d0d0d0; border: 0px solid #999;}
div.slider a.ui-state-default {border: 0px solid #999; background: #292c2e;}
div.slider a.ui-state-hover, div.slider a.ui-state-focus {border: 0px solid #292c2e; background: #252525;}

/* Sortering HIDDEN */
.sorting {display: none;}
.filters .sorting {display: block;}


/*------------------------------------------------------------*\
Tree AND LEFT COLUMN  CONTENT
\*------------------------------------------------------------*/

.product-count {padding-left: 5px !important; font-size: 10px !important;}

#col_left .tree-style .shoparts, #col_left .camplist {padding: 0px;}
span.headertext a, span.headertext a:link,span.headertext a:visited {font-size: 16px; color: var(--linkcolor1); font-weight: 700;}

.page-default .camplist {background: none;}
.page-default .camplist li a {color: var(--linkcolor1) !important;}
#col_left .camplist li a {color: var(--linkcolor2) !important;}
#col_left .camplist li a {line-height: 16px;}
#col_left .camplist li {padding-bottom: 5px; margin-bottom: 5px; border-bottom: 0px;}

.simple-menu {border-left: 0px;}

.tree a {text-decoration: none; font-weight: normal;}

/* padding & fonts */
#col_left .tree dd {padding: 0px 0px 0px 0px;}
.tree dl.lvl0 {padding-top: 0px;}
.tree dl.lvl0 dt a span {font-size: 14px;}
.tree dl.lvl1 dt a span {font-size: 14px; text-transform: none; padding-top: 3px; padding-bottom: 3px; color: var(--linkcolor1); font-weight: 400;}
.tree dl.lvl2 dt a span {font-size: 14px; text-transform: none; padding-top: 2px; padding-bottom: 2px; color: var(--linkcolor1); font-weight: 400;}
.tree dl.lvl3 dt a span {font-size: 14px; text-transform: none; padding-top: 1px; padding-bottom: 1px; color: var(--linkcolor1); font-weight: 400;}

/* text indent of nodes */
#col_left .tree dl.lvl0 dt {padding-left: 7px;}
#col_left .tree dl.lvl1 dt {padding: 10px 5px 10px 25px;}
#col_left .tree dl.lvl2 dt {padding: 0px 5px 0px 35px;}
#col_left .tree dl.lvl3 dt {padding: 0px 5px 0px 45px;}
#col_left .tree dl.lvl4 dt {padding: 0px 5px 0px 55px;}

/* text hover*/
#col_left .tree dt > span:hover span {color: var(--linkcolor2);}

/* space for plus & minus */
.tree dt a span {padding-left: 0px;}

#col_left .tree span {line-height: 22px;}
.page-product_list #col_left .tree span {color: var(--textcolor1)}
#col_left .tree dl.lvl1 {margin-bottom: 1px;}


/*------------------------------------------------------------*\
SIDEBAR MENU
\*------------------------------------------------------------*/

.infomenu-sidebar {margin-top: 30px;}
.sidebar-inner .manulist {float: left; width: 100%; padding: 20px 20px 30px 20px;}
.sidebar-inner .manulist select.dropdown {width: 100%;}
.sidebar-inner .tree {clear: both;}
.sidebar-inner .tree dd {}
.sidebar-inner h4 {color: #1f2020;}
.sidebar-inner .tree dl.lvl0 dt a span {font-size: 14px; line-height: 22px; color: var(--textcolor2); font-weight: 700; text-transform: uppercase; display: block; padding: 11px 0;}
.sidebar-inner .tree dl.lvl1 dt a span {font-size: 13px; line-height: 20px; font-weight: 400; text-transform: none; padding: 8px 0;}
.sidebar-inner .tree dl.lvl1 > dt a:hover > span {color: var(--background10);}
.sidebar-inner .tree dl.lvl2 dt a span {font-size: 13px; line-height: 20px; color: var(--textcolor1);}
.sidebar-inner .tree .box_head h4 {color: #1f2020; padding-left: 20px;}

.sidebar-inner .tree dl dt a:hover span, .sidebar-inner .tree dl dt a span:hover {color: var(--linkcolor2);}

.sidebar-inner .tree dl.lvl0 > dt {background: var(--background2); padding-left: 20px; margin-bottom: 0px; border-bottom: 1px dashed var(--background7);}
.sidebar-inner .tree dl.lvl1 > dt {background: var(--background7); border: 0; padding-left: 30px;  border-bottom: 1px dashed var(--background10);}
.sidebar-inner .tree dl.lvl2 > dt {background: var(--background10); border: 0; padding-left: 45px;  border-bottom: 1px dashed #fff;}

.sidebar-inner .tree dl.lvl0 dt.active span a span {color: var(--linkcolor1) !important; font-weight: 700;}
.sidebar-inner .tree dl.lvl1 dt.active span a span {color: var(--price2) !important; font-weight: 700;}
.sidebar-inner .tree dl.lvl2 dt.active span a span {color: var(--linkcolor1) !important; font-weight: 700;}
.sidebar-inner .tree dl.lvl3 dt.active span a span {color: var(--linkcolor1) !important; font-weight: 700;}

.sidebar-inner .tree dl .parent-node > a > span:after, 
.sidebar-inner .tree dl.expanded > dt.expanded .parent-node > a > span:after {content: "+"; position: absolute; right: 20px; font-size: 20px; font-weight: 400;}

.sidebar-inner .tree dl.expanded > .parent-node > a > span:after, 
.sidebar-inner .tree dl dt.expanded .parent-node > a > span:after,
.sidebar-inner .tree dl.expanded dl.expanded dt:not(.expanded) .parent-node > a > span:after,
.sidebar-inner .tree dl.lvl0.expanded > dt:not(.expanded) > .parent-node > a > span:after {content: "−";}

.sidebar-inner .flagmenu {margin-top: 15px; padding-left: 13px; width: 100%;}
.sidebar-inner #language {max-width: 100%;}

.sidebar-inner .infomenu-sidebar .tree dl.lvl0 dt a span {font-size: 13px; line-height: 20px; font-weight: 400; text-transform: none; padding: 8px 0;}
.sidebar-inner .infomenu-sidebar .tree dl, .sidebar-inner .infomenu-sidebar .tree dl dd dt {background: var(--background4); }
.sidebar-inner .infomenu-sidebar .tree dl dt a span, .sidebar-inner .infomenu-sidebar .tree dl dd a span {color: var(--linkcolor2);}
.sidebar-inner .infomenu-sidebar .tree dl dt a:hover span, .sidebar-inner .infomenu-sidebar .tree dl dd a:hover span {color: var(--linkcolor1);}
.sidebar-inner .infomenu-sidebar .tree dl.lvl0 > dt {background: var(--background4); padding-left: 0px; padding: 0 20px; margin-bottom: 0px; border-bottom: 0; border-bottom: 1px dashed var(--background10);}
.sidebar-inner .infomenu-sidebar .tree dl.lvl0 dt.active span a span {color: var(--linkcolor1) !important; font-weight: 700;}
	
/* paging */
.content-inner2 div.paging {text-align: center; margin-top: 10px; margin-bottom: 5px;}
.content-inner2 div.paging a {color: var(--textcolor1); font-weight: bold; text-transform: uppercase; width: 120px; background: var(--sprite-template1) no-repeat scroll -482px -282px; display: block; padding: 10px 10px 34px 10px; margin: 0 auto;}
.content-inner2 div.paging a:hover {text-decoration: none;}
.content-inner2 div.paging a.active {background: #333; color: #ccc;}
.content-inner2 div.paging a.back {margin-right: 18px;}
.content-inner2 div.paging a.forw {margin-left: 10px;}

/* toplinks */
.fb-twitter-top {margin-top: 20px; margin-right: 20px; position: absolute; top: 26px; right: 0px;}

/* My orders (sidan med order och uppgiftsinformation när man har loggat in)
**************************************************************************************************/
.page-user_profile .content-inner2 {padding: 0px 0px 0 0px;}
.page-user_profile .page_content dl {margin-top: 10px;}
.page-user_profile .page_content dl dt {font-weight: bold;}
.page-user_profile .page_content .Orderaction {padding: 10px 0px; font-weight: bold;}
.page-user_profile .page_content .orders .customerStartTitle td {font-weight: bold;}

.page-user_profile .InfoPageBodyBox-Outer {padding: 0px 25px;}
.InfoPageBodyBox-Outer {padding: 0px 0px;}
span.storedcart-header {font-size: 24px;}

.wishlist {margin-top: 25px; padding-top: 15px; border-top: 1px solid #ddd;}
.wishlist .img img {width: 100px; height: auto;}
.wishlist .button span.start {margin-bottom: 5px; margin-top: 5px;}

/*------------------------------------------------------------*\
OFF CANVAS MENU
\*------------------------------------------------------------*/

.toggle-off-canvas {color: #fff; display: none; width: 40px; height: 40px;}
.toggle-off-canvas:hover {cursor: pointer;}

#topholder .device-menu {background: var(--background2)}
#topholder .toggle-off-canvas {background: transparent url(../css/symaskinskungen2022/sprites.png); background-repeat: no-repeat; background-position: -505px -455px;}
#topholder .toggle-off-canvas:hover {background-position: -505px -455px; /*background-color: #444;*/} 
.sidebar .toggle-off-canvas {background: var(--background2); border-radius: 40px; margin-left: 8px; font-size: 16px; line-height: 40px; text-align: center;}
.toggle-off-canvas:hover {text-decoration: none;}
.device-menu {float: right; margin-top: 0px;}
.device-menu:hover {cursor: pointer;}

form {overflow-x: hidden; width: 100%; position: relative;}
#wrapper {background: none; float: right; margin-left: 0; position: relative; z-index: 1; width: 100%;}
#wrapper:before {content: " "; height: 100%; left: -100%; position: absolute; top: 0; width: 100%; z-index: -1;}
section.sidebar {background: var(--background1); padding: 10px 0 0; border-right: 1px solid #fff; box-shadow: 2px 2px 20px rgb(0 0 0 / 50%)}
[role="complementary"], #wrapper {display: block; position: relative; transition: all 0.32s ease 0s; z-index: 1;}
[role="complementary"] {position: absolute; margin-left: -85%; width: 85%; z-index: 2; height: 100%;}


/*------------------------------------------------------------*\
TOP MENUS
\*------------------------------------------------------------*/

#topholder .hozmenu-bottom .item > a {padding: 0 10px 0 10px; transition: all 0.2s ease 0s;}
#topholder .hozmenu-bottom .item.active > a {color: var(--linkcolor1);}
#topholder .hozmenu-bottom .item:hover > a {color: var(--linkcolor1);}
#topholder .hozmenu-bottom .item > a span  {display: block; line-height: 24px;}

.sp_23578 { margin-top: 34px; margin-left: 34px;} 

.hozmenu-bottom {padding: 0px 0px; line-height: 0; float: left; width: 60%; text-align: left;}
.hozmenu-bottom .shopparts-wrapper {width: 100%; /*margin: 0 auto;*/ position: relative; max-width: 1400px; display: block;}

.menucontent li.lvl2 {width: 25%; padding: 0px 10px 10px 10px;}
    
.hozmenu-bottom li, .hozmenu-bottom li a  {float: left;}   
.hozmenu-bottom li {padding: 0px;}
.hozmenu-bottom li a {padding: 0px 0px 0px 0px; display: block; margin-right: 0px;}
.hozmenu-bottom li a, .hozmenu-bottom li a:link, .hozmenu-bottom li a:visited {color: var(--textcolor1); font-weight: 700; font-size: 15px;}

#topholder li.campaigns a {color: #f03434 !important;}
#topholder li.campaigns ul.ul-lvl2 a {color: #f03434 !important;}

.hozmenu-bottom li .ul-lvl2 a, .hozmenu-bottom li .ul-lvl2 a:link, .hozmenu-bottom li .ul-lvl2 a:visited {font-size: 12px; color: var(--textcolor1); margin-bottom: 4px;}
.hozmenu-bottom li .ul-lvl3 a, .hozmenu-bottom li .ul-lvl3 a:link, .hozmenu-bottom li .ul-lvl3 a:visited {font-size: 12px; line-height: 15px; color: var(--textcolor1); margin-top: 0px; margin-bottom: 4px;}
.hozmenu-bottom li .ul-lvl2 a:hover, .hozmenu-bottom li .ul-lvl3 a:hover, .hozmenu-bottom li .ul-lvl3 .active a, .hozmenu-bottom li .ul-lvl2 .lvl2.active > .wrapper > a {color: var(--linkcolor1);}
.hozmenu-bottom li.showmore a {font-style: italic; text-transform: lowercase;}

.page-product_list #content {max-width: 100% !important;}
/*------------------------------------------------------------*\
MEGA MENY
\*------------------------------------------------------------*/

#topholder .hozmenu-bottom .item .lvl2 a span {font-weight: 700; padding: 0px; margin: 0px; display: inline !important; line-height: 15px; text-transform: uppercase;}
#topholder .hozmenu-bottom .item .lvl3 a span {font-weight: 400; padding: 0px; margin: 0px; display: inline !important; line-height: 15px; text-transform: none;}

.menucontent-inner-right {float: right; width: 40%; background: none; display: none;}
.menucontent-inner-left {float: left; width: 100%;}

.top-list-header {display: block; color: black !important;  padding-left: 20px; font-size: 24px;}
.top-product-lists {padding: 20px;}
.top-product-lists a {float: none !important; display: inline !important;}
.top-product-list div.manufature {display: none;}
.top-product-list div.title {height: 40px;}

.menucontent .product .infowrapper * {color: black;}
.menucontent .product .infowrapper .OrdinariePrice {display: none;}
.menucontent .product .HasOrdPrice span.label {display: none;}
.menucontent .product .image img {height: auto !important; max-width: 100px; width: 79% !important;}

.hozmenu-bottom li ul.ul-lvl2 a.image{width:65px;margin-right:10px;}
.hozmenu-bottom li ul.ul-lvl2 img{width:65px;height:auto;}

.hozmenu-bottom li ul li {display: block; width: 190px; float: left; padding-left: 0px;}
.hozmenu-bottom li ul li a {display: block; width: 100%;}
/*.hozmenu-bottom li .menucontent {background: var(--background3); position: absolute; top: 52px; left: 0px; visibility: hidden; opacity: 0; z-index: 999999; width: 100%; max-width: 780px; box-shadow: 0px 4px 10px rgb(0 0 0 / 20%); transition: visibility 0s linear 0.1s,opacity 0.2s linear;}*/

.hozmenu-bottom li .menucontent{
	position:absolute;
	visibility:hidden; 
	opacity:0; /* YO display:none; */
	z-index: 9998;
	width:100%;
	position:absolute; 
	top:40px; 
	left:0px;
	-moz-box-shadow:0px 2px 2px #000;
	-webkit-box-shadow:0px 2px 2px #000;
	-box-shadow:0px 2px 2px #000;
	-webkit-box-shadow:  0px 8px 7px 0px rgba(0, 0, 0, 0.3);
	box-shadow:  0px 8px 7px 0px rgba(0, 0, 0, 0.3);
	border-top:0px solid #000;
	background: #ffffff;/*f6f6f2*/
	transition:visibility 0s linear 0.1s,opacity 0.2s linear;
}

.top-product-lists .product {width: 25%; padding-bottom: 27px; margin-top: 6px;}
.top-product-lists .product .inner {background: none;}
.top-product-list .product .title a {font-size: 11px; line-height: 14px;}
.top-product-list .image, .top-product-list .infowrapper {border-right: 0px solid #eee;}
.hozmenu-bottom li.mh3 .menucontent {display: none;}
.hozmenu-bottom li ul.ul-lvl2 {padding: 20px 10px 10px 10px; display: block; width: 100%; float: left;}
.hozmenu-bottom li.item.hover .menucontent {visibility:visible; opacity:1; transition-delay:0.4s;}

.hozmenu-bottom .menucontent a.image {background: var(--background4); display: inline-block; margin: 0; line-height: 0; text-align: center;}
.hozmenu-bottom .menucontent a.image img {width: 100%; height: 100px; object-fit: cover; mix-blend-mode: multiply;}


/*------------------------------------------------------------*\
OWL CAROUSEL BILDSPEL
\*------------------------------------------------------------*/

div.thumb {position: relative; margin: 8px -4px;}
#col_main .PL_outer1 .owl-dots {margin-top: 10px; position: absolute; left: 50%; transform: translateX(-50%);}
.PL_outer1 .owl-carousel {margin-bottom: 60px;}
#col_main .owl-carousel .product {width: 100%; border: none;}
.page-default .PL_outer1 .owl-carousel .owl-wrapper-outer {border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 1px solid #eee;}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {background: var(--button1-bg);}
/*.page-default .contentslider, .page-default .PL_outer1{max-width:1278px; margin: 0 auto;}*/

/* Stor bild med text och knapp i mitten */
.owl-carousel img {display: block; width: 100%; height: auto;} 
.owl-carousel .owl-item img {transform-style: flat;}
.owl-carousel .owl-item span.description-wrapper {top: 50%; transform: translateX(-50%) translateY(-50%) !important; left: 50%; padding: 5px 20px; position: absolute; text-align: center; color: #ffffff;}
.owl-carousel .owl-item span.description-wrapper .description {font-size: 1em; color: #ffffff;}
.owl-carousel .owl-item span.description-wrapper .description h2 {font-size: 42px; text-transform: uppercase; font-weight: 700;}
.owl-carousel .owl-item span.description-wrapper .description h3 {font-size: 23px; text-transform: uppercase; font-weight: 700; margin: 10px 0 20px;}
.owl-carousel .owl-item span.description-wrapper .description button {background: var(--button1-bg); color: var(--button1-text); border: var(--button1-border) !important; font-size: 14px; text-transform: uppercase; font-weight: 700; padding: 16px 30px; min-width: 200px; border-style: none !important; outline: 0 !important; cursor: pointer;}
.owl-carousel .owl-item span.description-wrapper .description button:hover {background: var(--button1-hover);}
.owl-carousel .owl-item span.description-wrapper .description button:focus {outline: 0;}
.bildspel3 .owl-carousel img {display: block; width: 100%; height: auto; max-height: 860px; object-fit: cover;} 

#ctl00_ContentPlaceHolder1_detailuc_ctl02_ctl01_ctl01_ucOWLCarouselMiniatures_divCycle img {display: block; width: 100%; height: auto; /*max-width: 88px;*/}

.cycle-prev, .cycle-next, .owl-prev, .owl-next {opacity: .3; filter: alpha(opacity=30);}
.cycle-prev:hover, .cycle-next:hover, .owl-prev:hover, .owl-next:hover {opacity: 1; filter: alpha(opacity=100);}

.bildspel .box_head {display: none;}


/*------------------------------------------------------------*\
STARTPAGE
\*------------------------------------------------------------*/

.owl-custom .product { width: 100% !important; position: relative; display: inline; text-align: left; padding: 10px; background: none; height: auto !important; }
.owl-custom .inner { background-color: var(--background7); text-align: left; color: #fff; display: flex; }
.owl-custom .image {margin-bottom: 0px !important; width: 50%; float: left !important; display: flex !important;}
.owl-custom .infowrapper { width: 50%; float: left; padding: 50px; display: flex; flex-direction: column; }

.owl-custom {  margin-left: auto !important; margin-right: auto !important;}

.owl-custom .infowrapper .title { height: auto !important; overflow: visible !important; order: 1; max-width: 420px !important; }
.owl-custom .infowrapper .title a { font-size: 21px !important; font-weight: 700 !important; line-height: normal !important; position: inherit !important; color: var(--textcolor2) !important;}
.owl-custom .infowrapper .title:after { background: url(symaskinskungen2022/separator-lightteal.png) no-repeat top left; margin: 20px 0; background-size: contain; content: ''; width: 100%; height: 18px; display: block; }
    
.owl-custom .infowrapper .manufature { order: 0; font-size: 12px; padding: 3px 0px 3px 0px; text-transform: uppercase; }
.owl-custom .infowrapper .text { order: 2; display: block; margin-bottom: 20px; max-width: 400px; }
.owl-custom .infowrapper .price { float: left; width: 100%; height: auto; order: 3; line-height: 1; padding-top: 0; margin-bottom: 4px; font-size: 18px;}
.owl-custom .infowrapper .moreinfobuttonholder { order: 5; display: block; }
.owl-custom .infowrapper .moreinfobuttonholder span.start {margin-left: 0px;
    margin-top: 20px;
    font-size: 16px;
    padding: 12px 26px 12px 26px;
    background: var(--background1);
    color: var(--background7);
    font-weight: bold;
    text-transform: uppercase;}
.owl-custom .box_head { text-align: center; padding: 20px; font-size: 30px; font-weight: 700; }
.slider-brand .box_head { text-align: center; font-size: 30px; font-weight: 700; }

.owl-custom .price .saleprice { font-size: 21px; }
.owl-custom .price .OrdinariePrice { font-size: 17px; }
.owl-custom div.owl-item:nth-of-type(even) .infowrapper { background-color: var(--background7) !important; }
.owl-custom div.owl-item:nth-child(odd) .infowrapper { background-color: var(--background8) !important;  color: var(--textcolor1) !important;}
.owl-custom div.owl-item:nth-child(odd) .infowrapper .title a { color: var(--textcolor1) !important; }
.owl-custom div.owl-item:nth-child(odd) .infowrapper .moreinfobuttonholder span.start { color: var(--textcolor1) !important; }
.owl-custom div.owl-item:nth-child(odd) .infowrapper .title:after { background: url(symaskinskungen2022/separator-on-orange.png) no-repeat top left; margin: 20px 0; background-size: contain; content: ''; width: 100%; height: 18px; display: block; }


.page-default #col_main {margin-top: 0px;}
.page-default #content_left {margin-top: 0px;} 
.page-default #content {margin-top: 0px; margin-bottom: 0; max-width: 100%; padding: 0;}
.page-default #col_main .product {height: inherit; margin: 0; padding: 10px;}
.page-default #col_main .product .price {padding-top: 0;}
.page-default #col_main .product .image {line-height: 0; padding: 20px; margin-bottom: 10px;}
.page-default #col_main .product .image img {max-width: inherit; width: 100%; height: auto;}
.page-default #col_main .product .buybuttonholder {display: none;}
.page-default #col_main .product .title {height: 32px;}
.page-default #col_main .product .title a, .page-default #col_main .product .title a:link, .page-default #col_main .product .title a:visited {font-size: 12px; line-height: 15px; font-weight: 700; text-transform: uppercase;}

.page-default .PL_outer1 {clear: both; margin: 0; width: 100%; padding: 0 10px;}
/*.page-default #content #col_main .Caption {display: block; text-align: center; font-size: 22px; color: #000; padding-top: 10px; padding-bottom: 10px; text-transform: uppercase;}*/
.page-default .product-view-rec {display: block;}

.contentslider {position: relative;}
.contentslider .slider-image {width: 100%;}
.cycle-prev, .cycle-next {opacity: 1 !important; }

.contentslider.slider-brand {margin-top: 17px;}
.contentslider.slider-brand div.right {
	font-size: 20px; text-transform: uppercase; margin: 40px 0 0 0; font-weight: 700;
}

.contentslider.slider-brand .box_head span.headertext {width: 100%;}
.slider-brand .slider-image .template-1 .box-item {text-align: left; /*-webkit-box-shadow: 3px 3px 5px -4px rgba(0,0,0,0.38); -moz-box-shadow: 3px 3px 5px -4px rgba(0,0,0,0.38); box-shadow: 3px 3px 5px -4px rgba(0,0,0,0.38);*/ border: 0; margin: 10px; width: auto; background-color: var(--background4);}
.slider-brand .slider-image .template-1 .box-image img {max-width:205px;}
.slider-brand .slider-image .template-1 .box-ingress p {font-size: 14px;/*font-weight: 300;*/margin-bottom: 0;}
.slider-image .template-1 .box-ingress {margin: 10px 0 5px 0;}
.slider-brand .slider-image .template-1 .box-link a, .slider-brand .slider-image .template-1 .box-link a:link, .slider-brand .slider-image .template-1 .box-link a:visited {
  background: none;
  color: #f73b3b;
  display: inline-block;
  font-size: 14px;
  line-height: 1.5em;
  padding: 0;
  text-decoration: none;
}

.widetext-wrapper {width: 100%; padding: 100px 20px;}
.widetext-inner {width: 100%; max-width: 900px; margin: 0 auto; text-align: center;}
.widetext-inner .shopparts {text-align: center;}
.widetext-inner .shopparts h2 {color: var(--header3); font-weight: 700;}
.widetext-inner .shopparts p {margin-bottom: 0; font-size: 15px; line-height: 20px;}

.info-boxes {
	padding: 0px 10px;
	display: block;
}
.info-boxes .info-box-container {
	background-color:var(--background2);
	position: relative;
	min-height: 250px;
	margin: 10px;
}
.info-box-container > img {
	max-height: 125px;
	object-fit: cover;
}

.overlay-text, .info-box-title {
	color:#fff;
	padding: 20px 20px 0 20px;
}
.info-box-title{
	text-transform: uppercase;
	font-family: 'Open Sans';
	font-size: 20px;
    font-weight: 700;
    font-style: italic;
}


/*------------------------------------------------------------*\
CART BUTTON / AJAXCART
\*------------------------------------------------------------*/

.ajaxcart {height: 40px; float: right; z-index: 99999;}
.cart-desktop.empty, .cart-desktop, .cart-mobile {background: var(--button1-bg); transition: all 0.2s ease 0s;}
.sticky #topholder .cart-mobile {display: block; height: 52px;}
.sticky #topholder .cart-mobile.empty {background: var(--button1-bg);}
.sticky #topholder .cart-mobile .show-cart-button {width: 52px; background-position: -560px -242px; height: 48px;}
.cart-desktop:hover, .cart-mobile:hover, .sticky #topholder .cart-mobile:hover {background: var(--button1-hover);}

/* Ajaxcart text */
.show-cart-button {background: transparent url('../css/symaskinskungen2022/sprites.png'); background-repeat: no-repeat; background-position: -565px -248px; height: 40px; margin-top: 0px; margin-left: 0px; margin-right: 0px; padding: 12px 0px 5px 25px; width: 40px;}
.show-cart-button:hover {background-position: -565px -248px;}
.ajaxcart .box_head .cart-count-text, .sticky .show-cart-button span.cart-count-text, .show-cart-button:hover span.cart-count-text {display: none; color: var(--textcolor2) !important; font-size: 13px; line-height: 18px;}
.empty .show-cart-button span.cart-count-value {display: block;}

/* Ajax itemcount */
.ajaxcart .cart-count-value, .show-cart-button span.cart-count-value, 
.sticky .show-cart-button span.cart-count-value, 
.show-cart-button:hover span.cart-count-value {position: absolute; background: var(--background2); color: var(--button1-text) !important; font-size: 8px; line-height: 14px; opacity: 1; height: 14px; left: 20px; top: 5px; width: 14px; margin: 0 3px; border-radius: 50%;}
.sticky .show-cart-button span.cart-count-value {top: 11px; left: 25px;}

/* Ajaxcart price */
.empty .show-cart-button span.cart-amount, .show-cart-button span.cart-amount {display: none !important;}
.show-cart-button span.cart-amount .price-wrapper {width: 72px; overflow: hidden;}
.show-cart-button span.cart-amount .price-wrapper .major {max-width: 52px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/* Ajaxcart dropdown */
.ajaxcart.expanded .box_body {top: 40px;}
.ajaxcart.expanded .box_body {background: var(--background1);}
.ajaxcart .cart-item .description {color: var(--textcolor1);} 
.ajaxcart .cart-item .description:hover {color: var(--textcolor1);}
.ajaxcart .cart-item span.price {padding: 0;}
.ajaxcart .cart-item a.cart-remove {display: none; background: none; margin-top: -5px;}
.ajaxcart .cart-item {border-bottom: var(--separator2);}
.ajaxcart .cart-item .spImgArticle {background: var(--background4); margin-right: 10px; display: inline-block; float: left;}
.ajaxcart .cart-item img.image {mix-blend-mode: multiply; margin-right: 0px; }
.ajaxcart div.cart-sums {margin: 0;}
.ajaxcart .cart-sums span {color: var(--textcolor1);}
div.cart-sums {border-top: var(--separator2);}
.ajaxcart .qty-wrapper span.qty {width: inherit;}
.cart-inner, .ajaxcart {font-size: 13px;}
.ajaxcart .shopparts.contentslider {display: none;}

.ajaxcart.expanded .box_body {-webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%); box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);}
#outer_wrapper.sticky .ajaxcart.expanded .box_body {top: 52px;}
.ajaxcart .cart-campaigns {margin-top: 5px;}

a.button-keepshopping span.start, a.button-keepshopping span.start span , a.button-checkout span.start {font-size: 14px; font-weight: 700; color: White; text-transform: uppercase;}
a.button-keepshopping span.start, a.button-keepshopping span.start:hover {background: var(--button2-bg); padding: 8px 0;}
a.button-keepshopping span.start:hover {background: var(--button2-hover);}
a.button-checkout span.start, a.button-checkout span.start:hover {background: var(--button1-bg); border: var(--button1-border); color: var(--button1-text); padding: 8px 0;}
a.button-checkout span.start:hover {background: var(--button1-hover);}


/*------------------------------------------------------------*\
CART PAGE
\*------------------------------------------------------------*/
.page-buy_cart2 .Recommendations { display: none; }
.pickupplace {background: var(--background4); padding: 20px;}
.pickupplace select {background: white !important;}

.page-buy_cart2 #content {background: var(--background1);}
.page-buy_cart2 #col_main {max-width: 1140px; background: var(--background1);}
.page-buy_cart2 .content-cart {padding: 46px 10px 0;}

/* Header för cartsidor */
.page-buy_cart2 .header-holder {padding: 64px; margin: 0;}
.content-cart {counter-reset: section;}
.content-cart :not(.cartcampaign) h2 {text-transform: uppercase; color: var(--header2);}
.content-cart h2::before {position: relative; background: var(--button1-bg); content: counter(section); counter-increment: section; width: 20px; height: 20px; display: inline-block; padding: 0px 5px 0px 5px; margin-top: -4px; vertical-align: middle; color: var(--button1-text); text-align: center; font-size: 10px !important; line-height: 21px !important; border-radius: 50%;}
.content-cart .cartcampaign h2.cartheader:before {content: ""; counter-increment: none; display: none;}
.content-cart .cartcampaign h2.cartheader {font-size: 12px;}
.content-cart div.widget.cartcampaign .widget_header {padding-bottom: 0;}
.content-cart .widget_header {border-bottom: 0px; padding-bottom: 20px; margin-bottom: 0px;}

.labelwrapper {color: var(--textcolor1);}

.content-cart .freefreighttext {display: block; max-width: 800px;}
.contentslider.FreeFreightRecommendations .box_head span.headertext {padding: 0 0 20px 0px; display: inline-block;}

.Cart thead td {color: var(--textcolor1); padding: 5px 0px; text-transform: uppercase; font-weight: 700; font-size: 12px;}
.Cart td {color: var(--textcolor1);}
.Cart tr:nth-child(odd), .Cart thead tr {background: none;}
.Cart tbody tr {border-top: 1px solid #ddd;}
.Cart .cart-thumbnail {width: 60px; height: 60px; margin: 10px 0;}
.Cart .cart-thumbnail a {display: inline-block; position: relative; line-height: 0;}
.Cart .cart-thumbnail a:after {position: absolute; top: 0; left: 0; content: ""; height: 100%; width: 100%; display: block; background: var(--background4); mix-blend-mode: multiply;}
.Cart .prodimg {margin: 0;}
.qty-wrapper input[disabled=disabled] {padding-left: 3px;}
.content-cart .widget_header span.description {color: var(--textcolor1);}
#CountryLight .widget_inner, #cart_cartpayalts .widget_inner, #cart_registration .widget_inner, #cart_freighttypelist .widget_inner, .ordercomment.widget .widget_inner {background: var(--background4); padding: 20px;}
.content-cart div.cartcontent {margin-top: 25px; padding: 20px 20px 0; float: none; background: var(--background4); position: relative;}
.content-cart .mid-container {padding-top: 0;}

.content-cart li.selected {background-color: var(--background1);}
ul > li.paytype:first-child, ul > li.deltype:first-child {border-top: 1px solid #ddd;}
li.paytype, li.deltype {border: 1px solid #ddd; border-top: 0; color: var(--textcolor1);}
li.paytype .details, li.deltype .details {margin-top: 0px;}
.page-buy_cart2 .qty-wrapper input {background-color: #fff; border: #fff; color: var(--form1-text); border-radius: var(--form1-radius);padding: 6px 2px;}

.page-buy_cart2 .owl-dots {margin-top: 10px;}
.page-buy_cart2 .qty-wrapper a.cart-decreaseqty, .qty-wrapper a.cart-increaseqty, .qty-wrapper a.cart-remove {margin-top: 7px;}
.page-buy_cart2 .qty-wrapper a, .ajaxcart .qty-wrapper a.cart-decreaseqty, .ajaxcart .qty-wrapper a.cart-increaseqty {background: var(--sprite-template1) no-repeat -579px -922px;}
.page-buy_cart2 .qty-wrapper a.cart-decreaseqty, .ajaxcart .qty-wrapper a.cart-decreaseqty {background-position: -579px -880px;}
.page-buy_cart2 .qty-wrapper a.cart-decreaseqty:hover, .ajaxcart .qty-wrapper a.cart-decreaseqty:hover {background-position: -579px -901px;}
.page-buy_cart2 .qty-wrapper a.cart-increaseqty, .ajaxcart .qty-wrapper a.cart-increaseqty {background-position: -579px -922px;}
.page-buy_cart2 .qty-wrapper a.cart-increaseqty:hover, .ajaxcart .qty-wrapper a.cart-increaseqty:hover {background-position: -579px -943px;}
.ajaxcart .qty-wrapper a.cart-decreaseqty, .ajaxcart .qty-wrapper a.cart-increaseqty {margin-right: 4px; margin-top: 4px;}
.ajaxcart .qty-wrapper a {border-radius: 3px;}

.qty-wrapper a.cart-remove {background-position: -579px -964px; margin-left: 12px;}
.qty-wrapper a.cart-remove:hover {background-position: -579px -985px;}

.content-cart ul.fronted-summery {background: var(--button2-bg); color: var(--button2-text); padding: 12px 20px 10px;}
.content-cart #cartsum-top .cart-summery li {border-bottom: 1px solid #ddd; padding: 2px 0; margin: 0 20px;}
.content-cart  ul.cart-summery span.value {min-width: auto;}

input#txtCampaginCode, .custfield input, #cart_campaign .txtbox input, .cartcampaign .txtbox input, .ordercomment textarea {color: var(--textcolor1); padding: var(--form1-padding); font-size: 14px !important; border: 1px solid var(--background1) !important; background: var(--background1); -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: var(--form1-radius) !important; -webkit-border-radius: var(--form1-radius) !important; border-radius: var(--form1-radius) !important;}
.cartcampaign .txtbox input {border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; margin-top: 0; background: var(--background4); border: 1px solid var(--background4) !important;}
.custfield input:focus {border: 1px solid #ddd !important; outline: 0;}
.custfield.focus input {outline: none; border-color: #ccc; box-shadow: none;}
.custfield.valid input {background-color: #fff; border: #fff; color: var(--textcolor1); border-radius: var(--form1-radius);}
.custfield.errorHighlight input {background-color: #fff; border: #fff; color: var(--form1-text); border-radius: var(--form1-radius);}
.content-cart .cartregistration div.login-box {background: var(--background2);}
#col_main a.tglLogIn span.start, a.changecustomertype span.start, a.changecustomertype-top span.start, .cartregistration a.button span.start {padding: 9px 14px 8px; margin: 0;}
.cartcampaign a.button span.start {padding: 9px 9px 8px;}
.agree label {margin-top: 20px; height: 20px; margin-bottom: 10px; padding-left: 30px!important;}
.type-2 .labelwrapper label {height: 20px;}
.login-box .login-header {color:  var(--header1);}
.login-box .login-info {color:  var(--textcolor1);}
.error {display: inline;}

.ui-tooltip {font-size:14px !important; color: #333!important; background: #fff !important; border-radius: 0; border: 0px !important; box-shadow: 0px 2px 10px rgba(0,0,0,0.2);}
.page-buy_cart2 #col_main .product .buybuttonholder span.start {display: inline-block; background: var(--button1-bg); color: var(--button1-text); text-transform: uppercase; font-size: 10px; padding: 2px 10px; border-radius: 3px;}
.page-buy_cart2 #col_main .product .buybuttonholder a:hover span.start {background: var(--button1-hover);}
.page-buy_cart2 #col_main .product .buybuttonholder {margin-bottom: 10px;}

a.orderbutton span.start, a.orderbutton span.start:hover {font-size: 16px !important; background: var(--button1-bg) !important; color: var(--button1-text); border: var(--button1-border); border-radius: var(--button1-radius); text-shadow: none;}
a.orderbutton span.start:hover {background: var(--button1-hover) !important;}

.InfoPageHeaderBox-Outer .Recommendations.box {display: none;}

/*------------------------------------------------------------*\
CART PAGE 2-col layout
\*------------------------------------------------------------*/

.top-middle-container {width: 49%; width: calc(50% - 15px); float: left; counter-reset: section;}
.content-cart .top-middle-container div.widget {width: 100%; float: none;}
.mid-container, .content-cart div.widget {width: 49%; width: calc(50% - 15px); float: right; clear: right;}  
/*.content-cart #cart_cartcontent h2.cartheader:before {content: ""; counter-increment: none; display: none;} /*Om man vill ta bort siffra innan kundvagn*/
.cartcampaign .widget_inner, ul.cart-summery, ul.register {width: 100%;}
.cartcampaign .widget_content > div {display: flex;}
.cartcampaign .txtbox {flex-basis: 100%;}
.cartcampaign .txtbox input {width: 100%;}
.cartcampaign a.button .start {margin-right: 0;}
.cartregistration div.login-box {width: 100%; margin: 5px auto 20px;}
.cartregistration div.login-box a.login-popup span {display: inline-block; width: auto;}
.cust-Password, .cust-Password2 {width: 50%; float: left;}

@media screen and (max-width: 1024px) {
	.top-middle-container, .mid-container, .content-cart div.widget {float: none; width: 100%;}

}



/*------------------------------------------------------------*\
LOGINRUTA
\*------------------------------------------------------------*/

.loginsimple2 {float: left;}
.loginsimple2 .box_head .tglLogIn, .loginsimple2 .box_head .tglLogIn:hover {background: var(--sprite-template1) no-repeat scroll -586px -173px !important; display: block; height: 36px; margin-left: 20px; margin-top: 0px; padding: 9px 5px; width: 120px;}
.loginsimple2 .box_head .tglLogIn span.start {color: var(--textcolor1); display: inline; margin-left: 12px; text-transform: uppercase; font-size: 12px;}

.modal-active #topholder {z-index: 0 !important;}
.modal {position: fixed; min-width: 600px; left: 0px; top: 0px; min-height: 300px; height: 100%; width: 100%; z-index: 6007; display: none;}
.modal-inner {z-index: 6000; background: none; position: fixed; left: 50%; margin-top: 10%; min-width: 600px; width: 600px; margin-left: -300px; display: none;}
.modal-header {background: var(--background1); border-bottom: var(--separator2);}
.modal-body {background: var(--background1);}
.modal .modal-header a.close, .modal .modal-header a.close:hover {background: none; color: var(--textcolor1);}
.modal-header > span {line-height: 56px; padding: 0;}
.modal-body input[type=text], .modal-body input[type=password], .modal-body input[type=email] {background: var(--form1-bg); color: var(--form1-text); border: var(--form1-border); border-radius: var(--form1-radius); margin-top: 4px; padding: 6px 8px 6px 8px; margin-bottom: 6px; font-size: 14px;}


/*------------------------------------------------------------*\
FOOTER
\*------------------------------------------------------------*/
.ft-prunner-pwrapper {
		width:151px; height:85px;border:#d6d6d6 1px solid; padding:7px; position:relative; clear:both; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 0 10px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.1) inset;
	}
#footer {background: url('symaskinskungen2022/bottom-right-teal.png') no-repeat bottom right; background-color: var(--background2); color: var(--textcolor1); margin: 0 auto; padding-bottom: 0; text-align: left; width: 100%; z-index: 0;}
/*#footer .ft-row.ft-row2 {background: url('symaskinskungen2022/top-left-teal.png') no-repeat top left;}*/
#footer .ft-row3 {background: url('symaskinskungen2022/top-left-teal.png') no-repeat top left;}
#footerinner {margin: 0 auto; padding: 0; width: 100%;}
#footerinner .ft-row1 {background: var(--background7) !important;}
.inner-ftrow {margin: 0 auto; max-width: 1400px; padding: 40px 10px; width: 100%; display: flex; flex-flow: row wrap; justify-content: space-around;}
#footer h4, #footer p {color: var(--textcolor2); font-size: 12px; font-weight: 400; line-height: 16px;}
#footer a, #footer a:link, #footer a:visited {color: var(--background10); font-size: 12px; line-height: 16px; font-weight: 400;}  
#footer a:hover {color: #fff;}
#footer span.headertext, #footer h4 {color: var(--header1); text-transform: uppercase; display: block; font-size: 13px; font-weight: 700; line-height: 16px; margin-bottom: 6px;}
.ft-row {width:100%; padding-top:40px; padding-bottom:40px; margin-bottom:0px;}
/*.ft-row .shopparts {width:25%; padding-left:15px; padding-right:15px; float:left;}*/
.ft-row .shopparts {width: 25%; padding: 0 10px;}

.ft-row3 .shopparts {width: 33.333333333%;}

.ft-row .inner-sp {margin: 0 auto; max-width: 1400px; padding: 40px 10px; width: 100%; display: flex; flex-flow: row wrap; justify-content: space-around;}
.ft-row1 {background: #fff;}

.ft-row2 .ft-paymenticons {width:100%; margin: 0 auto; float: none;}
.ft-row2 .newsletter {width:25%;float:right;}

.infofooter a, .infofooter a:link, .infofooter a:visited{color:#fafafa; font-size:14px; line-height:21px;}
.infofooter .menucontent{display:none;}

.ft-tryggkop {color:#555555;}

.ft-paymenticons ul {text-align: center;}
.ft-paymenticons ul li {margin: 0 10px; display: inline-block;}
.ft-paymenticons ul li a {color: #000;display: block;float:left;font-size: 18px;height: 39px;width:62px;margin: 0;text-decoration: none;background-image: url("../images/Sprite-payment.png");background-repeat:no-repeat;cursor: default;}
.ft-paymenticons ul li.pay-visa a {width:62px;background-position:0px 0px;}
.ft-paymenticons ul li.pay-mc a {width:56px;background-position:-75px 0px;}
.ft-paymenticons ul li.pay-dibs a {width:87px;background-position:-143px 0px;}
.ft-paymenticons ul li.pay-ff a {width:85px;background-position:-237px 0px;}
.ft-paymenticons ul li.pay-fd a {width:85px;background-position:-329px 0px;}
.ft-paymenticons ul li.pay-posten a {width:39px;background-position:-424px 0px;}
.ft-paymenticons ul li.pay-swedbank a {width:98px;background-position:0px -39px;}
.ft-paymenticons ul li.pay-seb a {width:69px;background-position:-115px -39px;}
.ft-paymenticons ul li.pay-nordea a {width:113px;background-position:-196px -39px;}

/*Nyhetsbrev*/
.newsletter .box_head{ background:none;}
.newsletter .box_body{ background:none;}
/*#footer .newsletter .box_head  span.headertext {font-size: 32px;line-height: 36px;}*/
#footer .newsletter .newsletter-email .newsletter-email-label{display:none;}
#footer .newsletter .newsletter-email {float:left;margin-right:0px;width:100%;}
#footer .newsletter .newsletter-buttons {float:right;margin-top:10px;}
.newsletter-buttons .newsletter-del{display:none;}

/*Footer-ikoner för trygg e-handel mm*/
.ft-tryggkop p.ft-kopskydd img {width:auto;height:60px;margin-right:10px;}
.ft-garanti p.ft-garantiicons img{width:auto;height:60px;margin-right:10px;}

/*Kontaktinfo*/
.ft-big{font-size:16px;}
.ft-bold{font-weight:700;}

/*Sociala ikoner*/
.ft-contact ul li{float:left;margin-right:5px;}
.ft-contact ul li a{display: block;float:left;font-size: 18px;height: 43px;width:42px;margin: 0;text-decoration: none;background-image: url("../images/Sprite-shop.png");background-repeat:no-repeat;cursor: pointer;}
.ft-contact ul li a span{text-indent:-9000px;display:block;}
.ft-contact ul li.social-fb a {background-position:-708px -47px;}
.ft-contact ul li.social-youtube a {background-position:-708px -90px;}
.ft-contact ul li.social-fb a:hover {background-position:-708px -133px;}
.ft-contact ul li.social-youtube a:hover {background-position:-708px -176px;}


/* Tillverkare */
div.manufacturers {background: #2c2c2c; margin-bottom: 0px; padding: 50px 40px 50px 40px; text-align: center;}
#footer .manufacturers span.headertext {margin-left: 0px; background: none; border-left: 0px; font-size: 16px; color: #ffffff; margin-bottom: 0;}
div.manufacturers div.right {margin: 0px 0 0; text-align: center; text-transform: uppercase;}
div.manufacturers .box_head span.headertext {display: inline-block; padding: 6px 15px;}
div.manufacturers .box_body li a, div.manufacturers .box_body li a:link, div.manufacturers .box_body li a:visited {color: #ffffff !important; padding-left: 5px; font-size: 13px !important;}
div.manufacturers .box_body li a:hover {color: #eeeeee !important;}
div.manufacturers li {display: inline-block; margin-left: 0px; margin-right: 4px; margin-bottom: 1px;}
div.manufacturers ul li::before {content: "/";}
.manufacturers ul li:first-child::before {content: "";}

/* USP: ar*/
.usp-list {display: flex; flex-flow: row wrap; justify-content: space-around; width: 100%;}
.usplist-item {padding: 0 10px; width: 25%; text-align: center;}
.usplist-item span.usp-icon {display: block; margin: 0 auto; width: 40px; height: 40px; margin-bottom: 10px;}
.usplist-item1 span.usp-icon {background:url("/PartnerFiles/_tpl/3/css/grey/images/t3-usp-icon1.png") no-repeat scroll 50% 0;}
.usplist-item2 span.usp-icon {background:url("/PartnerFiles/_tpl/3/css/grey/images/t3-usp-icon2.png") no-repeat scroll 50% 0;}
.usplist-item3 span.usp-icon {background:url("/PartnerFiles/_tpl/3/css/grey/images/t3-usp-icon3.png") no-repeat scroll 50% 0;}
.usplist-item4 span.usp-icon {background:url("/PartnerFiles/_tpl/3/css/grey/images/t3-usp-icon4.png") no-repeat scroll 50% 0;}

/* Infomeny footer */
.infofooter .menucontent {display: none;}
.infofooter a, .infofooter a:link, .infofooter a:visited{color:#fafafa; font-size:14px; line-height:21px;}
#footer .hozmenu ul {border-top: var(--separator1); margin-top: 12px; display: block;}
#footer .hozmenu li {border-bottom: var(--separator1); padding: 5px 0; position: relative;}
#footer .hozmenu li:after {position: absolute; content: "›"; right: 0; top: 0px; font-size: 20px; font-family: monospace; color: rgba(255,255,255,0.07);}
#footer .hozmenu li:hover a, #footer .hozmenu li:hover::after {color: #fff;}

/* Kontaktinfo footer */
.ft-contact span {display: block;}

/* Nyhetsbrev o logga in footer */
.newsletter-email {width: 100%; float: left;}
.newsletter-email input {width: 100%; background: var(--background1); color: var(--textcolor1);}
.newsletter-buttons {width: 100%; float: left; margin-top: 0px;}
.newsletter {width: 100%;}
.newsletter .box_head {background: none;}
.newsletter .box_body {background: none;}

#footer .login div.forgot a, #footer .login div.forgot a:link, #footer .login div.forgot a:visited {font-size: 13px;}

#brand {background: var(--background1); margin: 0 auto; width: 100%; padding: 14px; text-align: center; line-height: 0;}
#brand_logo {text-align: center;}
#brand_logo a > img {display: none;}
#brand_logo a {display: inline-block; width: 191px; height: 39px; background-image: var(--sprite-template1); background-repeat: no-repeat; background-position: -409px -566px; cursor: pointer;}


/*------------------------------------------------------------*\
SOCIALA IKONER
\*------------------------------------------------------------*/

ul li.social-icons {float: left; margin-right: 5px;}
li.social-icons a {display: block; float: left; font-size: 18px; height: 36px; width: 36px; margin: 0; text-decoration: none; background-image: var(--sprite-template1); background-repeat: no-repeat; cursor: pointer;}
li.social-icons a span {display: none;}
li.social-fb a {background-position: -564px -367px;}
li.social-insta a {background-position: -528px -367px;}
li.social-youtube a {background-position: -492px -367px;}
li.social-twitter a {background-position: -456px -367px;}
li.social-fb a:hover {background-position: -564px -403px;}
li.social-insta a:hover {background-position: -528px -403px;}
li.social-youtube a:hover {background-position: -492px -403px;}
li.social-twitter a:hover {background-position: -456px -403px;}


.rcp-img{height: auto; width: 24%;}

.aw-item { height: auto !important; }
#aw-slider6 .product { height: auto !important; }

/*------------------------------------------------------------*\
RESPONSIVITET
\*------------------------------------------------------------*/

@media screen and (max-width: 1600px) {
	#col_left .campaignladder.shopparts {position: static; width: auto; border: none;}
	.campaignladder ul.steps .description {padding-left: 0px; display: block;}
	.top-certicons{display:none;}
	.hozmenu-bottom {width: 100%;}
	.sp_23578 {margin: 0;}
	/*.sk-sidemenu { display: none; }*/
	.page-product_list #col_left {width: 23%}
	.page-product_list #col_main { width: 77%; }
	.owl-custom .price .saleprice { font-size: 21px; }
	.owl-custom .infowrapper .text { display: none; }
}

@media screen and (max-width: 1140px) {
	.page-default #content {margin-top: 0px;}
	#content {margin-top: 0px;}
	.page-default #col_main {margin-top: 0px;}
.slider-brand .slider-image .template-1 .box-item {min-height: 300px;}
.sbanner-header {font-size: 31px;}
.page-product_list #col_main { width: 72%; }
.page-product_list #col_left {width: 28%}
}

@media screen and (max-width: 990px) {
	.InfoPageHeaderBox-Outer {display: none;}
	.top-container {margin-top: 30px;}
	.off-canvas-active [role="complementary"] {margin-left: 0;}
	.top-left-container {width: 45%;}
	.top-right-container {width: 55%; padding-top: 30px;}
	.off-canvas-active #wrapper {margin-right: -85%;}
	.hozmenu-bottom {display: none;}
	.topcontent-wrapper1 {display: none;}
	.toggle-off-canvas {display: block; margin: 0;}
	.ajaxcart.expanded .box_body {top: 60px;}
	#col_left {display: none !important;}
	#col_main {width: 100% !important;}
	.menu-search-wrapper {display: none;}
	.top-certicons{display:none;}
	.hozmenu-bottom {width: 100%;}
	.sp_23578 {margin: 0;}
	#topholder .cart-desktop {display: none;} 
	#topholder .cart-mobile {display: block;}
	#topholder .login-desktop {display: none;} 
	#topholder .search-desktop {display: none;}
	#topholder .toggle-search {display: block;}
	#topholder .fallout-search {display: none;}
	#topholder .toggle-search:hover {cursor: pointer;}
	.topinner4 {width: 45%;}
	.topinner5 {display: none;}
	.topinner6 {float: right; width: 55%; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%);}
	#topholder div.find {position: static; float: left; clear: both; width: 100%; max-width: calc(100% - 40px); margin: 0px 20px 20px; background: var(--background7); padding: 10px 8px 10px 12px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
	div.find .box_body {margin-top: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background: none; padding: 3px 5px 3px 5px;}
	input.find {background: none; text-align: center;}
	#topholder .fallout-search.expanded {display: block;}
	#topholder .fallout-search .do-search {display: none;}
	
	.toggle-search-canvas{ background: transparent url('../css/symaskinskungen2022/sprites.png'); height: 40px; background-repeat: no-repeat; background-position: -524px 5px; }
	
	#topholder .toggle-search {width: 40px; height: 40px; float: right; margin: 0 0 0 10px; background: var(--background7);}
	#topholder .toggle-search:hover {background-position: -524px 5px; /*background-color: #444;*/}
	.sticky #topholder .cart-mobile .show-cart-button {background-position: -565px -248px; height: 40px; margin-top: 0px; margin-left: 0px; margin-right: 0px; padding: 12px 0px 5px 25px; width: 40px;}
	.sticky .show-cart-button span.cart-count-value {top: 5px; left: 20px;}
	.sticky #topholder .cart-mobile {height: 40px;}
	
	.ajaxcart {float: right; margin: 0 10px 0 10px; padding-left: 0;}
	.ajaxcart.expanded .box_body {width: 100%; min-width: 320px;}
	.ajaxcart .box_head .caption, .ajaxcart .box_head .cart-count-text {display: none;}
	.empty .show-cart-button span.cart-amount, .show-cart-button span.cart-amount {display: none;}
	.ajaxcart .cart-count-value::before {content: "";}
	.ajaxcart .cart-count-value {background: #dc7277; border-radius: 20px; color: #ffffff; font-size: 12px; height: 19px; left: 13px; line-height: 19px; opacity: 0.7; position: absolute; text-align: center; top: 0; width: 19px;}
}

@media screen and (max-width: 990px) {
	#topholder {height: auto;}
	#content_left, .page-default #content_left {margin-top: 0px;}
	.logo-box {max-width: 150px; width: 150px; max-height: 64px; margin-left: 0px;}
	.logo-box img {max-height: 64px; max-width: 150px;}
	.hozmenu-bottom, #content {box-shadow: none;}
	.top-left-container {width: 45%;}
	.top-right-container {width: 55%; padding-top: 30px;}
	.wishlist td.artno {display: none;}
	
	#col_main .product.highlight .inner {display: flex; flex-direction: column;}
	#col_main .product.highlight .image {width: 100%; padding: 40px;}
	#col_main .product.highlight .infowrapper {width: 100%; padding: 30px;}
	.owl-custom .PL-1 { width: 100%; }
	.owl-custom .PL-1 .inner { flex-direction: column; }
	.owl-custom .PL-1 .image { width: 100% !important; padding: 40px !important; } 
	.owl-custom .PL-1 .infowrapper { width: 100%; }
	.owl-custom .price .saleprice { font-size: 25px; }
	.owl-custom .price .OrdinariePrice { font-size: 18px; }
	.info-page .InfoPageHeaderBox-Outer {display: block;} 
}

/* iPads (portrait) ----------- */
@media screen and (max-width: 768px) {
	.receipt-mobile { display: block; border-top: 0px; border-right: 15px solid #ffffff; border-bottom: 15px solid #ffffff; border-left: 15px solid #ffffff; background-color: #ffffff;}
	.receipt-desktop-sk { display: none; }
	.sbanner-desktop {display: none; }
	.rcp-img {width: 29%;}
	.content-details div#eventscontentwrapper ul.eventscontent.left, .content-details div#eventscontentwrapper ul.eventscontent.right {width: 100%;}
	.middle-container .contentslider {width: 100%;}
	li.longtext {float: left; width: 100%;}
	li.mailfriend { float: left; width: 100%;}
	.customerreview {float: left; width: 100%;}
	.event-inner {padding: 0px 0px 0px 0px;}
	.detailBuyWrapper .button span.start {padding: 20px 22px;}
	.owl-custom .price .saleprice { font-size: 21px; }
	#topholder .manulist {display: none;}

	.ft-row1 .shopparts {width: 100%; margin-bottom: 40px;}

	.product {width: 33.3%;}
	.toggle-off-canvas {display: block;}
	#col_left {display: none !important;}
	.hozmenu-bottom {display: none;}
	.startcontentWrapper .contentslider {width: 100%;}
	.infoStart {display: none;}
	#col_main {width: 100% !important;}
	#filter .filters .content .list {width: 33.33%;}

	.widetext-inner {display: block; padding-left: 0;}
	.widetext-inner .bottom-usp, .widetext-inner .manufacturers {float: left; width: 100%;}
	.usplist-item {width: 50%; padding: 0.5em;}
	div.manufacturers {padding: 2em 1.5em;}
	
	.inner-ftrow {padding: 40px 10px 10px 10px;}
	.ft-row1 .shopparts {width: 50%; text-align: center; margin-bottom: 30px;}
	.ft-row2 .shopparts ul {display: inline-block;}

	.newsletter-email input {text-align: center;}
	.newsletter-buttons .newsletter-add span.start, .newsletter-buttons .newsletter-del span.start {width: 100%;}
	.newsletter-buttons .newsletter-add {width: 49%; float: left; margin-right: 1%;}
	.newsletter-buttons .newsletter-del {width: 49%; float: left; margin-left: 1%;}

	#footer .login .loggedInButtonWrapper, #footer .login .loginButtonWrapper {max-width: 768px !important;}
	#footer .login .loginButtonWrapper > div {max-width: 275px !important; clear: both;}
	#footer span.headertext, #footer h4 {border-left: 0 solid white;}
	#footer .login input {max-width: 768px;}

	#footer .login .loggedInButtonWrapper, #footer .login .loginButtonWrapper, #footer .login .loginFieldWrapper {margin: 0 auto; max-width: 768px; width: 100%; float: left;}
	#footer .login .loggedInButtonWrapper > div, #footer .login .loginButtonWrapper > div {margin: 8px auto 0; max-width: 768px; width: 100%; float: none;}
	#footer .login .loggedInButtonWrapper > div >a > span, #footer .login .loginButtonWrapper > div >a > span {margin-right: 0; margin-bottom: 12px; width: 100%;}
	#footer .login div.forgot {display: block; float: left; width: 100%;}
	
	.cartregistration a.button {
		text-align: center !important;
		width: 100% !important;
		margin-bottom: 5px !important;
	}
	
	.widget_header_buttons ul {float: none !important; margin: 0 !important;}
	.info-page .InfoPageHeaderBox-Outer {display: block;} 
	.info-page .InfoPageHeaderBox-Outer h1 { font-size: 25px;}
	
	.modal.popup div.popup div.register {padding: 0 20px; width: 100%;bottom:10%!important;}
	div.fem-ars-garanti > label {width:60%;}
}

/* iPads (portrait) ----------- */
@media screen and (max-width: 670px) {
	#content_left, .page-default #content_left {margin-top: 0px;}
	.rcp-img {width: 50%;}
	.loginbutton , .forgotpasswordbutton, .registerbutton {width: 100%; margin-bottom: 10px; clear: both; float: left;}
	.loginbutton span.start , .forgotpasswordbutton span.start, .registerbutton span.start {}
	.top-left-container {width: 100%; float: left; padding-top: 10px; clear: both;}
	.top-right-container {width: auto; clear: both; float: left; padding: 0px 20px 0px 20px; margin-top: 0px;}
	.top-left-container div.thumb {display: none;}
	.top-left-container {width: 100%; float: left; padding-top: 10px; padding-right: 0%; clear: both;}
	.top-right-container {width: 100%; clear: both; float: left; padding: 20px 10px 0px 10px;}

	.logowrapper {float: left; text-align: left;}
	.SubCats div.item {width: 33.3%;}
	#filter .filters .content .list {width: 50%;}
	.info-page .InfoPageHeaderBox-Outer {display: block;} 
	.info-page .InfoPageHeaderBox-Outer h1 { font-size: 25px;}
	.modal-inner{z-index: 6000; background: none repeat scroll 0% 0% transparent; position: fixed; left: 50%; margin-top: 10%; min-width: 300px; width:300px; margin-left: -150px; display:none;}
}

/* phone landscape */
@media screen and (max-width: 580px) {
	.product.highlight .image {margin-bottom: 20px; width: 100%;}
	.product.highlight .infowrapper {width: 100%; padding-left: 0;}
	.product.highlight .title {height: auto; margin-top: 0;}

	.three-boxes-start .slider-image .htmlmodule .box-item {padding: 5% 0 5% 0;}
	.three-boxes-start .slider-image .htmlmodule .box-item p.box-rub {font-size: 20px; margin-bottom: 3px;}
	.three-boxes-start .slider-image .htmlmodule .box-item p.box-text {font-size: 14px;}

	.ft-row .shopparts {width: 100%; margin-bottom: 30px;}
	.slider-brand .slider-image .template-1 .box-item {min-height: 400px;}
	
	.owl-custom .inner{ display: block; }
	.owl-custom .image { width: 100%; float: none; display: block; }
	.owl-custom .infowrapper { width: 100%; }
	.owl-custom .infowrapper .title a { font-size: 23px !important; }
	.owl-custom .infowrapper .text { display: none; }
	.info-page .InfoPageHeaderBox-Outer {display: block;} 
	.info-page .InfoPageHeaderBox-Outer h1 { font-size: 25px;}
}

/* phone landscape */
@media screen and (max-width: 480px) {
	.contentslider div.right {font-size: 17px;}
	.content-details h1 {font-size: 26px; line-height: 30px;}
	.product {width: 33%; padding-bottom: 15px !important;}
	.product {padding-bottom: 15px !important; width: 50%;}
	.ajaxcart.expanded .box_body {top: 56px; min-width: 283px;}
	.SubCats div.item {width: 50%;}
	#filter .filters .content .list {width: 100%;}
	div.fem-ars-garanti > label {max-width: 150px;} div.fem-ars-garanti > img { margin-top: 10px; max-width: 83px;margin-bottom:10px;}
	div.fem-ars-garanti {height: 101px !important;}
	.ft-prunner-pwrapper {
		width:100%; height:85px;
	}
	.info-page .InfoPageHeaderBox-Outer {display: block;} 
	.info-page .InfoPageHeaderBox-Outer h1 { font-size: 25px;}
}

@media screen and (max-width: 360px) {
	.topinner4 {width: 39%;}
	.topinner6 {width: 61%;}
	.logowrapper {padding-right: 0;}
	.logo-box {max-width: 100px; width: 100px; max-height: 40px;}
	.logo-box img {max-height: 40px; max-width: 100px;}
	.info-page .InfoPageHeaderBox-Outer {display: block;} 
	.info-page .InfoPageHeaderBox-Outer h1 { font-size: 25px;}
}
    
/* phone portrait */
@media screen and (max-width: 320px) {
	.detailBuyWrapper .button span.start {font-size: 16px;}
	span.qty {margin-left: 7px; margin-right: 12px; margin-top: 12px;}
	#productlist .product {width: 100%; height: auto; margin-top: 5px;}
	#productlist  .product .image img {max-width: 95px; height: auto; float: left;}
	.AjaxSearchField-Results- {width: auto;}
	.AjaxSearchField-Results- .product, .AjaxSearchField-Results- .price {width: 165px; padding-bottom: 0px !important;}
	.owl-custom .PL-1 .infowrapper .title a { font-size: 20px !important; }
	.info-page .InfoPageHeaderBox-Outer {display: block;}
	.info-page .InfoPageHeaderBox-Outer h1 { font-size: 25px;}	
}

/* Desktops and laptops */
@media only screen and (min-width : 1224px) { 
	.page-product_details .thumb:hover a.cycle-prev, .page-product_details .mainimagewrapper:hover a.cycle-prev {display: block;}
	.page-product_details .thumb:hover a.cycle-next, .page-product_details .mainimagewrapper:hover a.cycle-next {display: block;}
}

/* Large screens */
@media only screen and (min-width : 1324px) {
	#col_left {margin-top: 15px;}
	.startcontentWrapper {margin-top: 0px;}
	.page-default .contentslider.slider-brand {height: 312px;}
}

/* Smartphones (portrait and landscape) */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {}
/* Smartphones (landscape) */ @media only screen and (min-width : 321px) {}
/* Smartphones (portrait) */ @media only screen and (max-width : 320px) {}
/* iPads (portrait and landscape) */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {}
/* iPads (landscape) */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}

/*------------------------------------------------------------*/

/* Modal Popup 201-12-06
    **************************************************************************/
    .modal.popup .modal-body * {  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
    .modal.popup .modal-body {padding:0px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: 0px 0px 30px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 30px 3px rgba(0,0,0,0.4);
box-shadow: 0px 0px 30px 3px rgba(0,0,0,0.4);overflow:hidden;}
    .modal.popup div.popup {}
    .modal.popup div.popup p{margin-bottom:0;}
    .modal.popup div.popup img {width:100%;height:auto;float:left;}
    .modal.popup div.popup div.register{padding: 0 50px 0 280px;width: 100%;bottom: 35%;}
    .modal.popup div.popup div.register input {color: #252525;font-size: 15px;padding: 8px 6px;width: 100%;border:1px solid #ddd;}
    .modal.popup div.popup div.register span.error {font-style: italic;color: red;}
    .modal.popup div.popup div.register a.button {float:right;}
    .modal.popup div.popup div.register a.button span.start {margin-right:0;background:#545454;}    

/* Modal Popup 201-12-06 END
    **************************************************************************/
/*------------------------------------------------------------*\
DEVRUTA
\*------------------------------------------------------------*/
.divDev span {color: black; font: initial; line-height: initial;}
.divDev #ctl00_ucDevTools_btnClearCss {display: none !important;}
.divDev input, .divDev select {background: #fff; border: 1px solid black; color: black; padding: inherit;}