@charset "UTF-8";

/*
orange #e64e21

*/
/*overall*/
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.fancybox-inner * {outline:0!important}
html,body,input, textarea, select, button {font-size: 14px;color:#000;font-family: 'Muli', serif}
body {background:#fff}
ul{margin:0;padding:0}
a {color:#000;text-decoration:none}
a:hover {text-decoration:none;color:#e64e21}
h1,h2,h3 {color:#000}
h1 {font-size: 28px;margin:0 0 15px 0;font-weight: 800}
h2 {font-size: 26px;text-align:center}
.h2big {color:#878786;text-transform: uppercase;font-weight: 900;margin-top:5%;text-align:center}
.h2big span {font-size:22px;display: block;font-weight: 400}
h3 {font-size: 32px;} 
p {margin:0px}
img {max-width: 100%;max-height: 100%;vertical-align: middle;border: 0;}
textarea,textarea:focus,input[type="tel"],input[type=password]:focus,input[type=text]:focus,input[type=email]:focus,textarea:focus{border:1px solid rgb(221,220,220);outline:0}
input[type="submit"]{cursor:pointer;-webkit-appearance: none;}
.container,.topline>ul,header>section,nav>section,article {margin:0 auto 0;width: 1600px;max-width: 98%;position:relative}
.container {overflow:hidden}
@media (max-width: 1600px) { 
	.container {width:100%}
}
.containerfluid {margin:0 auto 0;width: 100%;position:relative;overflow:hidden;}
@media (max-width: 11000px) { 
	/*.containerfluid {display:none}*/
}

.fade {-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.hover:hover {opacity: 0.7}
.padding {padding:15px}
iframe {max-width:100%}
.knap,
#customer_lookup_submit,
.buyWrapperHeadline,
.ButtonWrapperText,
#confirm-complete-button,
.webshop-productlist .paging .paging_prev a,
.webshop-productlist .paging .paging_next a{text-decoration: none!important; font-weight:bold;cursor:pointer;-webkit-appearance: none;border-radius:0;line-height:20px;border:0px;background:#000;color:#fff;display:inline-block;padding:8px 25px;text-align:center;	-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.knap:hover,
.buyWrapper:hover span,
.ButtonWrapperText:hover,
#confirm-complete-button:hover,
.webshop-productlist .paging .paging_prev a:hover,
.webshop-productlist .paging .paging_next a:hover{text-decoration:none;opacity: 0.8;color:#fff!important}
.knapsmart {background:#f2f2f2;border:1px solid rgb(221,220,220);text-decoration: none!important;padding:5px 20px;transition: all .3s ease;}
.knapsmart:hover {background:rgb(221,220,220)}
@media (max-width: 999px) { 
	.knapsmart {display:block;margin:0 5%;width:90%}
}
.white {background:#fff;padding: 20px 0}
.lnkwhite {font-weight:bold;text-transform: uppercase;font-size:16px;color:#fff}
.lnkwhite:hover {text-decoration: underline}
.lnkwhite:before {content:'\f105'; font-family: fontawesome;border:2px solid #fff;border-radius: 50%;width:15px;display:inline-block;height:15px;line-height:15px;text-align: center;margin-right:10px;color:#fff}
.lnkred {font-weight:bold;text-transform: uppercase;color:#e64e21}
.lnkred:before {content:'\f105'; font-family: fontawesome;border:2px solid #e64e21;border-radius: 50%;width:15px;display:inline-block;height:15px;line-height:15px;text-align: center;margin-right:10px;color:#e64e21}
.lnkred:hover {text-decoration: underline}
.lnk {font-weight:bold;text-transform: uppercase;color:#e64e21}
.lnk:hover {text-decoration: underline}
.readmore {margin:10px 0}
.readmore .fa {cursor:pointer;border:2px solid #e64e21;border-radius: 50%;width:15px;display:inline-block;color:#e64e21;width:30px;height:30px;font-size:20px;line-height:30px;font-weight: bold}
.absolute-center {position:absolute;left: 0; right: 0; bottom:0;margin-left: auto; margin-right: auto; width: 40px;}
@media (max-width: 999px) {
	.readmore {display:none}
}
.smallbig {display:block;font-size:16px;margin-bottom:5px}
.dots:before {content:' ';height:30px;border-left:2px dotted #e64e21;display:block;width:1px;margin:10px auto}
.back {position:absolute;top:5px;left:5px;color:#e64e21;font-size:11px;line-height:20px;cursor:pointer;z-index:1}
.back:hover {color:#000}
.back .fa {cursor:pointer;;color:#e64e21;font-weight: normal;margin-right:5px}
.back:hover {color:#000}
.back:after {content:'Tilbage'}
@media (max-width: 999px) { 
	.back {position: static}
}

ul.list {list-style: none;margin:20px 0}
ul.list li {line-height:25px;font-weight: bold}
ul.list li:before {content:'\f058'; font-family: fontawesome;margin-right:10px;color:#e64e21}

.big  {font-weight:900;font-size:28px;color:#e64e21;display:block}
.containertxt {margin:0px auto;width:40%}
@media(max-width:1150px) {
   .containertxt {width:95%}
}
.gray,.gray:hover {color:#000!important;background:#c2c2c2!important}
select {outline:0;margin-bottom:15px;border:1px solid #000;padding:8px 0px;background:url('/images/skins/dandodesign/media/arrowdown.png') no-repeat center right 10px;
 -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
    display: none;
}
::-webkit-input-placeholder {color: #959595}:-moz-placeholder {color: #959595}::-moz-placeholder {color: #959595}:-ms-input-placeholder {color: #959595}
.hidden {display:none!important}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center,.text-center * {text-align: center!important;margin-left: auto;margin-right: auto;}
.text-upper {text-transform:uppercase}
.row {position:relative;overflow:hidden}
.left {float:left}
.right {float:right}
.flexrow {display: flex;}
.flexrow .col.right img {width:100%}
.flexrow .col {flex: 1;}
.flexrow ul {margin-left:15px}


@media (max-width: 999px) { 
	.SubCats_Categories_Container > .flexrow {display:block;}
	.SubCats_Categories_Container > .flexrow .col.left {padding:10px!important;width:100%}
	.SubCats_Categories_Container > .flexrow .col.right {background:#f2f2f2;float:none;width:100%}
}

.col33 {width:33%;float:left;text-align:center;padding:1%}
.col50 {width:50%;float:left;text-align:center;padding:1%}
.imgfade {position: relative; overflow: hidden;}
.imgfade img {-webkit-transition: 2.0s ease;transition: 2.0s ease;}
.imgfade:hover img {-webkit-transform: scale(1.08);transform: scale(1.08);}
.leftmenu {display:none}

.favpopup {text-align:center}
.favpopup a{text-decoration:underline}
.badge {z-index:99;position:absolute;box-shadow: 0 0 3px #e4e4e4, 0 0 7px #e4e4e4;bottom:15px;left:15px;border-radius:5px;background:#fff;font-size:12px;font-weight:bold;padding:10px 20px}
#ProductMenu_List > li:last-child {display:none}

/*article {border-top:1px solid #dedede}*/

@media (max-width: 999px) { 
	html,body,input, textarea, select, button {font-size:13px}
	h1 {font-size:18px}
	h2,h3 {font-size: 22px}
	.padding {padding:5px}
    .head {font-size:16px}
	.hidden-xs,.hidden-sm {display: none;}
	article,.container {max-width:100%}
	article > .content {/* background:#fff; *//* padding:10px; */}
	.webshop-productlist article {padding-top: 0px!important;}
}

@media (min-width: 1000px) { 
	body.sticky .topline {display:none}
	body.sticky header {position:fixed;width:100%;z-index:9999;top:0;background: #fff;border-bottom: 1px solid #d5d5d5;}
	/*body.sticky nav {display:none}*/
	body.sticky article .content {padding-top:100px}


	article {position:relative}
	article .content {/* margin-top:20px; */background:#fff;}
	.visible-xs {display: none;}
   	.fixed {position:fixed;width:100%;z-index: 999}
	
	article:after {content:'';clear:both;display:block}
	.article .leftmenu {display:none}
	body:not(.webshop-productlist) .content {width:100%}
	body:not(.webshop-productlist) .leftmenu {display:none}
}



/*------------------header & nav start--------------------*/

header #favoritter {height:40px;position:absolute;top: -30px;cursor:pointer;width:40px;background:url('/images/skins/safco/media/icon-favoritter.svg') no-repeat top center;background-size: 25px;right: 400px;}
header #favoritter > div {border:2px solid #fff;background:#992c38;color:#fff;width:24px;height:24px;display:block;font-size: 11px;line-height:20px;text-align: center;border-radius:50%;position:absolute;right:-10px;z-index:9;top:-5px;}

header #soeg {height:40px;position:absolute;top: -30px;cursor:pointer;width:40px;background:url('/images/skins/safco/media/icon-soeg.svg') no-repeat top center;background-size: 23px;right: 450px;}
header #downloads {border:1px solid #000;position:absolute;padding:15px 25px;font-size:16px;right:150px;top:20px;}
header #downloads:hover {color:#000}
header #webshop {background: #000;border:1px solid #000;position:absolute;padding:15px 25px;font-size:16px;;color:#fff;right:0;top:20px}
header #webshop:hover {color:#fff}
header #link {background: #fff;border: 1px solid #000;position:absolute;padding:15px 25px;font-size:16px;color: #000;right:300px;top:20px;font-weight: normal;}
header #link:hover {color:#000!important}


@media (min-width: 880px) {
       
	.resmenu {display:none!important}
     
	header {position:relative;height:90px;z-index: 9;border-bottom: 1px solid #d5d5d5;}
	header>section {height:100%}
	header .WebShopSkinLogo {position:absolute; top:20px;height:50px}
	header #Search_Form {position: absolute;top:25px; width: 45%; left:20%;display:none}
	header #Search_Form .SearchField_SearchPage {height:45px;width:100%;padding:0 0 0 25px; background:#f2f2f2;border:1px solid #f2f2f2;color:#000}
	header #Search_Form .SubmitButton_SearchPage {z-index:1;background:url('/images/skins/dandodesign/media/icon-soeg.svg') no-repeat center center;background-size: 28px;border:0;font-weight:normal;color:transparent;position: absolute;top: 0px;right: -10px;bottom: 0px;padding: 0 25px;outline: 0;}
	header #Search_Form .nbsp, header #Search_Form .SearchTitle_SearchPage,header #Search_Form br {display:none}


	/*nav*/
	nav {position:absolute;left:20%;top:35px;bottom:0px}
	nav ul {list-style: none}
	nav > ul {display:flex;flex-direction: row;height:100%}
	nav > ul > li {flex-grow:1;text-align: left;padding:0 40px;position:relative;}
	nav > ul > li:not(:last-child):after {content:'|';position:absolute;right:0;top:0;color:#e2e2e2}
	nav > ul > li > a {font-size:16px;font-weight:bold;display:block}
	nav > ul > li > a.has-dropdown:after {content:'\f107'; font-family:fontawesome;margin-left:10px}
	nav .dropdown {display:none}

	/*topmenu dropdown*/
	header nav > ul > li:hover .dropdown {display:block;/* border-top:1px solid #dedede */}
	header nav > ul > li ul.dropdown {z-index: 8;position:absolute;background:#fff;padding:30px;width:300px;margin-left:-40px;margin-top: 34px;border-top: 1px solid #d5d5d5;}
	header nav > ul > li ul.dropdown li {line-height:30px}
	header nav > ul > li ul.dropdown li a {font-weight:bold;display:block}
	header nav > ul > li ul.dropdown span {display:block;color:#878786;font-weight:normal}
	header nav > ul > li ul.dropdown.first > li:last-child {border-top:1px solid #d5d5d5;margin-top:10px;padding-top:10px}
	header nav > ul > li ul.dropdown.big {width: 500px;font-size:14px;}
	header nav > ul > li ul.dropdown.big a {font-size:14px}
	header nav > ul > li ul.dropdown.big li {width: 50%;float:left;}
	
}
@media (max-width: 1400px) { 
    nav {position:absolute;left:130px;}
    nav > ul > li {padding:0 20px}
}
@media (max-width: 1000px) { 
    header #downloads {padding:5px 10px;font-size:14px;right: 100px;top:30px;}
    header #webshop {padding:5px 10px;font-size:14px;top:30px;}
	header #link {padding:4px 10px;font-size:14px;top:30px;right:203px}
    header #favoritter {right:270px;background-size:26px;}
    header #soeg {right:210px;background-size:24px;}
    header nav {position:absolute;left:140px;}
    header nav > ul > li {padding:0 20px}
    header nav > ul > li > a {font-size:14px}

}
@media (max-width: 1400px) { 
    header nav > ul > li ul.dropdown.big {/* margin-left:-300px; *//* width:850px; */margin-top: 14px;}
}
@media (max-width: 999px) {

	header {position:relative;height: 60px;border-bottom:1px solid #d5d5d5;}
    header > section {height:100%}
    header .WebShopSkinLogo {height:30px; position:absolute; top: 15px}
	header nav {display:none}

	header #resmenu {right:0px;text-align:center;font-size:25px;position:absolute;top:10px;width:35px;height:35px;color:#444c4f;line-height: 35px;border-radius: 3px;cursor:pointer}
	header #resmenu:after {content:'MENU';position:absolute;left:2px;top:20px;font-size:10px;font-weight:600}
	header #favoritter {right:60px;top:20px}
	header #soeg {right:110px;top:20px}
    header #favoritter {}  
    header #downloads {padding:4px;font-size:10px;right: auto;left:183px;top:20px;}
    header #webshop {padding:4px;font-size:10px;right:auto;left:255px;top:20px}
	header #link {padding:1px 3px;font-size:10px;right:auto;left:100px;top:20px}
	
		
	#Search_Form {position:absolute;margin:0 auto;top:60px;width:100%;display: none;}
    #Search_Form:after{content:'\f002 ';font-family:FontAwesome;font-size:14px;position:absolute;color:#727272;right:5px;height:40px;width:30px;line-height:40px;text-align:center;}
    #Search_Form .SearchField_SearchPage {-webkit-appearance: none;font-size:13px;height:40px;width:100%;padding:0 0 0 10px;border: 1px solid rgba(177, 177, 177, 0.5);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-top: 0px;} 
    #Search_Form .SubmitButton_SearchPage {z-index:1;background:transparent;border:0;font-weight:normal;color:transparent;position: absolute;top: 0px;right: 0px;bottom: 0px;padding: 0 15px;outline: 0;}
    #Search_Form .nbsp, #Search_Form .SearchTitle_SearchPage, #Search_Form br {display:none}
	
	/*resmenu*/
	.resmenu .article {display:none;padding:5px 20px;}
	

	.resmenu,#resoverlay {display:none}
	.resselect {margin-bottom:20px}
	.res #resoverlay {position: fixed;display: block;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.5);z-index: 7050;cursor: pointer;}
	.res .resmenu {display:block;top:80px;position:absolute;background:#ffffff;width:100%;z-index:9999;padding:60px 0 30px 0}
	.resmenu > .fa {cursor:pointer;color:#992c38;position:absolute;right:25px;font-size:30px;top:15px}
	.resmenu > .fa:hover {color:#000}
	.resmenu a {display:block}
	.resmenu {top:60px;left:0}
	.resmenu ul {list-style: none}
	.resmenu > ul > li {position:relative}
	.resmenu > ul > li > a {font-size:16px;font-weight: bold;line-height: 35px}
	.resmenu > ul > li .dropdown {display:none}
	.resmenu .resselect > a,.resmenu .resselect > span > .fa {color:#e64e21}
	.resmenu .plus {display:block!important;cursor:pointer;font-size:28px;position: absolute;right:0px;width:100px;text-align:right;padding-right:30px;top:0;margin-top:0px}
	.resmenu .plus:hover {color:#e64e21}
	.resmenu > ul > li ul.dropdown li {line-height: 25px}
	.resmenu > ul > li ul.dropdown li a {font-size:13px}
	.resmenu > ul > li ul.dropdown li span {font-weight:bold;color:#878786;border-bottom:1px solid #e6e6e6;display: block;margin-top:5px}
	.resmenu > ul > li ul.dropdown.big li {padding:5px 0}
	.resmenu .dropdown.big span {display:none!important}
	.resmenu .dropdown.big a {font-weight:normal}
}
@media (max-width: 500px) {
	header .WebShopSkinLogo {max-width:40%}
}

@media (min-width: 999px) {
    nav {left:auto!important;right:500px}
}
@media (min-width: 999px) and (max-width: 1600px) {
    nav > ul > li {padding:0 20px!important}
}
@media (min-width: 999px) and (max-width: 1400px)  {
    nav {right:0px}
    header section > a {padding:5px 10px!important;top:10px!important}
    header #downloads {right:120px!important}
    header #link {right:240px!important}
    nav {top:55px!important}
}

/*------------------header end--------------------*/

/*------------------topline start--------------------*/
section.topline {overflow:hidden;height:40px;line-height:40px;border-bottom:1px solid #f2f2f2;color:#000}
section.topline ul {list-style: none}
section.topline ul li:last-child{padding-right:0}
section.topline ul li {color:#959595;background:url('/images/skins/dandodesign/media/icon-check.svg?1') no-repeat left center;background-size:15px;padding-left:20px;font-size:13px;float:left;margin-right:35px}
section.topline ul li#trusticon {text-align:center;background:none;width:150px;padding-left:10px}
section.topline ul li#trusticon img {margin-bottom:5px}
section.topline ul li:last-child {float:right;background:none;padding:0px;margin:0px}
section.topline ul li:last-child span#phone, section.topline > ul > li:last-child a {font-weight:bold;color:#959595;display:inline-block}
section.topline * {outline:0}
@media (max-width: 1300px) {
    section.topline ul li {/* font-size:11px; */}

    section.topline ul li .hidden-xs {/* display:none; */}
	section.topline ul li#trusticon img {width:70%}
}
@media (max-width: 1100px) {
    section.topline ul li {width: auto;margin:0}
    section.topline ul li:last-child {/* display:none; */}
}
@media (max-width: 999px) {
	section.topline {height:30px;line-height:30px}
	section.topline ul li {width:50%}
	section.topline ul li#trusticon img {height:20px;padding-top:7px;width:auto}
}
@media (max-width: 500px) {
	section.topline ul li {width:100%}
}
/*------------------topline end--------------------*/

/*------------------leftmenu start--------------------*/
@media (min-width: 880px) {
	.leftmenu .article {display:none}
	.leftmenu .SubCategory1_Productmenu {display:none}
	.leftmenu #ProductMenu_List ul {display:none}
	.leftmenu #ProductMenu_List .SHOWMENU,
	.leftmenu #ProductMenu_List .active > ul {display:block}
	.leftmenu .SubCategory2_Productmenu {line-height:30px}
	.leftmenu #ProductMenu_List {background:#fff;padding:15px;margin-bottom:0px;margin-top:35px}
	.leftmenu span {width:100%}
	.leftmenu ul {list-style:none}	
	.leftmenu a,.leftmenu a span {display:block}
	.leftmenu a.CategoryLink0_Productmenu  {font-size:22px;font-weight:bold;border-bottom:1px solid #cfcfcf;padding-bottom:15px;margin-bottom:15px}
	.leftmenu a.CategoryLink1_Productmenu {font-size:16px;line-height:30px}
	.leftmenu .active > a, .leftmenu .active > a span {font-weight:bold!important}
	.leftmenu .RootCategory_Productmenu .dropdown {padding-bottom: 15px}
	.leftmenu #ProductMenu_List .SHOWMENU,.leftmenu #ProductMenu_List .active > .row > ul {display:block!important}
	.leftmenu #ProductMenu_List > li:not(.SHOWMENU) {display:none}
	.leftmenu .SubCategory2_Productmenu .dropdown {display:none!important}
}
/*------------------leftmenu end--------------------*/

/*------------------filter start--------------------*/
/*.filterLoadedOnce .content .SubCats_Categories_Container {display:none}*/

@media (max-width: 999px) {
    #ProductFilter-Container {display:none}
    body.filter .content .MoveBeforeFilter {display:none}
    body.filter .content .CmsPageStyle_Table {display:none}
    .webshop-productlist .leftmenu {padding:0px 0 0 5px;display:block!important}
    .webshop-productlist .leftmenu #ProductMenu_List {display:none}
    .leftmenu #ProductFilter-Container {width:98%;margin-left:1%}
    .webshop-productlist .leftmenu {padding:0 5px!important;width:100%}
    .leftmenu .ResponsiveFilter {font-size:18px;display:block;cursor:pointer;text-align:center}
}
@media (min-width: 880px) { 
    #ProductFilter-Container {display:block!important}
    .leftmenu .ResponsiveFilter {display:none}
}

.leftmenu #ProductFilter-Container .product-filter-header-clearlink-container {font-size:12px;padding-top:10px}
.leftmenu #ProductFilter-Container .product-filter-container {margin-bottom:10px;border:0px;}
.leftmenu #ProductFilter-Container .product-filter-header-container {margin-top:15px;border:0px;padding:0px 15px;background:#f2f2f2}
.leftmenu #ProductFilter-Container .product-filter-header-text {width:100%;font-size:22px;font-weight:bold;display:block;border-bottom:1px solid #cfcfcf;padding:20px 0}
.leftmenu #ProductFilter-Container .product-filter-body-container {margin-bottom:10px;border:0px;background:#f2f2f2;padding:15px}
.leftmenu #ProductFilter-Container select {padding-left:15px}
.leftmenu #ProductFilter-Container input[type="checkbox"] {margin:0 8px 0 0}
.leftmenu #ProductFilter-Container .product-filter-checkbox-label {cursor:pointer;}
.leftmenu #ProductFilter-Container .product-filter-checkbox-label {line-height:inherit;width:100%}
.leftmenu #ProductFilter-Container input[type="checkbox"] {display:none;}
.leftmenu #ProductFilter-Container input[type="checkbox"] + label span {float:right;display:inline-block;width:19px;height:19px;cursor:pointer;border: 1px solid #cfcfcf;position: relative;vertical-align: middle;background:#fff}
.leftmenu #ProductFilter-Container input[type="checkbox"] + label:hover span:after {content: "\002714"; position: absolute; font-size: 14px;font-weight:bold;line-height: 1;left: 50%;top: 50%;-ms-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);color: #cccccc;}
.leftmenu #ProductFilter-Container input[type="checkbox"]:checked + label span:after {content: "\002714";position: absolute;font-size: 14px;font-weight:bold;line-height: 1;left: 50%;top: 50%;-ms-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);color: #e64e21;}
.leftmenu #ProductFilter-Container input[type="checkbox"]:checked + label {color:#e64e21}
.leftmenu #ProductFilter-Container input[type="checkbox"]:checked ~ div {color:#e64e21}
.leftmenu #ProductFilter-Container .product-filter-tag-select {border: 1px solid #E2E3E4;border-radius: 5px;height: 40px;}
.leftmenu #ProductFilter-Container .product-filter-checkboxes, .leftmenu #ProductFilter-Container .product-filter-manufactor-checkboxes {margin:0px} 
.leftmenu #ProductFilter-Container .product-filter-checkbox-container {margin-bottom:7px}


/*------------------filter end--------------------*/

/*------------------cms sider start--------------------*/
.webshop-cmspage article {width:100%;max-width:100%}
.webshop-cmspage article .content {margin:0}
@media (max-width: 999px) { 
    .webshop-cmspage article .content {padding:0}
    .webshop-cmspage article .content {padding:0}
}
@media (max-width: 1600px) { 
    .webshop-cmspage article .content .container {width:100%}
}

/*4 pic cat*/
ul.cat {overflow:hidden;position:relative;list-style:none;margin:30px 0}
ul.cat li:nth-child(1) {margin-left:0px}
ul.cat li:nth-child(4) {margin-right:0px}
ul.cat li {float:left;width:calc(25% - 25px);margin:15px}


ul.cat li:hover > a {color:#fff!important;background:#8f9d9d}
ul.cat li img {width:100%}
ul.cat li > a {display:block;background:#f2f2f2;text-align:center;font-size:22px;font-weight:bold;padding:10px 0;transition: all .3s ease;}

@media (max-width: 979px) { 
   ul.cat li  {width:calc(50% - 10px);margin:5px!important}
   ul.cat li > a {font-size:14px}
}
@media (max-width: 500px) { 
   ul.cat li  {width:calc(100% - 10px);margin:5px!important}
}
/*content*/
#content {width:1000px;margin:0px auto;padding-bottom:30px}
#content h1 {margin-top:30px}
#content h2 {font-size:21px;text-align:left;margin:30px 0 10px 0}
@media (max-width: 999px) { 
    #content {padding:0 5px 30px 5px;width:100%}
}
/*faq*/
.faq {list-style: none;padding:0px;}
.faq li {position:relative;margin-bottom:15px}
.faq li > div {padding:15px;background:#f2f2f2;display:none}
.faq li > b {display:block;padding:15px;cursor:pointer}
.faq li > b:after {content:'\f105';font-family:fontawesome;position:absolute;right:15px}
.faq li > b {background:#f2f2f2 }
.faq li.active > b:after {content:'\f107';color:#fff}
.faq li.active > div {display:block}
.faq li.active > b {background:#8f9d9d;color:#fff}

/*cms top*/
.cmstop {position:relative;text-align:center}
.cmstop > div {color:#fff;position:absolute;;text-align:center;width:100%; top: 50%; transform: translateY(-50%);}
.cmstop > div > b {font-size:56px;}
.cmstop > div > span {font-size:22px;display:block;margin-top:10px}
@media (max-width: 999px) { 
	.cmstop > div > b {font-size: 16px;}
    .cmstop > div > span {font-size: 10px;}
}

/*cms kontakt*/
.kontaktbox > div {width:49%;background:#f2f2f2;cursor:pointer;text-align:center;padding:30px 0 40px 0;font-size:16px}
.kontaktbox > div .fa {display:block;font-size:40px;margin-bottom:10px}
.kontaktbox > div b {display:block;font-size:26px;margin:15px 0}
.kontakshowroom  {margin:50px 0;background:#8f9d9d}
.kontakshowroom > div {width:50%}
.kontakshowroom > div.right {padding:20px;color:#fff}
.kontakshowroom > div.right h2 {color:#fff}
.kontaktform {background:#f2f2f2;padding:50px 15%}
.kontaktform h2 {text-align:center!important;margin:0 0 20px 0!important}
.kontaktform input[type="text"] {width:100%;line-height:45px;padding:0 20px;margin:5px 0;font-weight:bold;border:1px solid #fff}
.kontaktform textarea {width:100%;margin:5px 0;font-weight:bold;padding:20px;border:1px solid #fff}
.kontaktform input[type="submit"] {margin-top:30px}
@media (max-width: 999px) { 
    .kontaktbox > div {font-size:10px}
    .kontaktbox > div .fa {font-size:25px}
    .kontaktbox > div b {font-size:14px}
    .kontakshowroom > div, .kontakshowroom > div img {width:100%}
    .kontaktform {padding:30px 5%}
}

/*cms håndværker*/
.haandvaerkerbox {margin-top:50px}
.haandvaerkerbox ul {list-style: none;margin:40px 0 50px 0;overflow: hidden;}
.haandvaerkerbox ul li {float:left;width:25%;padding:0 15px}
.haandvaerkerbox ul li img {display:block;margin-bottom:10px}
@media (max-width: 999px) { 
	.haandvaerkerbox {margin:20px 0}
    .haandvaerkerbox ul li {width:50%;padding:0 15px;margin-bottom:30px}
}

/*cms inspiration*/
.inspirationshow .imgfade {border:2px solid #fff}
.inspirationmenu {margin-top:30px}
.inspirationmenu span {display:inline-block;border:1px solid #000;color:#000;cursor:pointer;padding:5px 25px;margin:0 5px;font-weight:bold;transition: all .3s ease;}
.inspirationmenu span:hover,.inspirationmenu span.active {border:1px solid #000;color:#fff;background:#000}
.inspirationshow > div {float:left;width:33.33%}
.inspirationshow > div span {display:none}
.inspirationshow > div:hover span {display:block;position:absolute;z-index:99;bottom:50px;left:20px;color:#fff;font-size:22px;font-weight:bold;}
.inspirationshow > div:hover span:after{content:'SE MERE';display:block;font-size:14px;font-weight: normal;text-decoration: underline;margin-top:10px}
.inspirationshow > div img {cursor:pointer}
.inspirationshow > div a {display:none}
.inspopup {text-align:center}
.inspopup > span {display:block;font-size:32px;margin-top:10px}
.inspopup > a {-webkit-appearance: none;display:inline-block;border: 1px solid #000;background: #000;color: #fff;margin-top:10px;padding: 5px 20px;}
.inspopup > a:hover {text-decoration: underline;color:#fff!important}
@media (max-width: 999px) { 
    .inspirationtop {background:#8A9E9D}


    .inspirationtop > div {position:relative;top:auto;transform:none;padding:15px 0}
    .inspirationmenu span {margin:5px;font-size:12px}
    .inspirationtop img {display:none}
	.inspirationshow > div {width:50%}
}

/*cms download*/
.downloadmenu {margin-top:30px}
.downloadmenu span {display:inline-block;border:1px solid #000;color:#000;cursor:pointer;padding:5px 25px;margin:0 5px;font-weight:bold;transition: all .3s ease;}
.downloadmenu span:hover,.downloadmenu span.active {border:1px solid #000;color:#fff;background:#000}
.downloadshow .group {width:50%;margin:0px auto;background:#f2f2f2;margin-bottom:20px}
.downloadshow .group b {display:block;background:#000;color:#fff;padding:10px 20px;font-size:22px}
.downloadshow .group a {display:block;padding:10px 20px;position:relative}
.downloadshow .group a:after {content:'Download';position:absolute;right:20px;color:#e64e21;text-decoration: underline}
.downloadshow .group a:hover {background:rgb(221,220,220)}
@media (max-width: 999px) { 
    .downloadtop {background:#8A9E9D}
    .downloadtop > div {position:relative;top:auto;transform:none;padding:15px 0}
    .downloadmenu span {margin:5px;font-size:12px}
    .downloadtop img {display:none}
    .downloadshow .group {width:95%}
    .downloadshow .group b {font-size:14px}
}
/*------------------cms sider end--------------------*/

/*------------------forside start--------------------*/

.webshop-frontpage article {width:100%;max-width:100%}
.webshop-frontpage .slider {height: calc(100vh - 180px);}
.webshop-frontpage .slider video {position: absolute;width: 100%;height: 100%;object-fit: cover;}

.webshop-frontpage .slider > div {margin:0 auto 0;width: 1600px;max-width: 95%;position:relative}
.webshop-frontpage .slider h1 {font-weight:800;font-size:50px;color:#fff;position:absolute;z-index:2;max-width:500px; margin-top:300px;transition: all .3s ease;}
@media(max-width:1600px) {
    .webshop-frontpage .slider h1 {margin-top:200px}
}
@media(max-width:1100px) {
    .webshop-frontpage .slider h1 {margin-top:100px;font-size:40px}
}
@media(max-width:700px) {
	.webshop-frontpage .slider {height: 50vh}
	.webshop-frontpage .slider > div {text-align: center}
    .webshop-frontpage .slider h1 {margin-top: 150px;font-size:40px;left:0;right:0;margin-left:auto;}
}
@media(max-width:500px) {
    .webshop-frontpage .slider h1 {font-size:30px}
}


section.velkommen > .container {width:1240px;background:#f2f2f2;margin-top:-3%}
section.velkommen .left {width:50%;padding:4% 5%}
section.velkommen .left h2 {text-align: left;font-weight: 800;margin:10px 0 20px 0}
section.velkommen .right {/* background:url('/images/skins/safco/media/forsidebillede.jpg'); *//* background-size:cover; */}
@media (max-width: 999px) { 
	section.velkommen > .container {margin-top:0}
	section.velkommen > .container > .flexrow {display:block}
	section.velkommen .left {width:100%}
}

section.doere {margin-top:100px;}
section.doere .left {background:url('/images/skins/safco/media/forsideprivate.jpg');background-size:cover;margin-right: 1%;}
section.doere .right {background:url('/images/skins/safco/media/forsideprojekter.jpg');background-size:cover;margin-left: 1%;}
section.doere .col {position:relative;min-height:400px}
section.doere .col div {color:#fff;font-size:30px;position:absolute;bottom:10%;left:10%}
section.doere span {display:block;font-size:50px;font-weight: 800}
@media (max-width: 999px) { 
    section.doere {margin-top:50px;}
    section.doere .left {margin-right:0}
    section.doere .right {margin-left:0;margin-top:1%}
    section.doere .flexrow { flex-direction: column;}
    section.doere .col {position:relative;min-height:200px}
    section.doere .col div {font-size:22px}
    section.doere span {font-size:40px}
}

.webshop-frontpage .news-list {max-width: 1000px;background: #f2f2f2;margin:0px auto}
.webshop-frontpage .news-list .news-item {position:relative}
.webshop-frontpage .news-list .news-item .news-image {float:left;width:45%}
.webshop-frontpage .news-list .news-item .news-info {float:right;width:55%;padding:30px 20px 0 0}
.webshop-frontpage .news-list .news-item .news-info small {display:none;font-size:14px;color:#7c7c7c}
.webshop-frontpage .news-list .news-item .news-info b {font-size:24px;display:block;margin:10px 0}
.webshop-frontpage .news-list .news-item .news-info a.lnkred {margin-top:20px;display:inline-block;text-transform: uppercase}
@media(max-width:700px) {
    .webshop-frontpage .news-list .news-item .news-image {float:none;width:100%}
    .webshop-frontpage .news-list .news-item .news-image img {width:100%}
    .webshop-frontpage .news-list .news-item .news-info {float:none;width:100%;padding-left:20px}
}
/*------------------forside end--------------------*/

/*------------------produkt start--------------------*/

.product-list {/*text-align: center*/}
.product-list * {outline: none!important}
.product {text-align:center}

.product-list>ul .slick-slide {margin: 5px;padding: 5px}
.product-list>ul .slick-prev {position:absolute;background:red;left:50%}
#slicknav {text-align:center;margin:20px 0 70px 0}
#slicknav .fa {display:inline-block;cursor:pointer;transition: all .3s ease;font-size:32px;color:#000;background:#f2f2f2;width:55px;height:55px;line-height:55px;text-align:center;border-radius:50%;margin:0 15px}
#slicknav .fa:hover {color:#fff;background:#000}

.product-list h2 {margin:60px 0 35px 0}
section.categories ul li:first-child {padding-left:0px}
section.categories ul li:last-child {padding-right:0px}
body div[class*="avingsImage_DIV"] {display:none}
body div[class*="avingsText_DIV"]{color:#795600;font-weight:bold;text-transform:uppercase;font-size:12px;padding:0;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
body div[class*="avingsText_DIV"]:before {content:'-'}
body div[class*="avingsContainer_DIV"]{left:15px;top:15px;background:#fee4a6;border-radius:50%;height:50px;width:50px;padding:0;line-height:15px}
@media (max-width: 999px) {
	body div[class*="avingsContainer_DIV"]{height:40px!important;width:40px!important}
	body div[class*="avingsText_DIV"]{font-size:10px!important}
}

.ProductInfo_Fancybox_IMG {width:100%}

div.Element_Overlay_DIV,
div.Element_Overlay_Frontpage_SavingsDIV,
div.Element_Overlay_ProdList_SpecialOfferDIV,
div.Element_Overlay_ProductInfo-related-savingsDIV,
div.Element_Overlay_ProductInfo-customersboughtDIV,
div.Element_Overlay_ProdList_SavingsDIV {width:100%!important;height:100%!important;position:inherit!important}
.product {text-align:center}
.product-list {margin:0}
/*.product-list>ul {display:flex;flex-wrap: wrap;}*/
.product-list>ul>li {cursor:pointer;display:inline-block;position: relative;float: none;vertical-align: top;box-sizing: border-box;margin: 5px;padding: 5px;text-align: center}
.product-list>ul li:hover .product-name a{text-decoration: none;color:#e64e21}
.product {position:relative;padding-bottom: 40px;}
.product-news {position:absolute;right:15px;top:15px;z-index:9}
.product-news span {left:15px;top:15px;background:#e64e21;border-radius:50%;height:50px;width:50px;padding:0;line-height:50px;display:block;font-weight: bold;text-transform: uppercase;font-size:11px;color:#fff}
@media (max-width: 999px) {
	.product-news img {height:40px;width:40px}
	.product-news span {height:40px;width:40px;line-height: 40px;font-size:9px}
}
.product-name {height: 90px;padding:10px 20px 0 20px;font-weight: 800;}

.product-image:before {content: ' ';display: inline-block;vertical-align: middle;height: 100%;}
.product-image {position:relative}
.product-image img {max-height:100%;display:inline-block!important;width:100%}
.product-price {padding: 0;font-weight:bold;font-size:18px;}
.product-offer .product-price:before {display:none}
.product-price {font-weight:800}
.product-price-text {font-size:12px}
.product-price strike {text-decoration: none}
.product-buy {display:none;position:relative;height:40px;margin:0px auto}
.product-buy input[type="TEXT"] {display:none}
.product-buy input[type="IMAGE"],.product-buy img {outline:0;width:100%;height:100%;position:absolute;margin:0px;padding:0px;left:0;right:0;top:0;bottom:0}

.product .fav {position: absolute;right:10px;bottom:10px}
.product .fav .fa {color:#e64e21;font-size:20px;border:1px solid #Fff;padding:10px;border-radius: 50%;background:#fff; box-shadow: 0 0 3px #e4e4e4, 0 0 7px #e4e4e4;transition: all .3s ease;}
.product .favactive .fa,
.product .fav .fa:hover{color:#fff;background:#e64e21}

.product-list>ul>li {width: calc(16.66% - 10px)}
.webshop-productlist .product-list>ul>li{width: calc(20% - 10px);}
@media (max-width: 1500px) {
    .product-list>ul>li {width: calc(25% - 10px)}
	.webshop-productlist .product-list>ul>li{width: calc(25% - 10px)}
}
@media (max-width: 1300px) {
    .product-list>ul>li {width: calc(33.33% - 10px)}
	.webshop-productlist .product-list>ul>li {width: calc(33.33% - 10px)}
}
@media (max-width: 1000px) {
    .product-list>ul>li {width: calc(33.33% - 10px)}
	.webshop-productlist .product-list>ul>li{width: calc(50% - 10px);}
}
@media (max-width: 999px) {	
	.product-list>ul>li {width: calc(50% - 10px)}
	.webshop-productlist .product-list>ul>li{width: calc(50% - 10px);}
	.product-name {padding:5px 0 0 0;height:100px}
	.product-name a {font-size:12px}
	/*.product-image {height:200px}*/
	.product-price {font-size:15px}
}

/*ref*/
.webshop-productlist .product-list-ref .ProductList_Custom_DIV  {overflow:hidden;position:relative;margin:-0.5% -1%;max-width:1600px;margin:0px auto}
.webshop-productlist .product-list-ref .ProductList_Custom_DIV > div {float:left;width:25%;}
.webshop-productlist .product-list-ref .ProductList_Custom_DIV .blogItem {margin: 2% 4%;transition: all .3s ease;}
.webshop-productlist .product-list-ref .ProductList_Custom_DIV .blogItem img {width:100%}
.webshop-productlist .product-list-ref .ProductList_Custom_DIV .blogDate {padding:10px 15px 0 0;color:#e64e21;font-weight:700}
.webshop-productlist .product-list-ref .ProductList_Custom_DIV .blogName {position:relative;height:60px}
.webshop-productlist .product-list-ref .ProductList_Custom_DIV .blogName a {font-size:22px}

@media (max-width: 1300px){
	.webshop-productlist .product-list-ref .ProductList_Custom_DIV > div {width:50%;}
    .webshop-productlist .product-list-ref .ProductList_Custom_DIV .blogName a {font-size:15px}
}
@media (max-width: 999px){
    .webshop-productlist .product-list-ref .ProductList_Custom_DIV .blogDate {font-size:10px}
    .webshop-productlist .product-list-ref .ProductList_Custom_DIV .blogName a {font-size:12px}
}
/*------------------produkt end--------------------*/

/*------------------favorites start--------------------*/
/*
.webshop-favorites article {width:100%;max-width:100%}
.webshop-favorites .content {width:100%}
.webshop-favorites h1 {text-align:center;margin:40px 0 20px 0}
.webshop-favorites .product-price:before {content:''}
.webshop-favorites .pricebefore {margin-right:10px; color: #b6b6b6;text-decoration: line-through;position:absolute;margin:0px auto;left:0;right:0;margin-top:-15px;font-weight:normal;font-size:14px}
.webshop-favorites .favactions img {margin:0 5px}
.webshop-favorites .favdelete img {width:20px;height:20px;margin-top:5px}
*/
.favorites {position:fixed;background:#fff;width:500px;right:-500px;top:0;bottom:0;height:100%;z-index:9999;transition: all 0.5s ease-in-out}
.favorites .head {font-size:20px;padding:25px;border-bottom:1px solid #f2f2f2}
.favorites .head .close {position:absolute;right:30px;top:30px;cursor:pointer}
.favorites .head .icon {position:absolute;right:80px;top:22px;background: url(/images/skins/dandodesign/media/icon-favoritter.png) no-repeat top center;width:60px;height:60px}
.favorites .head .icon span {border:2px solid #fff;background: #992c38;color:#fff;width:24px;height:24px;display:block;line-height:20px;text-align: center;border-radius:50%;position:absolute;right:0;z-index:9;top:-10px;font-size:10px;}
.favorites .body {overflow:hidden;position:relative;margin-top:20px;overflow-y: auto;height: 60%;}
.favorites .body .product {float:left;width:33.33%;padding:5px 15px}
.favorites .body .product .remove {background:#000;position:absolute;width:25px;height:25px;line-height:25px;text-align:center;border-radius: 50%;cursor:pointer}
.favorites .body .product .image {height:150px}
.favorites .body .product .name {height:60px;overflow:hidden}
.favorites .body .product .name b  {display:block;margin:5px 0}
.favorites .body .product .name a  {font-size:12px}
.favorites .body .product .price  {font-size:14px;font-weight:bold;margin:10px 0}
.favorites .form .send {width:100%;display:block;background:#000;color:#fff;margin:20px 15px 0 15px;text-align:center;font-weight: bold;font-size: 16px;padding:10px 0;cursor:pointer}
.favorites .form form {display:none;border-top:1px solid #f2f2f2;padding-top:20px}
.favorites .form input[type="email"] {padding-left: 10px;border-radius: 5px;border: 1px solid #cecece;height: 35px;font-size: 13px;margin-left:15px;width:50%}
.favorites .form .sendaction {display:inline-block;background:#000;color:#fff;text-align:center;font-weight: bold;font-size: 16px;padding:6px 20px;cursor:pointer;margin-left:10px;border:0px}
.favorites .form .ok {text-align:center;color:#e64e21;font-weight:bold}
.favorites .form .error {text-align:center;color:rgb(217,43,43)}
@media (max-width: 999px) {
    .favorites {width:70%;right:-70%}
    .favorites .body .product {float:none;width:100%;padding:10px;text-align:left;border-bottom:1px solid #f2f2f2}
    .favorites .body .product .image {height:70px;width:70px;float:left}
    .favorites .body .product .name {height:auto}
    .favorites .body .product .name b {margin:0px}
    
}
body.favoritesShow .favorites {right:0}
body .favoritesOverlay {position: fixed;width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.3); z-index: 99;cursor: pointer;}

form.sendfavorites b {font-size:18px;display:block;margin-bottom:20px;border-bottom:1px solid #d5d5d5;padding-bottom:10px;text-align:center}
form.sendfavorites {text-align:left}
form.sendfavorites input {margin-top:5px;line-height:25px;padding-left:5px;border:1px solid #000}

form.sendfavorites .row {margin-bottom:15px}
form.sendfavorites .row .left {width:45%!important}
form.sendfavorites input[name="afsenderMail"] {width:98%}
form.sendfavorites input[name="modtagerMail"] {width:98%}
form.sendfavorites input[name="emne"] {display:block;width:100%}
form.sendfavorites input:focus {border:1px solid #000!important}
form.sendfavorites textarea[name="besked"] {display:block;width:100%;margin-top:15px;height:100px;padding:5px}
form.sendfavorites textarea:focus {border:1px solid #000!important}
form.sendfavorites input[type="submit"] {background: #000;color: #fff;margin: 20px 0;text-align: center;font-weight: bold;font-size: 16px;padding: 5px 0;cursor: pointer;display:block;width:100%}
/*------------------favorites end--------------------*/

.slidelist {height:430px;overflow: hidden;width: 100%;margin:0px auto;list-style: none;display: flex;align-content: stretch;justify-content: center;flex-wrap: wrap;}
.slidelist.nooverflow {height:auto}
.slidelist li {text-align: center;margin:0 10px;padding-bottom: 30px;}
.slidelist li img {display:inline-block}
.slidelist li div {margin-top:5px;font-weight:bold}

.noslidelist {width:95%;margin:0px auto;list-style: none;text-align: center}
.noslidelist li {text-align: center;display:inline-block}
.noslidelist li img {/* margin:0 20px */}
.noslidelist li {max-width:200px!important;text-align: center!important}
.noslidelist li div {padding:10px}


.webshop-productlist .CmsPageStyle hr {display:none}

.webshop-productlist article {width:100%;padding-top:40px;}
.webshop-productlist h1 {font-size:28px}

/*new start*/
.webshop-productlist .breadcrumb {position:absolute;top:0}
.webshop-productlist .breadcrumb a {text-decoration: none!important}

.webshop-productlist article {border:0px}

.webshop-productlist .flexrow .col.left,
.webshop-productlist .coltextt {padding: 0% 5% 0% 8%!important;position:relative;background:#f2f2f2!important;}

.flexrow .col.left,
.webshop-productlist .coltext {display: flex;align-items: flex-start;flex-direction: column;justify-content: center;padding: 0% 5% 20px 5%!important;position:relative;background:#f2f2f2!important;}

.flexrow .col.right {background-color: #f2f2f2; background-size:cover}

.container.subcats {width: 1100px;max-width:70%;}
@media(max-width:1100px) {
	.container.subcats {width: 100%;max-width: 100%}
}
/*.flexrow .col.right img {max-height:500px}*/
.flexrow.gallery > .col.left {width:40%;flex:auto;justify-content: flex-start;padding-top:5%!important;}
.flexrow.gallery > .col.right {width:60%;flex:auto;position:relative;background:#f2f2f2}
.flexrow.gallery > .col.right > div {padding:20px 10px 40px 10px;display:flex;align-items:center;justify-content: center;}
.flexrow.gallery > .col.right > div .fa {display:inline-block;cursor:pointer;transition: all .3s ease;font-size:23px;color:#c2c2c2;background:#f2f2f2;width:35px;height:35px;line-height:35px;text-align:center;border-radius:50%;margin:0 15px;border:1px solid #c2c2c2}
.flexrow.gallery > .col.right > div .fa:hover {color:#fff;background:#000}
.flexrow.gallery > .col.right > div > ul  {display:flex;width:1000px;list-style: none}
.flexrow.gallery > .col.right > div > ul li.slick-slide {margin:5px}
.flexrow .infolist > div {margin:5px 0}
.flexrow .infolist > div > span:first-child {display:inline-block;width:100px}
.iconlist {display:flex;flex-wrap: wrap}
.iconlist > img {max-width:100px}
@media (max-width: 2000px) {
	.flexrow.gallery > .col.right > div > ul {width:600px}
}
@media (max-width: 1500px) {
	.flexrow.gallery > .col.right > div > ul {width:300px}
}
@media (max-width: 1000px) {
	.flexrow.gallery {display:flex;flex-direction:column}
	.flexrow.gallery > .col.left {padding:10px!important}
	.flexrow.gallery > .col.right > div > ul {width:200px}
	.flexrow.gallery > div {width:100%!important}
}
@media (max-width: 999px) {
	.flexrow.gallery > .col.left {width:100%}
	.flexrow.gallery > .col.right {/* display:none; */}
	
    .webshop-productlist .breadcrumb {position:static}
    .webshop-productlist .MoveBeforeFilterMoved {border:0}
    .webshop-productlist .MoveBeforeFilterMoved .flexrow .col.left {padding:2%}
    .webshop-productlist .MoveBeforeFilterMoved .flexrow .col.right {display:none}
}
/*new end*/


.webshop-productlist .actions {text-align: right;margin:20px auto;font-size:16px;}
.webshop-productlist .actions > div {display:inline-block;vertical-align: top;padding:0 20px}
.webshop-productlist .actions .found {margin-top:1px;color:#a2a2a2}
.webshop-productlist .actions .found span {color:#e64e21;font-weight:bold}
.webshop-productlist .actions .sort select {border:0px;cursor:pointer;padding:0 30px 0 0;font-size:16px}

.webshop-productlist .paging {margin:20px }	
.webshop-productlist .paging_pages a.ActivePageNumber_ProductList {border:1px solid black}
.webshop-productlist .paging_pages a {line-height:25px;height:25px;width:25px;margin:0 1px;border-radius:2px;font-size:12px;border:1px solid #c2c2c2;margin-bottom:5px;display:inline-block;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.webshop-productlist .paging_pages a:hover{text-decoration:none;color:#fff;background:#000}	
.webshop-productlist .paging a.ActivePageNumber_ProductList:link {padding:0px!important}
.webshop-productlist .paging .paging_prev a,
.webshop-productlist .paging .paging_next a {display:inline-block}

section.productlist_footer {background:#f2f2f2;padding:50px 0}
section.productlist_footer .container {padding:0 15%}
section.productlist_footer h2 {text-align:left;font-size:22px;margin:0 0 20px 0}
@media (max-width: 999px) {	
    section.productlist_footer {padding:30px 0}
    section.productlist_footer .container {padding:0}
	.webshop-productlist .MoveBeforeFilterMoved .container {padding:0 10px}
}
/*------------------vareliste end--------------------*/
/*skygger start*/
/*
.col-image .zoom-gallery::after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    box-shadow: rgba(236, 236, 236, 0.75) 0px 0px 97px 6px inset;
    z-index:9
}
.product-image::after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    box-shadow: rgba(236, 236, 236, 0.75) 0px 0px 97px 6px inset;
}
*/
/*skygger end*/

#LabelOverlayLogo {position: absolute;right: 0px;bottom: 0px;}
#LabelOverlayLogo img {float:right}
.LabelOverlayLogoProdList {position: absolute;right: 30px;bottom: 60px;}
.LabelOverlayLogoProdList img {width:50%; float:right}
@media (max-width: 999px) {	
	.LabelOverlayLogoProdList img {width:40%}
	#LabelOverlayLogo img  {width:100px}
}
/*------------------varekort start--------------------*/
.webshop-productinfo article {max-width:100%;width:100%}
.webshop-productinfo h1 {margin-top:15px}
.webshop-productinfo .content {margin-top:0px}
.webshop-productinfo .productimage {position:relative;text-align:center}
.webshop-productinfo .productimage .bbIconTinyText {display:none}
.webshop-productinfo .productimage div[class*="avingsContainer_DIV"] {height:70px;width:70px}
.webshop-productinfo .productimage div[class*="avingsText_DIV"] {font-size:18px!important}
.webshop-productinfo .col-thumb .selectors > a[href="#"] {display:none}
/*news*/
.webshop-productinfo .news {position:absolute;right:15px;top:15px;z-index:9;background:#e64e21;border-radius:50%;height:70px;width:70px;padding:0;line-height:70px;display:block;font-weight: bold;text-transform: uppercase;font-size:15px;color:#fff}
@media (max-width: 999px) {
    .webshop-productinfo .news {width:60px;height:60px;line-height:60px;font-size:13px}
}

/*fav*/
.webshop-productinfo .productimage .fav {position: absolute;right:10px;bottom:10px;z-index:99}
.webshop-productinfo .productimage .fav .fa {color:#e64e21;font-size:30px;border:1px solid #Fff;padding:10px;border-radius: 50%;background:#fff; box-shadow: 0 0 3px #e4e4e4, 0 0 7px #e4e4e4;transition: all .3s ease;}
.webshop-productinfo .productimage .favactive .fa,

.webshop-productinfo .productimage .fav .fa:hover{color:#ffF;background:#e64e21}

/*info*/
.webshop-productinfo .stock {/* border-top:1px solid #d5d5d5; *//* border-bottom:1px solid #d5d5d5; *//* padding:10px 0; */margin:20px 0;font-size: 12px;font-weight: bold;}
.webshop-productinfo .stock:before {margin-right:5px;font-family:fontawesome;content:'\f111';color:#10a54f;}
.webshop-productinfo .nostock:before {color:rgb(255,48,48)}
.webshop-productinfo .stock > span a {text-decoration: underline}
.webshop-productinfo .stock img {margin:0 5px}
.webshop-productinfo .teaser {margin-bottom:20px}
.webshop-productinfo .teaser #readmorelink {font-weight:bold;text-decoration: underline;display:block;cursor:pointer}
.webshop-productinfo .teaser #readmorelink:hover {color:#e64e21}
.webshop-productinfo .right .Description_Productinfo ul {padding:20px}

/*skema*/
.webshop-productinfo .skema {font-size:13px;margin:10px 0}
.webshop-productinfo .skema .fa {margin-right:10px}
.webshop-productinfo .skema a {text-decoration: underline}

/*variants*/
.webshop-productinfo .VariantGroup {width:calc(100% - 40px)}
.webshop-productinfo .variants .VariantGroupLabel {font-family:'Muli', serif;font-size:17px;color:#e64e21;margin-bottom:10px;display:block}
.webshop-productinfo .variants td[rowspan="3"] {display:none}
.webshop-productinfo .variants .popuplink {position:absolute;right:0}
.webshop-productinfo .variants .popuplink .fa {font-size:26px;margin-top:14px}
.webshop-productinfo .variants .TextInputField_ProductInfo {margin-bottom:10px;padding-left:10px;border:1px solid rgb(221,220,220);line-height:30px;width:150px;margin-right:5px;background:#F2F2F2}
.webshop-productinfo .variants .errstr {display:none}
.webshop-productinfo .variants .errstr span {font-size: 12px;background: #fee4a6;padding: 5px;color:#795600;font-weight: bold;}
.webshop-productinfo .variants .VariantGroupLabel .errstr:nth-child(1) {display:block;margin:10px 0 5px 0}
.webshop-productinfo .variants .FieldError {background:#e0b3b3;-webkit-transition: all 1s ease; -moz-transition: all 1s ease;-ms-transition: all 1s ease; -o-transition: all 1s ease;transition: all 1s ease;}
.webshop-productinfo .variants select {height:50px;outline:0;margin-bottom:15px;border:0px;padding:0 30px;background:url('/images/skins/dandodesign/media/arrowdown.png') no-repeat center right 20px #f2f2f2;width:100%;
 
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

}

.webshop-productinfo div.lnk {display: inline-block;height: 40px;margin: 10px 0 20px 0;background: #000}
.webshop-productinfo div.lnk a {color:#fff;display:block; padding: 10px 20px;}
.webshop-productinfo div.lnk a:hover {color:#fff!important}
.webshop-productinfo span.tooltip .fa {font-size:22px}
.webshop-productinfo span.tooltip .fa:hover {color:#e64e21}

/*addons*/
.Addons{clear:left;border-radius:3px;margin-top:20px;margin-bottom:5px;overflow:hidden;font-size:12px}
.Addons .wSelect-selected {text-transform: lowercase}
.Addons .wSelect-selected:first-letter {text-transform:uppercase}
.AddonsHeading{display:none}
.AddonsChose {position:relative;cursor:pointer;font-size:16px;overflow:hidden;float:left;clear:both;width:calc(100% - 40px);background:url('/images/skins/dandodesign/media/arrowdown.png') no-repeat center right 20px #f2f2f2;margin:0 0 3px;padding-left:30px;height:50px;line-height:50px}
.AddonProduct .wSelect-active {background-image:url('/images/skins/dandodesign/media/arrowup.png')}
.AddonProduct {height:50px;display:none;position:relative;overflow:hidden;float:left;clear:both;width:calc(100% - 40px);border:1px solid #f2f2f2;background:#ffffff;margin:3px 0;padding-left:10px}
.AddonProduct label{margin:0;line-height:20px}
.AddonProduct >div {float:left}
.AddonProduct .fancybox-button {background:#fff;height:50px;}
.AddonProduct .AddonProductCheck input{height:20px;width:20px}
.AddonProduct a img {width:40px!important;height:40px!important}
.AddonProduct > div {float:left;position: relative;top: 50%;transform: translateY(-50%);}
.AddonProduct .AddonProductCheck {width:30px;text-align:center}
.AddonProduct .AddonProductCheck input {width:30px;text-align:center}
.AddonProduct .AddonProductPicture {width:60px;text-align:center}
.AddonProduct .AddonProductName {width:55%;line-height:15px;}
.AddonProduct .AddonProductName > a {font-size:10px;font-weight:500;cursor:pointer;display:inline-block}
.AddonProduct .AddonProductPrice {width:15%;float:right;line-height:50px;font-weight:500}
@media (max-width: 999px) { 
	.AddonProduct {height:60px}
	.AddonProduct .AddonProductName {width:calc(100% - 160px);font-size:10px;line-height:10px}
	.AddonProduct label {line-height:15px}
	.AddonProduct .AddonProductPrice {font-size:10px;width:70px;text-align:right;padding-right:5px}
}

/*buybox*/
.webshop-productinfo .viabill-pricetag {margin:15px 0 0 0;position:relative;display:block;overflow:hidden;}
.webshop-productinfo .viabill-pricetag > iframe {float:right}

.webshop-productinfo .buybox .price {font-size:26px;font-weight: 800;}
.webshop-productinfo .buybox .price-offer span[itemprop="price"] {display:none}
.webshop-productinfo .priceexvat {padding-top:5px}

.webshop-productinfo .buybox .retailtext {font-size: 14px;font-weight: 800;display: block;}
.webshop-productinfo .buybox .retailprice {font-size: 28px;font-weight: 800;display: block;}



.webshop-productinfo .buy > div {position:relative;overflow:hidden;margin-top:20px}
.webshop-productinfo .amountWrapper {float:left;width:150px;height:50px;position:relative;}
.webshop-productinfo .amountWrapper .amountWrapperHeadline {display:none}
.webshop-productinfo .amountWrapper input::-webkit-inner-spin-button, input::-webkit-outer-spin-button{display:none}
.webshop-productinfo .amountWrapper input {border-radius:0px;-webkit-appearance: none;margin-left:40px;height:50px;text-align:center;width:60px;border:0px;background:#f2f2f2}

.webshop-productinfo .amountWrapper .dec {border-top-left-radius: 5px;border-bottom-left-radius: 5px;cursor:pointer;position:absolute;top:0;left:0;height:50px;background:#f2f2f2;width:40px;line-height:50px;text-align:center;font-size:30px}
.webshop-productinfo .amountWrapper .inc {border-top-right-radius: 5px;border-bottom-right-radius: 5px;cursor:pointer;position:absolute;top:0;right:0;height:50px;background:#f2f2f2;width:50px;line-height:50px;text-align:center;font-size:25px}
.webshop-productinfo .buyWrapper{float:right;width:calc(100% - 170px);position:relative;height:50px;font-size:18px;line-height:50px;text-align:center;border-radius:0px;}
.webshop-productinfo .buyWrapper .buyWrapperHeadline {padding:0px;line-height:50px;display:block;width:100%;height:100%;background:#10a54f}
.webshop-productinfo .buyWrapper input{cursor:pointer;position:absolute;width:100%;height:100%;z-index:2;left:0;top:0;opacity:0}




/*desc*/
.webshop-productinfo .desc {margin-top:70px;}
.webshop-productinfo .desc h3 {font-size:22px;margin:0 0 20px 0;font-weight:800}
.webshop-productinfo .desc .left {width:38%;background: #f3f3f3;padding:30px;margin-right:1%}
.webshop-productinfo .desc .left a {text-decoration: underline;color:#e64e21!important}
.webshop-productinfo .desc .center {width:38%;margin:0 1%;float:left;background: #f3f3f3;padding:30px}
.webshop-productinfo .desc .right {position: relative;width:20%;margin-left:1%;background: #f3f3f3;padding:30px}
.webshop-productinfo .desc .specs {text-align: left}
.webshop-productinfo .desc .specs .row {border-bottom:1px solid #bcc4c4;margin:10px 0}
.webshop-productinfo .desc .specs .row > div:first-child {font-size:11px}
.webshop-productinfo .desc .specs .row > div:last-child {margin-bottom:10px;font-weight: bold}
.webshop-productinfo .desc .pdf br {display:none}
.webshop-productinfo .desc .pdf > div > div {margin: 10px 0 20px 0;/* line-height:45px; *//* border-bottom:1px solid #bcc4c4; */display:block;/* padding-bottom: 10px; *//* padding: 20px 0; */position: relative;}
.webshop-productinfo .desc .pdf > div.active {height:auto}
.webshop-productinfo .desc .pdf img {/* margin-right:10px; */position: absolute;left: 0;}
.webshop-productinfo .desc .pdf a {color:#000;font-weight: bold;margin-left: 25px;display: block;}
.webshop-productinfo .desc .pdf a:hover {color:#e64e21}

/*
.webshop-productinfo .col-image .imagecontainer {-moz-box-shadow: inset 0 0 20px rgba(0,0,0,0.075);-webkit-box-shadow: inset 0 0 20px rgba(0,0,0,0.075);box-shadow: inset 0 0 20px rgba(0,0,0,0.075);}
*/
.webshop-productinfo .col-thumb > a {display:block}
.webshop-productinfo .col-thumb .various {position:relative}
.webshop-productinfo .col-thumb .various:before {content:'\f16a';font-family: fontawesome;position:absolute;color:#fff;font-size:30px;  top: 40%;transform: translateY(-50%);left: 50%;transform: translate(-50%,-50%);}

.webshop-productinfo .desc .nodesc > .left {display:none}
@media (min-width: 880px) { 
	.webshop-productinfo .desc .nodesc > .center {width:50%}
	.webshop-productinfo .desc .nodesc > .right {width:50%}
	
	.webshop-productinfo .container-fluid {overflow:hidden}
	.webshop-productinfo .col-thumb {width:6%;float:left;margin-top:0px;position:absolute}
	.webshop-productinfo .col-thumb img {width:100%;margin-bottom:10px}
	.webshop-productinfo .col-image {margin-left:8%;width:45%;float:left;}
	/*.webshop-productinfo .col-image .imagecontainer {background:#FBFBFB;text-align:center;padding:20px 0}*/
	.webshop-productinfo .col-info {width:41%;float:right}
}
@media (max-width: 999px) { 
	.webshop-productinfo  h1 {font-size:22px}
	.webshop-productinfo .col-info{padding:20px}
	.webshop-productinfo .breadcrumb {padding:20px}
	.webshop-productinfo .logo {text-align:left;margin-top:10px}
	.webshop-productinfo .productimage div[class*="avingsContainer_DIV"] {height:60px!important;width:60px!important}
	.webshop-productinfo .productimage div[class*="avingsText_DIV"] {font-size:12px!important}
	.webshop-productinfo .col-thumb {text-align:center}
	.webshop-productinfo .col-thumb a {display:inline-block;width:70px;margin:5px}
	.webshop-productinfo div[class*="avingsContainer_DIV"] {right:15px!important;left:auto!important}
	.webshop-productinfo .desc {margin-top:40px;padding:30px 10px}
    .webshop-productinfo .desc .flexrow {display:block}
	.webshop-productinfo .desc .left {width:100%;margin:1% 0 0 0}
    .webshop-productinfo .desc .center {width:100%;margin:1% 0 0 0}
	.webshop-productinfo .desc .right {width:100%;margin:1% 0 0 0}
	.webshop-productinfo .desc .left .safco {margin-top:30px}
	.webshop-productinfo .desc h3 {margin:0 0 10px 0;font-size:18px;}
}


/*------------------varekort end--------------------*/

/*------------------subcat start--------------------*/
section.categories .SubCats_Categories_UL {display:flex;flex-wrap:wrap;justify-content:flex-start;list-style:none;margin:30px 0 0;padding:0;gap:30px 20px;overflow:visible;}
section.categories .SubCats_Categories_UL > li {display:block;float:none!important;width:auto!important;flex:0 0 calc(25% - 15px);margin:0;padding:0;position:static;text-align:center;}
section.categories .SubCats_Categories_UL > li[style*="clear"] {display:none!important;}
section.categories .SubCats_Categories_UL .subcat {width:100%;height:100%;}
section.categories .SubCats_Categories_UL .subcat-image {position:relative;width:100%;aspect-ratio:480 / 380;overflow:hidden;}
section.categories .SubCats_Categories_UL .subcat-image a {display:block;width:100%;height:100%;}
/*
section.categories .SubCats_Categories_UL .subcat-image img {display:block;width:100%!important;height:100%!important;aspect-ratio:480 / 380;object-fit:cover;transition:transform .3s;}
section.categories .SubCats_Categories_UL > li:hover .subcat-image img {transform:scale(1.03);}
*/
section.categories .SubCats_Categories_UL .subcat-name {position:static;margin:12px 0 0;}
section.categories .SubCats_Categories_UL .subcat-name a {display:block;padding:0;color:#000;font-size:19px;line-height:1.3;font-weight:600;text-decoration:none;}
section.categories .SubCats_Categories_UL .subcat-name a:hover {color:#000;text-decoration:underline;}

@media (max-width:999px) {
section.categories .SubCats_Categories_UL {margin-top:25px;gap:25px 16px;}
section.categories .SubCats_Categories_UL > li {flex:0 0 calc(50% - 8px);}
section.categories .SubCats_Categories_UL .subcat-name a {font-size:17px;}
}
/*------------------subcat end--------------------*/

/*------------------breadcrumbs start--------------------*/
.breadcrumb br {display:none}
.breadcrumb * {font-size:13px}
.breadcrumb {padding:20px 0}
.breadcrumb a {margin:0px 5px}
.breadcrumb a[href="/shop/frontpage.html"] {margin-left:0px}
.breadcrumb a.BreadCrumbLink_Active {color:#949494!important}
@media (max-width: 999px) {
	.breadcrumb {padding: 0px;}
	.breadcrumb * {font-size:10px;line-height:10px}
}

/*------------------breadcrumbs end--------------------*/


/*------------------footer start--------------------*/
footer {margin-top:100px}
@media (max-width: 999px) { 
	footer {margin-top:50px}
}
footer section.helpcenter .flexrow .left {text-align:center;background: url(/images/skins/safco/media/footerhelpdoors.jpg) no-repeat center;background-size: cover }
footer section.helpcenter .flexrow .right {margin:0px auto;text-align: center;background:#992c38;}
footer section.helpcenter h3 {font-size:28px;margin: 0 0 40px 0;color:#fff}
footer section.helpcenter .form {display:inline-block;width:70%;margin:5% 0}
footer section.helpcenter .form .row {margin-bottom:2%}
footer section.helpcenter .form .left {width:49%}
footer section.helpcenter .form .right {width:49%}
footer section.helpcenter input[type="text"],
footer section.helpcenter input[type="email"] {float:left;-webkit-appearance: none;border:1px solid #fff;width:100%;height:50px;line-height:50px;padding-left:10px}
footer section.helpcenter input[type="submit"] {margin-top:2%;-webkit-appearance: none;border:1px solid #e64e21;background:#e64e21;color:#fff;padding:10px 0;display:block; width:100%;text-transform:uppercase;font-weight:bold}
footer section.helpcenter textarea {width:100%;height:85px;padding:10px}
footer section.helpcenter input::-webkit-input-placeholder {color: #878786}footer section.helpcenter input:-moz-placeholder {color: #878786}footer section.helpcenter input::-moz-placeholder {color: #878786}footer section.helpcenter input:-ms-input-placeholder {color: #878786}
@media(max-width:1400px) {
    footer section.helpcenter .form {width:90%}
}
@media(max-width:1100px) {
    footer section.helpcenter h3 {font-size:22px}
}
@media (max-width: 999px) {
    footer section.helpcenter .flexrow > .left {display:none}
    footer section.helpcenter .form {width:95%}

}

footer section.info {font-size:14px;background:#f2f2f2;color:#878786}
footer section.info ul {display:flex;list-style:none}
footer section.info ul li {flex-grow: 1;text-align: center;padding:60px 0}
footer section.info ul li span, footer section.info ul li span a {display:block;font-size:32px;font-weight:800;color:#e64e21}
@media (max-width: 1100px) { 
    footer section.info ul li span, footer section.info ul li span a {font-size:24px}
}
@media (max-width: 999px) { 
    footer section.info ul {display:block}
    footer section.info ul li {padding:20px 0}
    footer section.info ul li span, footer section.info ul li span a {font-size:20px}
}

footer section.credits {font-size:12px;background:#f2f2f2;color:#878786}
footer section.credits .container {border-top:1px solid #d7d7d7}
footer section.credits a {color:#878786}
footer section.credits a:hover {color:#e64e21}
footer section.credits ul {list-style:none;margin:20px 0}
footer section.credits ul li {text-align:center;padding:10px 0;}

@media (max-width: 999px) { 
    footer section.credits {font-size:11px}
    footer section.credits ul {display:block}
    footer section.credits ul li {padding:5px 0;text-align: center!important}
    
}





/*------------------footer end--------------------*/

/*------------------default pages start--------------------*/
.webshop-terms .Heading_Terms {font-size:2em;font-weight:400;margin:15px 0;text-transform: uppercase;}
.webshop-terms .Heading_Terms_Wrapper {text-align:left!important; margin: 15px 0;}
.webshop-terms .termsWrapper td[valign="top"] > br {display:none!important}
.webshop-profile .Heading_Profile {font-size:2em;font-weight:400;margin:15px 0;text-transform: uppercase;}
.webshop-profile .Heading_Profile_Wrapper {text-align:left!important; margin: 15px 0;}
.webshop-profile .profileWrapper td[valign="top"] > br {display:none!important}
/*------------------default pages end--------------------*/



/*------------------kundecenter start--------------------*/
.webshop-customercenter #Content > table,.webshop-customercenter #Content > form {background:#fff;max-width: 960px;width: 100%; margin: 0px auto;}
.webshop-customercenter .Heading_Customer {font-size:30px;color:#626262;padding:10px;display:block;}
.webshop-customercenter #Content > br {display:none}
.webshop-customercenter .Login_Customer {padding:10px 0 50px 10px}
.webshop-customercenter .Login_Customer input[type="text"]#xprofileid.TextInputField_Customer, .Login_Customer input[type="password"]#xprofileid1.TextInputField_Customer {	-webkit-appearance: none;height: 35px;width: 200px!important;margin: 10px 4px 10px 0;padding: 0 10px;border: 1px solid rgb(221,220,220)}
.webshop-customercenter .SubmitButton_Customer {height: 35px;margin-top: 10px; border:0px;color: #fff;background: #10a54f;margin-left:10px;border-radius:5px;padding:0 15px;-webkit-appearance: none;outline:0}
.webshop-customercenter .Login_Customer a {color:#848484;text-decoration: underline}
.webshop-customercenter .Login_Customer a:hover {color:#111}
.webshop-customercenter .Login_Customer td {color:#626262}
.webshop-customercenter .Login_Customer td[width="130"] {width:150px}
.webshop-customercenter .Text1_Customer .Heading_Customer {font-size: 25px;border-bottom: solid 1px #dbdbdb;display: block;padding:30px 0 5px 0;margin-bottom:15px;outline: 0;}
.webshop-customercenter .Text1_Customer {padding:0 10px 100px 10px;position:relative}
#tabB1 {margin-left:10px}
#tabB1 > span, #tabB2 > span, #tabB3 > span, #tabB4 > span, .tabLinkID > a {display: inline-block;background-color: #3AB063;padding: 5px 10px;color: rgba(255,255,255,1.00);border-radius: 2px;margin: 0 10px 0 0;border: solid 1px #3AB063;}
#tabB1 > span.Tabactive_Customer, #tabB2 > span.Tabactive_Customer, #tabB3 > span.Tabactive_Customer, #tabB4 > span.Tabactive_Customer,#tabB1 > span.Tabhover_Customer, #tabB2 > span.Tabhover_Customer, #tabB3 > span.Tabhover_Customer, #tabB4 > span.Tabhover_Customer, .tabLinkID > a:hover {background-color:rgba(255,255,255,1.00);border: solid 1px #78BD55;color: #095a3e;}
#tabB4 {float: right;margin-right:10px}
#tabB4 > span {margin: 0;background-color: #e03325;border-color: #e03325;}
#tabID2 > tbody > tr > td > br {display: none;}
#tabID2 > tbody > tr > td > table > tbody > tr:nth-child(1), #tabID2 > tbody > tr > td > table > tbody > tr:nth-child(2) {display: none;}
#tabID2 > tbody > tr > td > table > tbody > tr > td:nth-child(3) {font-size: 0;position: relative;width: 0;}
#tabID2 > tbody > tr > td > table > tbody > tr > td {padding: 4px 0;}
#tabID2 > tbody > tr > td > table > tbody > tr > td:nth-child(1) {padding-right: 15px;}
#tabID2 > tbody > tr > td > table > tbody > tr > td:nth-child(3) > span {position: absolute;right: 7px;z-index: 20;color: red;font-size: 11px;top: 50%;transform: translateY(-50%);}
.webshop-customercenter #tabID2 input.TextInputField_Customer,
.webshop-customercenter #tabID2 select.OptionSelect_Customer{font-size: 14px;height: 35px;width: 100%!important;margin: 0 4px 0 0;padding: 0 10px;display: inline-block;border-radius: 3px;border: 1px solid #ddd;}
.webshop-customercenter .MemberFrame {margin-top:20px}

.Heading_Customer {font-family: 'Muli', serif!important;color:#000!important}
.clubmember input {border:1px solid rgb(221,220,220);line-height:30px;padding:0 10px}
.clubmember input[type="submit"] {background:#10a54f;border:0px;color:#fff;padding:10px 0;font-size:18px;margin:20px 0;border-radius:5px;outline:0;-webkit-appearance: none;}
/*------------------kundecenter end--------------------*/

/*kurv popup*/
.fancybox-lock .fancybox-overlay{z-index:9999999}
.fancybox-skin {background:#fff}
.fancybox-wrap {top:10%!important}
.fancybox-overlay-fixed{bottom:0;position:fixed;right:0}


/*til toppen*/
#BackTo>span{position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0);font-size:14px;font-weight:300;line-height:20px;z-index:999;cursor:pointer;background-color:#fff;border-radius:5px;box-shadow:0 0 3px rgba(0,0,0,0.2)}
#BackTo>span:hover{box-shadow:0 0 3px #000;-webkit-transition:all .1s ease-in-out 0s;-moz-transition:all .1s ease-in-out 0s;-ms-transition:all .1s ease-in-out 0s;-o-transition:all .1s ease-in-out 0s;transition:all .1s ease-in-out 0s}
#BackToTop{padding:10px 20px 10px 40px;opacity:0;visibility:hidden;bottom:-10px;right:20px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
#BackToTop.FixedTop{bottom:20px;opacity:1;visibility:visible}
#BackToTop:before {top:8px;content:'\f106';font-family: FontAwesome;font-size:30px;position:absolute;left:12px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
#BackToTop:hover:before {top:0px;}


/*dbsearch*/
/*overall styles*/
body .ui-autocomplete .ui-state-active, 
body .ui-autocomplete .ui-widget-content .ui-state-active, 
body .ui-autocomplete .ui-widget-header .ui-state-active, 
body .ui-autocomplete a.ui-button:active, 
body .ui-autocomplete .ui-button:active, 
body .ui-autocomplete .ui-state-active.ui-button:hover {
  background: #E3E3E3!important
}
body .ui-autocomplete li.uigroup .ui-state-active,
body .ui-autocomplete li.uiVisAlle .ui-state-active {
  background:none!important
}
.ui-menu-item-wrapper {overflow:hidden}
.ui-autocomplete  {z-index: 999999999!important;background: #ffffff;border: 1px solid #b5beca;border-radius:5px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); color: #1f2a2a;margin:0px!important;padding:0px!important;}
/*reset*/
.ui-autocomplete a.ui-state-focus {background:none repeat scroll 0 0 #e9e9e9;text-decoration:none!important;display:block;	overflow:hidden;border-radius:0px}
.ui-autocomplete .ui-state-active {border:0px;background:none;}
.ui-autocomplete .ui-menu-item a {line-height:1.2!important;padding:0px}
.ui-autocomplete a.ui-state-focus * {text-decoration:none;line-height:1.2!important;}
.ui-autocomplete *{font-size:14px!important; }
.ui-autocomplete .uiVisAlle .ui-state-active {margin:0 0 0 15px!important}
/*group*/
.ui-autocomplete .uigroup {text-transform: uppercase;background: #fff;text-align: left;width:100%;margin-top:20px}
.ui-autocomplete .uigroup p {font-weight:bold;font-size: 16px!important;margin:0px;padding: 10px 18px 10px 5px;line-height: 20px}
.ui-autocomplete li:first-child {margin-top:5px}
/*category*/
.ui-autocomplete .uicategory {width:100%;height:25px;line-height:25px}
.ui-autocomplete .uicategory a {padding:2px 0 2px 15px;display:block}
.ui-autocomplete .uicategory a:hover {text-decoration: none;background:red}
/*product*/
.ui-autocomplete .uiproduct {list-style: none;width:100%;border-top: 1px solid #e9e9e9;cursor: pointer;text-align: left !important;}
.ui-autocomplete .uiproduct:hover {background:#e9e9e9}
.ui-autocomplete .uiimg {width:100px;cursor: pointer;float: left;text-align:center}
.ui-autocomplete .uiimg img {max-height: 80px !important;max-width: 90%!important;padding: 5px 10px;}
.ui-autocomplete .uicontent {width:calc(100% - 150px);float:left;padding-top: 10px;background:transparent;padding-bottom:0px;}
.ui-autocomplete .uipris {margin-top:2px;font-size:11px!important;font-weight:bold;}
.ui-autocomplete .uivarenummer {margin:2px 0 5px 0;color: #8f8f8f; font-size: 10px!important;}
/*vis alle*/
.ui-autocomplete .uiVisAlle {border-top: 1px solid #b5beca;width:100%}
.ui-autocomplete .uiVisAlle div {margin-left:15px}
.ui-autocomplete .uiVisAlle p,.uiVisAlle p:hover {text-align:left;margin:0px;background: url("/images/skins/dandodesign/media/lup.png") no-repeat scroll 0 10px rgba(0, 0, 0, 0); color: #000; cursor: pointer; font-size: 14px; font-weight: bold;line-height: 40px; padding-left: 25px; text-decoration: none;}
/*noproducts*/
.ui-autocomplete .uinoProducts {color: #931600;font-size: 12px;font-style: italic;line-height: 10px;padding: 5px 0;text-align: left;text-decoration: none;width: 400px;}
.ui-autocomplete .uinoProducts p {padding:20px;line-height:20px;height:auto}
/*defaults*/
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);   border: 0 none;}
.ui-autocomplete .ui-menu-item a,.ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active {margin: 0px!important; cursor:pointer;text-align:left!important;display:block;} 
* html .ui-autocomplete {width: 1px;}
.ui-autocomplete-loading {background: url("/images/skins/dandodesign/media/ui-anim_basic_16x16.gif") no-repeat scroll right center white;}
.ui-autocomplete .ui-menu-item,.ui-autocomplete .uigroup, .ui-autocomplete .uiVisAlle {clear: left; float: left;}
/*responsive*/
@media (max-width: 810px) {
	.ui-autocomplete  {width:100%!important; left:0!important}
	.ui-autocomplete .uiVisAlle div {margin-left:150px!important}
}

#tooltip{text-align:center;text-shadow:0 1px rgba(0,0,0,.5);line-height:1.5;color:#fff;background:#333;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),to(rgba(0,0,0,1)));background:-webkit-linear-gradient(top,rgba(0,0,0,.8),rgba(0,0,0,1));background:-moz-linear-gradient(top,rgba(0,0,0,.8),rgba(0,0,0,1));background:-ms-radial-gradient(top,rgba(0,0,0,.8),rgba(0,0,0,1));background:-o-linear-gradient( top, rgba(0,0,0,.8),rgba(0,0,0,1));background:linear-gradient(top,rgba(0,0,0,.8),rgba(0,0,0,1));-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 3px 5px rgba(0,0,0,.3);-moz-box-shadow:0 3px 5px rgba(0,0,0,.3);box-shadow:0 3px 5px rgba(0,0,0,.3);position:absolute;z-index:8000;padding:15px}#tooltip:after{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #333;border-top-color:rgba(0,0,0,.9);content:'';position:absolute;left:50%;bottom:-9px;margin-left:-10px}#tooltip.top:after{border-top-color:transparent;border-bottom:10px solid #333;border-bottom-color:rgba(0,0,0,.8);top:-20px;bottom:auto}#tooltip.left:after{left:10px;margin:0}#tooltip.right:after{right:10px;left:auto;margin:0}

/*kontakt*/
.kontakttext span {display: block;margin:40px 0 0 0;font-size:14px;color:#878786;font-weight:700}
.kontakttext .aabning .left:first-child {width:250px}
.kontakttext .big, 
.kontakttext .big a {font-weight:900;font-size:28px;color:#e64e21}
.kontakttext .small,
.kontakttext .small a {font-size:26px;font-weight:400}

@media(max-width:1000px) {
    .kontakttext .aabning .left:first-child  {width:250px;float:left}
    .kontakttext .aabning .left:last-child  {width:250px;float:left}
}

section.kontakt ul.person {display:flex;flex-wrap: wrap; list-style: none;}
section.kontakt ul.person li {text-align: center;width:25%;}
section.kontakt ul.person img {display:inline-block;padding:10px}
section.kontakt ul.person b {display:block;font-weight: 900;font-size:22px;margin:20px 0 0 0}
section.kontakt ul.person span {display:block;color:#878786}
section.kontakt ul.person div {margin:10px 0 30px 0;color:#e64e21;font-weight:900}
section.kontakt ul.person div a {color:#e64e21;font-weight:900}
@media(max-width:1300px) {
    section.kontakt ul.person li {width:33.33%;}
}
@media(max-width:900px) {
    section.kontakt ul.person li {width:50%;}
}
@media (max-width: 999px) { 
    section.kontakt ul.person li {width:100%;}
}


/*oversigt*/

.webshop-frontpage section.oversigt ul {display:flex;list-style: none;flex-wrap: wrap;background:#fff}
.webshop-frontpage section.oversigt ul li {width:50%;padding:15px;position:relative;cursor:pointer;}
.webshop-frontpage section.oversigt ul li b {font-size:22px;display: block;margin:20px 0 10px 0}
.webshop-frontpage section.oversigt ul li span {text-transform:uppercase;position:absolute;right:15px;bottom:15px;background:#000;color:#fff;transition: all .3s ease;padding:10px 30px 10px 50px;font-weight:bold;font-size:12px}
.webshop-frontpage section.oversigt ul li span:before {content:'\f105'; font-family:fontawesome; position:absolute;right:100px;bottom:8px;z-index: 1;color:#fff;font-size:16px;border: 2px solid #fff;border-radius: 50%;width: 15px;display: inline-block;height: 15px;line-height: 15px;text-align: center}
.webshop-frontpage section.oversigt ul li:hover span {background:#e64e21}
@media (max-width:999px) {
    .webshop-frontpage section.oversigt ul li {padding:5px}
    .webshop-frontpage section.oversigt ul li b {font-size:16px}
    .webshop-frontpage section.oversigt ul li span {display:none}
}


section.oversigt {margin-top:50px}
.webshop-frontpage section.oversigt {margin-top:50px}
section.oversigt .container {background: #f2f2f2}
section.oversigt h3 {margin:0 0 10px 0;font-size:46px;font-weight: 800}
section.oversigt a {color:#e64e21}
section.oversigt a:hover {text-decoration: underline}
section.oversigt .col {padding:10%;}
/*
section.oversigt .forside .col.img1 {background:url('/images/skins/safco/media/forsideinderdoere.jpg'); background-size:cover}
section.oversigt .forside .col.img2 {background:url('/images/skins/safco/media/forsideyderdoere.jpg'); background-size:cover}
section.oversigt .forside .col.img3 {background:url('/images/skins/safco/media/forsideskydedoere.jpg'); background-size:cover}
section.oversigt .forside .col.img4 {background:url('/images/skins/safco/media/forsideentreklimadoere.jpg'); background-size:cover}
section.oversigt .forside .col.img5 {background:url('/images/skins/safco/media/forsidestaaldoere.jpg'); background-size:cover}
section.oversigt .forside .col.img6 {background:url('/images/skins/safco/media/forsidebrandstaaldoere.jpg'); background-size:cover}
*/


@media (max-width: 999px) { 
	section.oversigt .flexrow .col > div {padding:10px}
    section.oversigt {margin-top:50px!important}
    section.oversigt h3 {font-size:26px}
    section.oversigt .flexrow { flex-direction: column;} 
    section.oversigt .col {flex:none;padding:5%;width:100%}
    section.oversigt .col.img  {max-height:none!important; order: 2;/*height:500px;*/display:block }
	.webshop-productlist .oversigt .col.img > div img {max-height: none!important}
}

/*overrule*/

.webshop-productlist .oversigt .flexrow{display:flex;align-items:center}
.webshop-productlist .oversigt .flexrow small {color:#e64e21;font-size:12px;font-weight: bold}
.webshop-productlist .oversigt .flexrow h3 {font-size:26px}
.webshop-productlist .oversigt .col{padding:0!important}
.webshop-productlist .oversigt .col > div{padding:0 10%}
.webshop-productlist .oversigt .col.img > div{padding:0!important}
.webshop-productlist .oversigt .col.img > div img{width:100%;max-height: 500px}
@media(max-width:900px) {
	.webshop-productlist .oversigt .col > div{padding:20px 0}
	
}



/*projekter*/
section.projekter .flexrow .col {min-height:700px;background:#f2f2f2}
section.projekter .flexrow .col img {width:100%}
section.projekter .flexrow .col-padding {
display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 0% 5% 20px 5%!important;
}
/*
section.projekter .flexrow .img {background: url('/images/skins/safco/media/kat-projekter.png');background-size: cover;}
section.oversigt .projekter .col.img1 {background:url('/images/skins/safco/media/projekter-boligbyggeri.jpg'); background-size:cover}
section.oversigt .projekter .col.img2 {background:url('/images/skins/safco/media/projekter-erhvervhal.jpg'); background-size:cover}
section.oversigt .projekter .col.img3 {background:url('/images/skins/safco/media/projekter-opgange.jpg'); background-size:cover}
section.oversigt .projekter .col.img4 {background:url('/images/skins/safco/media/projekter-kaelder.jpg'); background-size:cover}
section.oversigt .projekter .col.img5 {background:url('/images/skins/safco/media/projekter-kultur.jpg'); background-size:cover}
section.oversigt .projekter .col.img6 {background:url('/images/skins/safco/media/projekter-institution.jpg'); background-size:cover}
*/


section.projekter .text h1 {margin:10% 0 30px 0}
/*section.projekter .text span {display: block;margin:40px 0 0 0;font-size:14px;color:#878786;font-weight:700}*/
section.projekter .text .aabning .left:first-child {width:250px}
section.projekter .text .big  {font-weight:900;font-size:28px;color:#e64e21;display:block}
section.projekter .containertxt {margin:0px auto;width:40%}

@media(max-width:1000px) {
    section.projekter .flexrow .col {min-height:auto;padding-bottom:50px}
    section.projekter .flexrow .img {display:none}
}
@media(max-width:1600px) {
    section.projekter .flexrow .col-padding {padding-left:2%}
}

/*downloads varelister*/
section.downloads {background:url('/images/skins/safco/media/downloadsbg.png') #f2f2f2 no-repeat right;margin-top:50px;padding:1% 50% 3% 5%}
section.downloads.opk {background:url('/images/skins/safco/media/downloadsbgopk.png') #f2f2f2 no-repeat right}
section.downloads.opkconfigurator {background:url('/images/skins/safco/media/configuratorbgopknew.png') #f2f2f2 no-repeat right}
@media(max-width:1200px) {
	section.downloads {background-image:none!important;padding-right:5%} 
}

/*tips*/
section.tips > div {background-color:#f2f2f2;background-repeat:no-repeat; background-position:top right;text-align: left;height:430px;padding:5% 40% 0 5%}
section.tips > div h2 {text-align: left}
@media(max-width:860px) {
    section.tips > div {background:#f2f2f2!important;padding:2%;height:auto}
}

/*fronts - Custom Solutions*/
.materials {background:url('/images/safco fronts/billeder/materialsbg.jpg');background-size:100%;color:#fff;padding:40px 0}
.materials h2 {color:#fff}
.materials ul {display:flex;column-gap:20px;list-style: none;margin:40px 0}
.materials li {background:#fff;flex:1;color:#000;padding:40px}
.materials li > b {display:block;margin:30px 0 0 0;font-size:22px}
.materials li > small {display:block;font-weight:bold;color:#878786;font-size:16px;}
.materials li > div:not(.materialshead) {border-top:1px solid #c3c3c2;margin-top:20px;padding-top:20px}
.materials li > div.materialshead {display:flex;align-items: center}
.materials li > div.materialshead > span {padding-left:10px}
.materials li > div.materialshead > span > small {display:block}
@media(max-width:880px) {
    .materials ul {flex-direction: column;grid-row-gap: 20px}
}

.tec {padding-top:40px}
.tec .text-center {max-width:50%;margin-bottom:20px}
.tec ul {display:flex;list-style: none;margin:40px 0;flex-wrap:wrap;grid-gap: 20px}
.tec li {background:#fff;color:#000;padding:40px;  flex: 0 0 calc(33.333333% - 15px);border:1px solid #f15a21;font-weight:bold;color:#f15a21;font-size:16px;text-align: center}
@media(max-width:880px) {
    .tec .text-center {max-width:100%}
    .tec ul {flex-direction: column}
    .tec li {flex:1}
}

/*fronts - Sustainable Innovation*/
.innovation-pics ul {display:flex;column-gap:20px;list-style: none;margin:40px 0}
.innovation-pics ul li {flex:1}
.innovation-pics ul li > div {padding:40px;max-width:75%}
.innovation-pics ul li > div b {display:block;margin:0px 0 20px 0;font-size:22px}
@media(max-width:880px) {
    .innovation-pics ul {flex-direction: column;grid-row-gap: 20px}
    .innovation-pics ul li > div {max-width:100%}
}


.innovation-text ul {display:flex;column-gap:20px;list-style: none;margin:40px 0;background:#f2f2f2;padding:50px;align-items: center}
.innovation-text ul li {flex:1;padding:0 20px}
.innovation-text ul li:last-child {text-align: center}
.innovation-text ul li h2 {text-align: left}
@media(max-width:880px) {
    .innovation-text ul {padding:20px;flex-direction: column;grid-row-gap: 20px}
    .innovation-text ul li {padding:0}
}


.webshop-productlist article { max-width:100%; display:block; padding:0px }
.webshop-productlist article .leftmenu { display:none!important }
.webshop-productlist article .content { width:100%; float:none; max-width:100% }
.webshop-productlist .breadcrumb { position:static }
.webshop-productlist .actions { display:none }