@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=0cf32fe7-5bad-4d93-8251-5d342801cb1f");
    @font-face{
        font-family:"HelveticaNeueW01-45Ligh";
        src:url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
        src:url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"),url("../fonts/5a13f7d1-b615-418e-bc3a-525001b9a671.woff2") format("woff2"),url("../fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"),url("../fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"),url("../fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
    }
    @font-face{
        font-family:"HelveticaNeueW01-46Ligh";
        src:url("../fonts/a4f9f319-dec9-4afc-8b50-e18cc1b61cb4.eot?#iefix");
        src:url("../fonts/a4f9f319-dec9-4afc-8b50-e18cc1b61cb4.eot?#iefix") format("eot"),url("../fonts/09f28057-e848-49b3-94bf-bfaefff51b64.woff2") format("woff2"),url("../fonts/8e9ee02b-f337-4f13-ad6c-969d6d6536c8.woff") format("woff"),url("../fonts/beddbbc6-203e-4f36-8960-3f5ca22af567.ttf") format("truetype"),url("../fonts/af177436-d9e8-44e8-9c9c-ef2d945f20a3.svg#af177436-d9e8-44e8-9c9c-ef2d945f20a3") format("svg");
    }
    @font-face{
        font-family:"HelveticaNeueW01-55Roma";
        src:url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
        src:url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"),url("../fonts/b0868b4c-234e-47d3-bc59-41ab9de3c0db.woff2") format("woff2"),url("../fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"),url("../fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"),url("../fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
    }
    @font-face{
        font-family:"HelveticaNeueW01-56It";
        src:url("../fonts/58a5cbff-d570-4c18-a5e3-60868dc07ae8.eot?#iefix");
        src:url("../fonts/58a5cbff-d570-4c18-a5e3-60868dc07ae8.eot?#iefix") format("eot"),url("../fonts/462d508d-efc7-478f-b84e-288eeb69a160.woff2") format("woff2"),url("../fonts/2c056da8-4920-4e20-8c69-8a6b315458a9.woff") format("woff"),url("../fonts/2381d918-136d-444f-8391-db0cba6da388.ttf") format("truetype"),url("../fonts/d0697971-6f58-4597-942e-8beabd1adc87.svg#d0697971-6f58-4597-942e-8beabd1adc87") format("svg");
    }
    @font-face{
        font-family:"HelveticaNeueW01-65Medi";
        src:url("../fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix");
        src:url("../fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix") format("eot"),url("../fonts/3600b37f-2bf1-45f3-be3a-03365f16d9cb.woff2") format("woff2"),url("../fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff"),url("../fonts/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf") format("truetype"),url("../fonts/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5") format("svg");
    }
    @font-face{
        font-family:"HelveticaNeueW01-66Medi";
        src:url("../fonts/71c74bc5-e7c8-48ad-9b03-43f3e6760e4e.eot?#iefix");
        src:url("../fonts/71c74bc5-e7c8-48ad-9b03-43f3e6760e4e.eot?#iefix") format("eot"),url("../fonts/9a31d352-a4be-4540-a6f2-f4ea3ea77d94.woff2") format("woff2"),url("../fonts/5f0efe11-b07a-49fc-ab86-7af6152fa368.woff") format("woff"),url("../fonts/fea58e5b-b0a7-43f7-8928-fc0639365852.ttf") format("truetype"),url("../fonts/398e1bb8-f2eb-41d5-b3b6-b9a889b52ee7.svg#398e1bb8-f2eb-41d5-b3b6-b9a889b52ee7") format("svg");
    }
    @font-face{
        font-family:"HelveticaNeueW01-75Bold";
        src:url("../fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
        src:url("../fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"),url("../fonts/3b303641-706e-4221-94c4-4fb491f4f8ef.woff2") format("woff2"),url("../fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"),url("../fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"),url("../fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
    }
    @font-face{
        font-family:"HelveticaNeueW01-76Bold";
        src:url("../fonts/9eb382e7-b9a0-4ec0-86b3-7a690b9e127b.eot?#iefix");
        src:url("../fonts/9eb382e7-b9a0-4ec0-86b3-7a690b9e127b.eot?#iefix") format("eot"),url("../fonts/d73c0f40-68f5-479e-9170-34a47382ed7a.woff2") format("woff2"),url("../fonts/628a0837-f9e0-4b32-83c4-d99689b9da93.woff") format("woff"),url("../fonts/4d9ecce0-f253-49fd-8623-b0f896b12794.ttf") format("truetype"),url("../fonts/dcdd4c31-466f-43f5-85c9-9bcdcd814139.svg#dcdd4c31-466f-43f5-85c9-9bcdcd814139") format("svg");
    }
    @font-face{
        font-family:"HelveticaNeueW01-BlkExt 710327";
        src:url("../fonts/4717db0f-05eb-4987-b94e-ff59e380eb92.eot?#iefix");
        src:url("../fonts/4717db0f-05eb-4987-b94e-ff59e380eb92.eot?#iefix") format("eot"),url("../fonts/a0a5a937-c283-4b0e-bc3f-e99525be64d2.woff2") format("woff2"),url("../fonts/ffd68cca-c3c9-429f-b698-a01015e1ec7c.woff") format("woff"),url("../fonts/68441f65-0a50-473f-82e3-04ce4de7458a.ttf") format("truetype"),url("../fonts/1e66b4f9-b78f-4f71-a2cf-78a06b5511b9.svg#1e66b4f9-b78f-4f71-a2cf-78a06b5511b9") format("svg");
    }

/*
=======================================================================
	Bootstrap Col Double Margin
=======================================================================
*/

@media screen and (min-width: 991px) {
	.container {
		padding-right: 30px;
		padding-left: 30px;
		}
	
	.container .row {
		margin-right: -30px;
		margin-left: -30px;
		}


   

	.col, .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {
        position:relative;min-height:1px;padding-right:30px;padding-left:30px
        }
	}


/*
=======================================================================
	General
=======================================================================
*/

body {
    font-family: HelveticaNeueW01-45Ligh,Arial,Helvetica,sans-serif;
    }

h1,h2,h3,h4,h5,h6 {
    font-family:'HelveticaNeueW01-65Medi';
	}

h2 {font-family:HelveticaNeueW01-45Ligh;}

h3 {font-family:HelveticaNeueW01-45Ligh;}

a {color: #e32119;}

/* Link Hover */
article .text a:not(.bttn):not(.image-link):hover,
article .text a:not(.bttn):not(.image-link):focus {
    background-color: #e32119;
    box-shadow: #e32119 -5px 0px 0px 0px, #e32119 5px 0px 0px 0px;
    border-radius: 5px;
    border-bottom-color: transparent;
    color: #fff;
    text-decoration: none;
    }

main .text img.img-fluid {height:auto!important;}

main article .text ul {list-style:none;}
main article .text ul li {position:relative;padding-left:0;}
main article .text ul li:before {
    position:absolute;
    left:-25px;
    font-family: "Font Awesome 5 Pro";
	content: "\f00c";
	display:inline-block;
    color:#e32119;
    }    


/*
=======================================================================
	Pre Header
=======================================================================
*/

.pre-header {
    background: #fff;
}

.pre-header-content {
    height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.pre-header ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pre-header ul li {
    float: left;
}

.pre-header ul li a {
    display: block;
    color: #231f20;
    text-transform: uppercase;
    font-size: .8em;
}

.pre-header .header-login a:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f406";
    display: inline-block;
    margin-right: 5px;
    font-weight: lighter;
}

.pre-header .header-loggedin a {
    color: #fff;
    }

.pre-header .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: 0;
    margin: 0;
    background: #231f20;
}

.pre-header .dropdown-item.disabled, 
.pre-header .dropdown-item:disabled {
    color: #cacaca;
    }

.pre-header .dropdown-divider {
    border-top: 1px solid #525252;
    }

.pre-header .dropdown-toggle:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f107";
    display: inline-block;
    margin-left: 5px;
    border:0;
    vertical-align:inherit;
    }

.pre-header .dropdown-toggle[aria-expanded="true"]:after {
    content: "\f106";
    }


/*
=======================================================================
	Custom Pre Header / My Page
=======================================================================
*/

.pre-header .pre-header-content > ul > li > a,
.pre-header .dropdown-toggle {padding-left:10px;padding-right:10px;height:50px;line-height:50px;font-size:.5em;}

.pre-header .header-loggedin > .dropdown > a {color:#fff;background: #231f20;border:0;}
.pre-header .header-loggedin > .dropdown > a:focus {color:#fff;}

.pre-header .header-loggedin .dropdown-toggle:hover {cursor:pointer;}
.pre-header .header-loggedin .dropdown-toggle:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f406";
    display: inline-block;
    margin-right: 5px;
    }

.pre-header .dropdown-item:focus, .pre-header .dropdown-item:hover {
    background-color: #4e4e4e;
    color:#fff;
    }

.pre-header .dropdown-item:before {
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    margin-right: 10px;
    }

.pre-header .dropdown-item.nav-account:before {content:"\f2bb";}
.pre-header .dropdown-item.nav-profile:before {content: "\f406";}
.pre-header .dropdown-item.nav-logout:before {content: "\f011";}
.pre-header .dropdown-item.nav-orderhistory:before {content: "\f1da";}

@media (min-width:576px) {
    .pre-header .pre-header-content > ul > li > a,
    .pre-header .dropdown-toggle {padding-left:20px;padding-right:20px;font-size:0.8em;}
    }



/*
=======================================================================
	Main header General
=======================================================================
*/

header.mainheader  {
	width: 100%;
	transition: height 0.4s ease-in-out;
	-webkit-transition: height 0.4s ease-in-out;
	-moz-transition: height 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	border:0;
    background: #563d7c;
	}

body header.mainheader:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	}
	
.mainheader .header-elements {
	padding-top: 25px;
	padding-bottom: 25px;
  transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
	}

.mainheader .header-elements .sf-menu a {
	font-size:.8em;
	font-weight:lighter;
	}
	
@media (max-width:768px) {
    .site-header-main-navigation {height:60px;}
	}

@media (max-width:991px) {
    .mainheader {height:120px;}
	}

@media (min-width:991px) {
	.mainheader .header-elements .sf-menu a {font-size:1em;}
	}

@media (min-width:1200px) {
	.mainheader .header-elements .sf-menu a {font-size:1em;}
	}


/*
=======================================================================
	Main header Fixed
=======================================================================
*/

header.mainheader.sticky  {
    position:absolute;
    top:50px;
    z-index: 9;
    }

body main,
.itemid-193 .mainheader:not(.nobg) + main article section:first-of-type {padding-top:120px;} /* = header height */

@media (min-width:768px) {}
@media (min-width:991px) {
    body main,
    .itemid-193 .mainheader:not(.nobg) + main article section:first-of-type {padding-top:73px;} /* = header height */
    }
@media (min-width:1200px) {
    body main,
    .itemid-193 .mainheader:not(.nobg) + main article section:first-of-type {padding-top:77px;} /* = header height */
    }



/*
=======================================================================
	Main header Sticky
=======================================================================
*/

header.mainheader.sticky.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    }

header.mainheader:not(.fixed).nobg {background:none!important;}
header.mainheader.sticky.fixed {border-bottom: 1px solid rgba(0,0,0,0.15);}

header.mainheader.sticky.fixed .header-elements {padding-top: 7px;padding-bottom: 7px;}

@media (min-width:1200px) {
	header.mainheader .header-elements {padding-top: 10px;padding-bottom: 10px;}
	header.mainheader.sticky.fixed .header-elements {padding-top: 0;padding-bottom: 0;}
	header.mainheader.sticky-fixed .site-logo {width:200px;}
	}


/*
=======================================================================
	Main header Right Navigation
=======================================================================
*/

.general-nav {font-size:1em;position:absolute;top:50%;right:0;transform: translateY(-50%);}
.general-nav ul {list-style:none;margin:0;padding:0;float:right;}
.general-nav ul li {display:inline;margin-right:5px;}
.general-nav ul li:last-child {margin-right:0;}

.general-nav .btn-hamburger a:after {
    font-family: "Font Awesome 5 Pro";
	content: "\f0c9";
	display:inline-block;
	margin-left:7px;
    }

.mm-opened .general-nav .btn-hamburger a:after {
	content: "\f00d";
	}

@media (min-width:768px) {
    .general-nav .btn-hamburger {display:none;}
    .general-nav ul li {margin-right:15px;}
    .general-nav {font-size:1.2em;}
	}

@media (min-width:991px) {
    .general-nav {width:350px;}
	}

@media (min-width:1200px) {
    .general-nav {width:450px;}
	}

@media (min-width:1300px) {
    .general-nav {width:580px;}
	}


/*
=======================================================================
	Custom Mobile Navigation
=======================================================================
*/

#mm-blocker:after {
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
    }

.mm-opened #mm-blocker:after {
    background-color: rgb(0,0,0, 0.4);
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;    
    }


.mobile-mypage-link:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f406";
    display: inline-block;
    margin-right: 5px;
}

.mobile-logout-link:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f011";
    display: inline-block;
    margin-right: 5px;
}

/*
=======================================================================
	Section General
=======================================================================
*/

.darker-10:before {background: rgba(227, 33, 25, 0.10);}
.darker-20:before {background: rgba(227, 33, 25, 0.20);}
.darker-30:before {background: rgba(227, 33, 25, 0.30);}
.darker-40:before {background: rgba(227, 33, 25, 0.40);}
.darker-50:before {background: rgba(227, 33, 25, 0.50);}
.darker-60:before {background: rgba(227, 33, 25, 0.60);}
.darker-70:before {background: rgba(227, 33, 25, 0.70);}
.darker-80:before {background: rgba(227, 33, 25, 0.80);}
.darker-90:before {background: rgba(227, 33, 25, 0.90);}


/*
=======================================================================
	Custom Front Page Hero
=======================================================================
*/

.itemid-373 {padding-top:50px!important;padding-bottom:70px!important;}
.itemid-373.xltitle h1 {font-size:1.5rem;font-weight:bold;text-transform:uppercase;}
.itemid-373 .teaser {font-weight:lighter;}

@media (min-width:768px) {
	.itemid-373 {padding-top:100px!important;padding-bottom:100px!important;}
	.itemid-373.xltitle h1 {font-size:2.5rem;}
	}

@media (min-width:991px) {
	.itemid-373 {padding-top:150px!important;padding-bottom:100px!important;}
	.itemid-373.xltitle h1 {font-size:3rem;}
	}

@media (min-width:1200px) {
	.itemid-373 {padding-top:180px!important;padding-bottom:140px!important;}
	.itemid-373.xltitle h1 {font-size:4.3rem!important;}
	.itemid-373 .teaser {font-size:1.4em;}
	}

@media (min-width:1500px) {
	.itemid-373.xltitle h1 {font-size:4.5rem!important;}
	}


/*
=======================================================================
	Custom Front Page Feature
=======================================================================
*/

.itemid-241 h2 {font-size:1.2em;line-height:normal;}
.itemid-241 .image-content-xs {text-align:center;}


@media (min-width:768px) {
	}

@media (min-width:991px) {
	}

@media (min-width:1200px) {
    .itemid-241 h2 {line-height:1.45;}
	}


/*
=======================================================================
	Custom Segments
=======================================================================
*/

.segment-wrapper{padding:0;text-align:center}
.segment {text-align:center;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;height:100%;padding-bottom:30px;padding-top:30px;}
.segment img{width:85px}
.segment .segment-title{text-transform:uppercase;color:#fff;margin:30px 0 0;padding:0;line-height:normal}
.segment .segment-title strong {font-size:1.5em;display:block;margin-bottom:35px}
.segment p{margin:0 0 30px}

.custom-segments .shortcut img {width:100%;}
.custom-segments div[class*="col-"] {margin-bottom:30px;}
.custom-segments div[class*="col-"]:last-child {margin-bottom:0;}

.segment .cta-segment{
    width:60%;
    padding:15px 30px;
    text-align:right;
    color:#fff;
    -moz-border-radius-topright:30px;
    -webkit-border-top-right-radius:30px;
    border-top-right-radius:30px;
    -moz-border-radius-bottomright:30px;
    -webkit-border-bottom-right-radius:30px;
    border-bottom-right-radius:30px;
    text-transform:uppercase;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
    background: rgba(255,255,255,0.5);
}

.segment.jobb{background:#009f62}
.segment.hjemme{background:#00aeef}
.segment.jobb .cta-segment{background:#82c4a6}
.segment.hjemme .cta-segment{background:#6dcff6}
.segment a{color:#fff}
.segment a:hover{text-decoration:none}
.segment a:hover .cta-segment{width:75%}
.segment.jobb:hover{background:#008552}
.segment.hjemme:hover{background:#0096cc}

@media (min-width:768px) {
    .segment .segment-title strong {font-size:2em;}
    .custom-segments div[class*="col-"] {margin-bottom:0;}
	}

@media (min-width:991px) {
    .segment {padding-bottom:50px;padding-top:50px;}
	}

@media (min-width:1200px) {
    .segment .cta-segment{width:70%;}
    .segment a:hover .cta-segment{width:75%}

    section.itemid-1060 .listelement-col,
    section.itemid-398 .listelement-col,
    section.itemid-399 .listelement-col {
        align-self: center !important;
        }

    section.itemid-1060 .col1 .column-content.text,
    section.itemid-398 .col1 .column-content.text,
    section.itemid-399 .col1 .column-content.text {
        margin-bottom:0!important;
        padding-top:0!important;
        }
	}


/*
=======================================================================
	Custom Fading Title
=======================================================================
*/

.customfadingtitle h1 {text-transform:uppercase;}
.customfadingtitle .plus {color:#c02026;}


/*
=======================================================================
	Custom Filter Box
=======================================================================
*/

.list-filter {background: #e32119;padding:15px;color:#fff;margin-bottom:30px;}
.list-filter h2 {margin-bottom:0;}
.list-filter a {color:#fff;}

.list-filter label {font-size:0.9em;}

@media (max-width:768px) {
    .list-filter-facets {
        margin:20px 0 -5px 0;
        border-top:1px solid rgba(255,255,255,0.3);
        padding-top:20px;
        display:none;
        }
    .list-filter a h2:after {
        font-family: "Font Awesome 5 Pro";
        content: "\f0b0";
        display: inline-block;
        float: right;
        font-weight: 100;
        }
    .list-filter a.active h2:after {content:"\f00d";}
    }

@media (min-width:768px) {
	.list-filter {padding:30px;}
    .list-filter a {display:none;}
    .list-filter-facets {display: block!important;}
    }



/*
=======================================================================
	Custom Retailers Filter Box
=======================================================================
*/

.filter-group {margin-bottom: 30px;}
.filter-group:last-child {margin-bottom: 0;}
.filter-group h3 {font-family: HelveticaNeueW01-45Ligh;}

.mix-controls button {
    border: 0;
    color: #fff;
    background: transparent;
    margin-bottom: 5px;
    padding: 0;
    display: block;
    width: 100%;
    text-align: left;
}

    .mix-controls button:last-of-type {
        margin-bottom: 0;
    }

    .mix-controls button:focus {
        outline: none;
    }

    .mix-controls button:before {
        font-family: "Font Awesome 5 Pro";
        content: "\f0c8";
        display: inline-block;
        margin-right: 10px;
        font-weight: 100;
    }

    .mix-controls button:focus:before,
    .mix-controls button:hover:before {
        font-weight: normal;
    }

    .mix-controls button.mixitup-control-active:before {
        content: "\f2d3";
    }

.list-failed {display:none;}
.mixitup-container-failed .list-failed {display:block;}


/*
=======================================================================
	Custom Retailers ListElement
=======================================================================
*/
.listelement-retailer {
    margin-bottom: 15px;
}
.listelement-retailer article {border-bottom: 1px solid rgba(0,0,0,0.15);padding-bottom:15px;}
.listelement-retailer:last-child article {border:none;}
.listelement-retailer h1 {font-size:1.5em!important;margin-bottom:5px!important;}
.listelement-retailer a {color:#e32119;}

@media (min-width:768px) {
    .listelement-retailer {margin-bottom:30px;}
    .listelement-retailer article {padding-bottom:30px;}
	.listelement-retailer h1 {font-size:2em;}
	}


/*
=======================================================================
	Custom Pre Footer
=======================================================================
*/

.custom-pre-footer {background-color:#ededed;}
.custom-pre-footer-wrapper {margin-left:-30px;margin-right:-30px;}
.custom-pre-footer .container > div > div {display:table;margin:30px;}
.custom-pre-footer .container > div > div > div {display:table-cell;vertical-align:middle;}
.custom-pre-footer img {margin-right:15px;}
.custom-pre-footer a {text-decoration:underline!important;}

.custom-pre-footer h1 {font-size:1.1em;margin:0;}

@media (min-width:768px) {
	.custom-pre-footer .container > div > div {display:inline-table;}
	}

/*
=======================================================================
	Custom Footer
=======================================================================
*/

.site-footer .column.col1 img {width:150px;}

.site-footer .column.col3 img {margin-top:15px;margin-right:15px;}

.site-footer .column .column-content h1 {margin:0;font-size:1.2rem;text-transform:uppercase;font-family:'HelveticaNeueW01-65Medi';}
.site-footer .column .column-content * + h1 {margin-top:2rem;}
.site-footer .column .column-content h1 + p {margin-top:.25rem;font-weight:lighter;}
.site-footer .column .column-content p {color:#b3b3b3;}
.site-footer .column .column-content a {color:#fff;}

.site-footer .column .column-content ul {margin:0;padding:0;list-style:none;}

.site-footer .column .column-content h2 {margin:0!important;font-size:1.2rem;font-weight:bold;letter-spacing:1px;}
.site-footer .column .column-content h2 + p {margin-top:.75rem;font-weight:lighter;}
.site-footer .column .column-content a {text-decoration:underline;}

.site-footer a[href*="/maps/"]:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f041";
    display: inline-block;
    margin-right: 10px;
	}

.site-footer a[href*="facebook.com"]:before {
    font-family: "Font Awesome 5 Brands";
    content: "\f09a";
    display: inline-block;
    margin-right: 10px;
    }

@media (min-width:768px) {
	.site-footer .col.col1 img {width:200px;}
	}

@media (min-width:991px) {
	}

@media (min-width:1200px) {
	.site-footer .col .column-content h2 {margin:0!important;font-size:1.7rem;}
	}


/*
=======================================================================
	Yamm
=======================================================================
*/

.yamm {position:relative;}

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
	margin-top:0;
	border:0;
}
.yamm .yamm-content {
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}


/*
=======================================================================
	Custom Yamm Mega Menu General
=======================================================================
*/

.yamm.navbar {padding:0 0 0 150px;} /*Make room for logo*/

.site-header-logo {position:absolute;left:0;top:50%;transform: translateY(-50%);z-index:1;width:130px;}

.site-header-sub,
.site-header-sub > .container {height:100%;position:relative;}
.site-header-sub-wrapper {position:relative;padding-top:0;padding-bottom:0;}

.yamm > ul {padding:0;margin:0;list-style:none;}
.yamm > ul > li {display:inline-block;}
.yamm > ul > li:last-child {margin-right:0;}

.yamm > ul > li > a {color:#fff;display:inline-block;}
.yamm > ul > li > a:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f107";
	margin-left:10px;
	display:inline-block;
	}

.yamm > ul > li > a[aria-expanded="true"]:after {
	content: "\f106";
	}

.yamm .nav-link:hover,
.yamm .nav-link:focus,
.yamm .nav-link:active {text-decoration:none!important;}
.yamm .show .nav-link {background-color:#d11d17;}

@media (max-width:767px) {
	.site-header-sub-section {width:100%;display:table;padding:0;}
	.site-header-sub-section > div[class*="site-header-"] {display:table-cell;vertical-align:middle;}
    .yamm a.nav-link {display:none;}
	}

@media (min-width:768px) {
	.site-header-sub-wrapper {padding:0;}
	.yamm a.nav-link {font-size:1.1em;padding:20px 10px!important;}
	}

@media (min-width:991px) {
	.yamm a.nav-link {font-size:1.2em;padding:20px!important;}
	}

@media (min-width:1200px) {
	.yamm a.nav-link {font-size:1.2em;padding:20px!important;}
	}


/*
=======================================================================
	Custom Yamm Mega Menu Drop Down
=======================================================================
*/

.yamm .dropdown-menu {
    background-color:#d11d17;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding:30px;
    }

.yamm .dropdown-menu a:hover,
.yamm .dropdown-menu a:focus,
.yamm .dropdown-menu a:active {text-decoration:underline;}

.yamm .dropdown-menu > ul {
    list-style:none;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
    padding:0;
	}

.yamm .dropdown-menu > ul > li {
	margin-bottom:15px;
	-moz-column-break-inside: avoid;
	-ms-column-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	column-break-inside: avoid;
	page-break-inside: avoid;
	}

.yamm .dropdown-menu > ul > li > ul {margin:0;padding:0;list-style:none;}

@media (min-width:768px) {
    .yamm .dropdown-menu > ul {
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4;
	    }
	}

@media (min-width:991px) {
    .yamm .dropdown-menu > ul {
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4;
	    }
	}

@media (min-width:1200px) {
	.yamm .dropdown-menu > li > a {font-size:1em;}
	}


/*
=======================================================================
	Main Header Mega Menu Overlay
=======================================================================
*/

.menuopen .mainheader.sticky {z-index:99!important;}

.menuopen main,
.menuopen footer {
    position: relative;
}

    .menuopen main::after,
    .menuopen footer::after {
        content: "";
        background: #000;
        opacity: .65;
        height: 100%;
        width: 100%;
        position: absolute;
        z-index: 10;
        top: 0;
        left: 0;
    }

/*
=======================================================================
	Mega Menu Products
=======================================================================
*/

.dropdown-products > ul > li > a {font-weight:bold;text-transform:uppercase;font-size:1.1em;}
.dropdown-products > ul > li > ul > li {margin-bottom:5px;}
.dropdown-products > ul > li > ul > li:before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    margin-right: 10px;
    display: inline-block;
}


/*
=======================================================================
	Mega Menu Guide
=======================================================================
*/

.dropdown-guide h1 {font-size:1em;}

/*
.topmenu-128 .list a h1 {color:#e32119;}
.topmenu-128 .list a h1:after {
    font-family: "Font Awesome 5 Pro";
	content: "\f178";
	display:inline-block;
    margin-left:10px;
    }
*/

.dropdown-guide a {display:block;padding:10px;}
.dropdown-guide a:hover {background: #e32119;text-decoration:none!important;}
.dropdown-guide a img {margin-right:15px;}
.dropdown-guide li {margin-bottom:30px!important;}

@media (min-width:768px) {
}

@media (min-width:991px) {
	}

@media (min-width:1200px) {
    .dropdown-guide h1 {font-size:1.25em;}
	}



/*
=======================================================================
	Custom Related Articles
=======================================================================
*/


.related-articles {background: #e32119;color:#fff;padding:15px;}
.related-articles ul {margin:0;padding:0;list-style:none;}
.related-articles ul li {margin:0 0 10px 0;padding:0 0 0 18px;position:relative;line-height:normal;}
.related-articles ul li:last-child {margin-bottom:0;}
.related-articles ul li a {color:#fff;}
.related-articles ul li:before {
    position:absolute;
    left:0;
    font-family: "Font Awesome 5 Pro";
	content: "\f105";
	display:inline-block;
    margin-right:10px;
    }


@media (min-width:768px) {
    .related-articles {padding:30px;}
	}

@media (min-width:991px) {
	}

@media (min-width:1200px) {
    .topmenu-128 .breadcr + section article .text {width:70%;float:left;padding-right:60px;}
    .topmenu-128 .related-articles {float:right;width:30%;padding:30px;}
	}


/*
=======================================================================
	Site header Sub search
=======================================================================
*/

.page-search-wrapper {
    position: absolute;
    }

.page-search {
	width:400px;
	padding:0;
	border: 0;
	margin-top:0;
	margin-bottom:0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	background: #fff;
	}
	
.page-search > div {
	width: 100%;
	display: table-cell;
    vertical-align:middle;
    height:46px;
	}

.page-search input[type=search] {
    height: 46px;
	line-height:46px;
	width: 100%;
	padding: 0 20px;
	margin: 0;
	border: 0;
	color: #000;
	font-weight:100;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	}

.page-search input[type=search]:focus {outline:0;}
.page-search input[type="submit"] {display:none;}

.page-search button {
	width: 46px;
	height: 46px;
	border: 0;
	background-color:transparent;
	background-repeat: no-repeat;
	color: #bfbfbf;
	cursor: pointer;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	}



@media (max-width:991px) {
    .page-search-wrapper {
        position:absolute;
        bottom:15px;
        left:0;
        right:0;
        width:100%;
        padding:inherit;
        }

    .page-search {
        width: 100%;
        }

	}

@media (min-width:991px) {
    .page-search-wrapper {
        top:50%;
        transform:translateY(-50%);
        right:120px;
        }

    .page-search {
        display: table;
        width: 250px;
    }

	}

@media (min-width:1200px) {
    .page-search {width:300px;}
	}

@media (min-width:1300px) {
    .page-search {width:400px;}
	}



/* Remove X from IE */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* Remove X from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }




/*
.page-search input[type="submit"] {
	width: 43px;
	height: 43px;
	border: 0;
	background-color:#fff;
	color: #333;
	cursor: pointer;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	}

.page-search button:after {
    font-family: "Font Awesome 5 Pro";
	content: "\f002";
	display:inline-block;
    }

.page-search button:hover {
	opacity:1;
	}
*/

/*
@media (max-width:767px) {
	.site-header-main-search {padding-left:15px;padding-right:15px;}
	}

@media (min-width:768px) {
	.site-header-main-search {
		width:300px;
		position:absolute;
		z-index:1;
		top:50%;
        transform: translateY(-50%);
		right:80px;
		}
	}

@media (min-width:991px) {
	.site-header-main-search {width:400px;}
	.site-search {height:55px;}
	.site-search input[type=search] {height: 55px;line-height:55px;}
	.site-search button {width: 55px;height: 55px;}
	}

@media (min-width:1200px) {
	.site-header-main-search {width:500px;}
	}

@media (min-width:1400px) {
	.site-header-main-search {width:700px;}
	}
*/




/*
=======================================================================
	Typeahead
=======================================================================
*/

.twitter-typeahead {width:100%;}

.typeahead,
.tt-query,
.tt-hint {
	width:100%;
}

.typeahead {
  background-color: #fff;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999;
}

.tt-menu {
  width: 422px;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
    display:block;
    color:#333!important;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
}

.tt-suggestion p {
  margin: 0;
}

.gist {
  font-size: 14px;
}


/*
=======================================================================
	Custom Search Result
=======================================================================
*/

.itemid-196 #udpCriteria {}



/*
=======================================================================
	Magnific Popup Fade Transition
=======================================================================
*/
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}


/*
=======================================================================
	Custom Product Page
=======================================================================
*/

.product-intro h1 {margin-top:0!important;}
.product-section-related h2 {margin-bottom:30px;}

.product-shipping-info {padding:15px 15px 15px 10px;background:rgba(144, 144, 144, 0.15);display:inline-block;}
.product-shipping-info > :last-child,
.product-shipping-info li:last-child{margin-bottom:0!important;padding-bottom:0!important;}

@media screen and (max-width: 768px) {
    .product-intro .product-id {margin-bottom:.5rem!important;}
    }

@media screen and (min-width: 1200px) {
    .product-shipping-info {padding:25px 25px 25px 15px;}
    }


.product-subsection__accordion button {
    margin:0 0 1rem 0;
    padding:0;
    background:transparent;
    border:0;
    position:relative;
    width:100%;
    text-align:left;
    color: #e32119;
}

.product-subsection__accordion button:focus {
    outline:none;
}

.product-subsection__accordion button:after {
    content:"";
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Pro v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M337.5 433C328.1 442.4 312.9 442.4 303.6 433L143.5 273C134.1 263.6 134.1 248.4 143.5 239.1C152.9 229.8 168.1 229.7 177.4 239.1L320.4 382.1L463.4 239.1C472.8 229.7 488 229.7 497.3 239.1C506.6 248.5 506.7 263.7 497.3 273L337.3 433z'/%3E%3C/svg%3E");
    width:1em;
    height:1em;
    display:block;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    transition: transform 0.3s ease;
}

.product-subsection__accordion button[aria-expanded="true"]:after {
    transform: translateY(-50%) rotate(180deg);
}

.product-subsection__accordion .card-body {padding:0;}
.product-subsection__accordion table td {
    padding-right:2rem;
}

/*
=======================================================================
	Product List Sidebar
=======================================================================
*/

.product-list-sidebar ul {margin:0;padding:0;list-style:none;}
.product-list-sidebar ul li {margin:0;padding:0;}
.product-list-sidebar ul li a {color:#333;}
.product-list-sidebar ul li.active > a {font-weight:bold;}
.product-list-sidebar ul ul {margin-left:15px;display:none;}
.product-list-sidebar ul li.active ul {display:block;}


/*
=======================================================================
	Product List
=======================================================================
*/

.list-products .text + .list {margin-top:30px;}


/*
=======================================================================
	Pagination
=======================================================================
*/

.pagination {display:inline-block;background: #4d4d4d}
.pagination li {float:left;}
.pagination .disabled {display: none;}
.pagination .page-item {pointer-events:none;border-left:1px solid #fff;border-right:1px solid #fff;}
.pagination .page-link {color:#fff;}
.pagination :not(.page-item) .page-link:hover,
.pagination :not(.page-item) .page-link:focus {background:#2f2f2f;color:#fff;}


/*
=======================================================================
	Custom Breadcrumb
=======================================================================
*/

.breadcr {margin:15px 0 0 0;background:none;padding:0;display:block;}
.breadcr a {color:#333;}

/*
=======================================================================
	Custom Responsive Video
=======================================================================
*/

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


/*
=======================================================================
	Custom Background Slider
=======================================================================
*/

.vegas-wrapper:before {
    background: rgb(0,119,190);
    background: linear-gradient(137deg, rgb(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.5) 100%);
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index:1;
    }

.vegas-wrapper .container {position:relative;z-index:2}


.vegas-animation-kenburns {
    animation: kenburns ease-out;
	}

@keyframes kenburns {
    0% {transform: scale(1.05);}
    100% {transform: scale(1);}
    }

.videolink .bttn.section-cta:after {
    content: "\f04b";
    font-family: "Font Awesome 5 Pro";
    margin-left: 10px;
    display: inline-block;
    font-weight:bold;
}


/*
=======================================================================
	Custom Background Slider Pause Button
=======================================================================
*/
.bttn-pause {
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 999;
    opacity: .5;
    border: 0 !important;
    color: #fff;
    background: none;
    font-size: .8em;
}
.bttn-pause:before {
    content: "\f04c";
    font-family: "Font Awesome 5 Pro";
	margin-right:10px;
	}
.bttn-pause:hover {opacity:1;background:none!important;color:#fff!important;}
.bttn-paused:before {content: "\f04b";}

.bttn-pause:focus {outline:0;}

@media screen and (min-width: 768px) {
    .bttn-pause {bottom:30px;right:30px;}
	}


/*
=======================================================================
	Custom Progress Section
=======================================================================
*/

.custom-progress .col-12 {margin-bottom:40px;}
.custom-progress .pluss-step {
    height:100%;
    background: #e32119;
    text-align: center;
    padding: 30px;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    font-family: 'HelveticaNeueW01-45Ligh';
    }
.custom-progress .col-12:last-child .pluss-step {background-color:#595959;}
.custom-progress .pluss-step-icon {font-size:2.5em;margin-bottom:10px;font-weight:100;}

@media (max-width:1199px) {
    .custom-progress .pluss-step:after {
        content:"";
        position:absolute;
        left:50%;
        transform:translateX(-50%);
        bottom:-20px;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;  
        border-top: 20px solid #e32119;
        }
    }

.custom-progress .col-12:last-child .pluss-step:after {display:none;}


@media (min-width:1200px) {
	.custom-progress .col-12 {margin-bottom:0;}

    .custom-progress .pluss-step:after {
        content:"";
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        right:-20px;
        width: 0; 
        height: 0; 
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #e32119;
        }
	}


/*
=======================================================================
	Custom Accordion / Collapse Expand
=======================================================================
*/

.custom-accordion .card-header {background:#595959;padding:0;}
.custom-accordion .card-header:hover {background:#404040;}

.custom-accordion .card-header a {
    position:relative;display:block;
    color:#fff;
    padding: .75rem 3.25rem .75rem 1.25rem;
    font-family: HelveticaNeueW01-45Ligh;
    }

.custom-accordion .card-header a:hover,
.custom-accordion .card-header a:focus{color:#fff;text-decoration:none;}

.custom-accordion .card-header a:after {
    font-family: "Font Awesome 5 Pro";
	display:inline-block;
    position:absolute;
    right:1.25rem;
    top:.75rem;
    }
.custom-accordion .card-header a[aria-expanded="false"]:after {content: "\f078";}
.custom-accordion .card-header a[aria-expanded="true"]:after {content: "\f077";}

.custom-accordion .card {background-color:transparent;border:0;margin-bottom:10px;}
.custom-accordion .card:last-child {margin-bottom:0;}


/*
=======================================================================
	Custom Privacy Typography
=======================================================================
*/

.itemid-370 h2 {margin-top:0!important;}

.itemid-370 a#hvordan,
.itemid-370 a#betaling,
.itemid-370 a#frakt,
.itemid-370 a#support,
.itemid-370 a#personvern {display:block;padding-top: 150px;width:0;}

@media only screen and (min-width:768px) {
}

@media only screen and (min-width:991px) {
}

@media only screen and (min-width:1200px) {
    .itemid-370 a#hvordan,
    .itemid-370 a#betaling,
    .itemid-370 a#frakt,
    .itemid-370 a#support,
    .itemid-370 a#personvern {display:block;padding-top: 110px;width:0;}
    }


/*
=======================================================================
	Custom Page Order History / Sortable tables used in Visma orderhistory
=======================================================================
*/

.table-orders {border:0!important;border-spacing: 0;}
.table-orders tbody td:last-child:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f05a";
    margin-left:10px;
    display:inline-block;
    color:#e32119;
    }

.tablesorter-headerRow {color: #e32119}
.tablesorter-headerRow:hover {cursor: ns-resize;}
.tablesorter-headerUnSorted .tablesorter-header-inner:after,
.tablesorter-header-inner:after {
    font-family: "Font Awesome 5 Pro";
    margin-left: 10px;
    content: "\f111";
    color: #fff;
}

.tablesorter-headerAsc .tablesorter-header-inner:after {
    content: "\f161";
    color: #e32119
}
.tablesorter-headerDesc .tablesorter-header-inner:after {
    content: "\f160";
    color: #e32119
}




/*
=======================================================================
	Custom Page Order
=======================================================================
*/

.back-to-order-history {margin-bottom:20px;display:inline-block;}
.back-to-order-history:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f30a";
    margin-right:10px;
    display:inline-block;
    }

.order-lines {margin-top:30px;}


/*
=======================================================================
	Custom Employee List
=======================================================================
*/

.listelement-employee article {padding:10px;background:#f5f5f5;}

.listelement-employee .employee-phone:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f095";
    margin-right: 10px;
    display: inline-block;
    color: #b2b2b2;
    }
.listelement-employee .employee-phone:hover:before {color:#fff;}

.listelement-employee .employee-email span:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0e0";
    margin-right: 10px;
    display: inline-block;
    color: #b2b2b2;
    }
.listelement-employee .employee-email:hover span:before {color:#fff;}

@media (min-width:1200px) {
    .listelement-employee article {padding:20px;}
    }



.progress {position:fixed;top:100px;left:100px;}