nav .brand-logo-coop {
    position: relative;
    left: 220px;    
    background: none;  
    display: inline-block;
    font-size: 1rem;
    padding: 0 15px;
    white-space: nowrap;
    font-weight: 300;
}
.section.light-blue {
    background-color: #b0bec5 !important;
    background-image: linear-gradient(to top, #b0bec5 0%, #bcd0da 100%);
}
nav ul.right li a i {
    font-size: 1.5rem;
    margin-right: 8px;
}
nav ul a {
    font-size: 0.85rem; font-weight: 500;
}
nav ul.right a {
    font-weight: 400; text-transform: uppercase; padding: 0px 8px;
}
ul.left.hide-on-med-and-down {
    margin-left: 114px; max-height: 64px; overflow: hidden;
}
div#index-banner {
    background-image: url('/16/homepage/00/13/10/sunset_bridge.jpg'); background-size: cover;  background-position: 100% 45%; padding: 95px 0px 75px;
}

div#index-banner2 {
    background-image: url('/16/homepage/00/13/10/brd_background.png'); background-size: cover;  background-position: 100% 45%; padding: 95px 0px 75px;
}

/*
input[type=search] {
        background-color: #F44336; border-radius:0;
}
*/
.input-field input::-ms-clear {
    display: none;
}
#search::-webkit-input-placeholder {
   color: rgba(255, 255, 255, 0.7); font-weight: 400;
}

#search:-moz-placeholder { /* Firefox 18- */
   color: rgba(255, 255, 255, 0.7); font-weight: 400;
}

#search::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(255, 255, 255, 0.7); font-weight: 400; 
}

#search:-ms-input-placeholder {  
   color: rgba(255, 255, 255, 0.7); font-weight: 400;
}
span.ui-helper-hidden-accessible {
    display: none;
}
.ui-autocomplete-loading { background: white url('/10/graphics/ui-anim_basic_16x16.gif') left center no-repeat; postition:relative;top:10px;}

h1.header {
    font-size: 36px;
}
h5.header {
    font-size: 18px;
}

.start-headline {
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-size: 2.1rem;
    margin: 0rem 0 1.624rem 0;
    text-shadow: 0px 0px 10px #000;
    font-weight: 800;
}
#index-banner .row.center {
    margin-bottom: 0px;
}
/*h2.header.start-headline:before {
    content: url('/10/homepage/00/11/30/arrow-bl.png');
    position: relative;
    left: 19%;
    top: 33px;
    height: 0px;
    width: 0px;
    display: block;
}*/
h5.start-desc {
	position: relative; 
	top: 5px; 
	text-align: center; 
	margin: 1.624rem 0px 0px; 
	color: #fff; 
	font-size: 22px;
	text-shadow: 0px 0px 5px #000;
	font-weight: 800;
}
.m15 img.circle {
    width: 65px;
    height: 65px;
    margin-bottom:5px;
/*
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%);    
*/}
h5.category-headline {text-align: center; font-size: 22px; font-family: 'PT Mono', monospace; font-weight:600;}
.m15 a {color:rgba(0, 0, 0, 0.87); text-transform:uppercase;}
.m15 img.circle:hover {
    -webkit-filter: grayscale(0%);
       -moz-filter: grayscale(0%);
         -o-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
            filter: grayscale(0%);    
}
.slider ul.slides li .caption {
        color: #fff;
        position: absolute;
        top: 30%;
        left: 0%;
        width: auto;
        padding:0px 15px;
        background: rgba(0, 0, 0, 0.46);  
        -ms-filter: "progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})";
        filter: "alpha(opacity=(${iefactor}))";
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0; }
        .slider ul.slides li .caption p {
          color: #e0e0e0; 
}
.menusearch {  
   padding:0px; background: #eceff1; box-shadow: none; 
}
.menusearch .input-field input[type=search]:focus  {  
   border: 0;
}

h5.headline {
    font-family: 'Poiret One';
    text-transform: uppercase;
}

div#newsletter {
    background-image: url('/16/homepage/00/13/10/gold_building.jpg');
    color: white;
}

div#newsletter a {
    color:#fff;
}

#newsletter input {
    border-bottom: 1px solid #ffffff;
    color: white;
}

#newsletter .input-field label {color: #ffffff;}

/*MOBILE CUSTOMS*/

#nav-mobile li a i {
    display: inline;
    font-size: 1.62rem;
    margin-right: 6px;
    line-height: inherit;
    position: relative;
    top: 5px;
}
#nav-mobile a.mobile-logo {color:white; text-align: center;font-size: 2rem;font-weight: 600;}

    
    .card-list .col.s6 {width: 49%; margin-right: 2%;}
    .card-list li.col.s6:nth-child(2n+0) {margin-right:0px;}
    nav .brand-logo.left {display:none;}

@media only screen and (max-width: 601px) {
    .card .card-title {font-size: 12px;}
    .card .card-content {line-height:1.1rem;}
    .input-field i {margin-top:18px;}
    .menusearch {margin-left:0px; }
     h2.header.start-headline:before {content:none;}
    .companyname h1 {font-size: 2.2rem !important;}
    .input-field input[type=search] {height:56px;}
    .category-menu {position: relative !important;}
    .collection .collection-item.avatar a.secondary-content {display:none}
    .card.col.m3 .card-action {padding: 10px 10px 10px 10px !important;  height: 55px !important; min-height: 55px !important; max-height: 55px !important;}
    .col.logo.th {display:none;}
    }
@media only screen and (min-width: 0px) {
    h1 {font-size: 2.2rem; }
    h5.headline {font-size: 2.2rem;}
    .follow-buttons {display: none;}    
    .utstillerknapp {display: none;}    
}
@media only screen and (min-width: 601px) {
    h1 {font-size: 3.2rem;}    
    h5.headline {font-size: 2.2rem;}
    .card .card-title {font-size: 14px;line-height:16px;}    
    .card-list .col.m3 {width: 49%; margin-right: 2%;}
    .card-list li.col.m3:nth-child(4n+0) {margin-right:0px;}
    .card-list li.col.s6:nth-child(2n+0) {margin-right:0px;}
    .card-list li.col.s6:nth-child(4n+0) {margin-right:0px;}
    nav .brand-logo.left {display:block;}
    .menusearch {margin-left:203px !important;}
    .follow-buttons {display: block;} 
    .utstillerknapp   {display: block;} 
    }
@media only screen and (min-width: 992px) {
    h1 {font-size: 3.8rem; }
    h5.headline {font-size: 3.8rem;}
    .card .card-title {font-size: 16px; line-height: 20px; }
    nav .brand-logo.left {display:block;} 
    .card-list .col.m3 {width: 22.6%; margin-right: 3.2%;}
    .card-list li.col.m3:nth-child(4n+0) {margin-right:0px !important;}
    .card-list li.col.s6:nth-child(2n+0) {margin-right:3.2%;}
    a.collection-item {width: 50%; float: left; border-right: 1px solid #e0e0e0; max-height: 38px; overflow: hidden;}          
    }
@media only screen and (min-width: 1200px) {
    .card .card-title {font-size: 16px; line-height: 20px;}
    .menusearch {margin-left:210px !important;}  
    a.collection-item {width: 33.33%; float: left;}      
    }
label.placeholder-text {top:0px;left:60px !important; font-size: 1.2rem !important;}
.input-field input[type=search]:focus ~ label.placeholder-text {top: -18px; left:60px; font-size: 0.8rem !important;}
label.m-placeholder-text {top:0px;left:55px !important;font-size:12px;}
label.m-placeholder-text.active {top: -18px;left: 60px;}
.input-field input[type=search]:focus + label i, .input-field input[type=search]:focus ~ .mdi-navigation-close, .input-field input[type=search]:focus ~ .material-icons {
      color: #03A9F4; }

/**PEB**/
/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.icon-block {
  padding: 0 15px;
}
/** PEB **/
/** HEADER **/
/** INDEX **/
/** HEADLINE **/
span.headline-links {
    float: right;
}
span.heading_links a {
    font-size: 14px;
    position: relative;
    top: -2px;
    margin-right: 15px;
}
#index-banner .categories
{text-align: left;}
/** CARDS **/
ul.card-list {
  display: inline-block;width: 100%;
}
.category-btn {
background: url('../img/referens2.png');background-size:100% 100%;)
}
.category-btn h2 {
font-size:1.6rem;margin:15px auto;color:#fff;
}
.project-btn {
background: url('../img/referens.png');background-size:100% 100%;);margin-top:15px;
}
.project-btn h2 {
font-size:1.6rem; margin:15px auto;color:#fff;
}
/* TEST masonry
.fragment-list .card.col.m3 {
    width: 22%!important;
    margin:0px 0px 15px 0px!important; 
}
.fragment-list .card.col.s3 {
    width: 48%!important;
    margin:0px 0px 7px 0px!important;    
}
.card.col.m3.last {
    margin-right: 0px;
}*/
.card.col.m3 .card-content {
    height:92px;
    padding: 10px 20px 10px 20px;
    overflow:hidden;
}
.card .card-content p b {
    font-weight: 300;
}
.card .btn-small {
    margin-right: 0px;
    float: right;
}
.btn-small {
  display:inline-block;    
  padding: 0px 0.5rem;
  font-size: 12px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  line-height: 28px;
  text-transform: uppercase;
  border: none;
  outline: 0;
  -webkit-tap-highlight-color: transparent; }
.btn-small i {margin-right:10px;font-size:18px;position:relative;top:3px}
.card-feature {
    position: relative;
    height:3px;
    left: -11px;
    width: 115.5%;
}

.card-feature i {
    position: relative;
    top: -10px;
    left: 15px;
    padding: 1px 4px;
    border-radius: 100%;
    font-size: 1rem;
}
.card-feature.newsitem {
  background: #e3341c;
}
.card-feature.newsitem i {
  background: #e3341c; color:#fff; padding: 4px 4px;
}
.card-feature.pdcnewsitem {
  background: #e3341c;
}
.card-feature.pdcnewsitem i {
  background: #e3341c; color:#fff; padding: 1px 4px;
}
.btn-small.newsitem i {
	  color: #e3341c; margin-right:5px;
}
.card-feature.project {
  background: #039aff;
}
.card-feature.project i {
  background: #039aff; color:#fff;
}
.card-feature.tcisproject {
  background: #039aff;
}
.card-feature.tcisproject i {
  background: #039aff; color:#fff;
}
.card-feature.external {
  background: #03a9f4;
}
.card-feature.external i {
  background: #03a9f4; color:#fff;
}
.btn-small.project i {
  color:#039aff; margin-right: 5px;
}

.card-feature.byggvarlden {
  background: #000000;
}
.card-feature.byggvarlden i {
  background: #000000; color:#FFFFFF; padding: 4px;
}
.btn-small.byggvarlden i {
  color:#000000; margin-right: 5px;
}
.card-feature.getPublishedProduct() {
  background: #2e333b;
}
.card-feature.getPublishedProduct() i {
  background: #2e333b; color:#fff;
}
.card-feature.product {
  background: #2e333b;
}
.card-feature.product i {
  background: #2e333b; color:#fff;
}
.card-feature.product i.mdi-communication-business {
    background: #039AFF;
}
.card-feature.details {
    width: 40%;
    float: right;
    left: -11px;
    top: 17px;
    min-width: 135px;
}
.card-feature.details i {
    border-radius: 0px;
    height: 16px;
    padding: 0px;
    width: 32px;
    display: inline-block;
    margin-right: 0px;
    font-size: 12px;
    font-weight: 400;
    color: #2E333B;
    text-align: center;
    font-style: normal;
    cursor: default;
    float: right;
    background: rgba(255, 255, 255, 0) !important;
}
.card-feature.details i.bim {}
.card-feature.details i.cad {}
.card-feature.details i.dec {}
.card-feature.details i.spec {}
.card.col.m3 .card-action {
  border-top: 1px solid rgba(160, 160, 160, 0.2);
  padding: 15px 20px 10px 20px;
  min-height: 65px;
  line-height: 50px;
  max-height: 65px;
}
.card.col.m3 .card-action img {
    max-width: 60%; max-height: 40px;
}
.card.col.m3 .card-action a {
    margin-right: 0px;
}
.card .card-action a.btn-floating {
  width: 20px;
  height: 20px;
  line-height: 23px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  bottom:  -10px;
  left: 10px;
  background: #0596D6 !important;
}
.card .card-action a.btn-floating i {
    font-size: 1rem;
    line-height: 20px;
    font-weight: 600;
}
/**CATEGORY**/
.breadcrumb_container {margin-top:0px; clear: both; display: inline-block;}
.breadcrumb_container .breadcrumb_step {
    color: white;
	text-decoration: none; 
	padding: 0px 20px 0px 0px;
	position: relative; 
	display: block;
	float: left;
}
.breadcrumb_container .breadcrumb_step:after {
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 5px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 5px solid transparent;
	border-left: 6px solid #fff;
	position: absolute;
	top: 6px;
	right:6px;
	z-index: 2; 
}
.breadcrumb_container a {text-decoration: none;font-weight:300; color:#fff;}
.breadcrumb_container.product {
    padding-top:10px;
}
.breadcrumb_container.product a {
    font-size: 1.8rem;
    margin-left: 15px;
    padding-top:10px;
}

.breadcrumb_container.product .breadcrumb_step:after {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 9px solid #fff;
    position: absolute;
    top: 12px;
    right: 1px;}
div.suggestions {
    max-height: 80px;
    overflow: hidden;
}
.suggestions a {
    display: inline-block;
    height: 32px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    line-height: 32px;
    padding: 0 12px;
    border-radius: 16px;
    background-color: #F8F8F8;
    margin-right: 3px;
    margin-bottom: 8px;
}
.suggestions i.material-icons {
    font-size: 76px;
    color: white;
    margin: 0px 20px;
}
.darken {
background-color: rgba(51, 51, 51, 0.08)
}
.category-menu {
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  color: #fff;
  background-color: #90a4ae; /*#0596D6*/
  margin-top:15px;
  padding-left: 0px;
  z-index:500;
}
.category-menu a {
  float: left;
  color: white;
  padding: 0px 15px;
  height: 50px;
  display: inline-block;
  border-right: 1px solid rgba(255, 255, 255, 0.42);    
}

.category-menu a.active {
  color: #2e333b;
  background: white;
}
.category-menu a:hover {
  color: white;
  background-color: rgba(51, 51, 51, 0.08);
}
.category-menu a.anchorLink.active {
    min-width: 114px;
}
.category-menu i.material-icons {
    position: relative;
    top: 5px;
}
.category-menu .right a.btn-small {
    height: auto;
    padding: 0px 8px;
    border-right: none;
    margin-right: 5px;
}
.collection .collection-item.avatar a {
    color: #212121;
}
.collection .collection-item.avatar a.secondary-content {
    color: #039be5;
}
.secondary-content i.left {
  margin-right: 5px;
  margin-left: 5px;
}
.card.company {
    height: 45px;
    margin-right: 9px;
}
.card.company a {
    margin-right: 0px;
}
/*
.scrollspy:before {
    display: block;
    padding-top: 130px;
    margin-top: -130px;
    visibility: hidden;
    content: " ";
}
.slider.scrollspy:before {
    display: block;
    padding-top: 0px;
    margin-top:0px;
    visibility: hidden;
    content: " ";
}*/
/*
#company h5 {
  background: url('/0/homepage/00/04/63/DOCU/img/3.gif');
  background-repeat: repeat-x;
  background-position: 0px 60%;
}*/
#company h5 span {
  background: white;
  padding-right: 10px;
}
.scrollspy h5 {

}
.scrollspy h5 span {

}
h5.line {
  background: url('/10/homepage/00/04/63/DOCU/img/3.gif');
  background-repeat: repeat-x;
  background-position: 0px 60%;
}
h5.line span {
  background: white;
  padding-right: 10px;
}
h5 span i {margin-right:6px;}

/**COMPANY**/
.logo {
    background: #ffffff;
    padding: 1.8rem 1.1rem !important;
    margin-top: 0.40rem!important;
    text-align: center;
    line-height: 88px;
    height: 150px;
    max-width: 150px;
    border-radius: 50%;
}
/*
logo { 
  background:#fff;
  padding: 0.75rem !important;
  margin-top: 0.40rem!important;
  text-align: center;
  height: 118px;
  line-height: 84px;
}*/
.col.logo.th {
    max-height: 55px;
    line-height: inherit;
    min-width: 114px;
    margin-top: 0.0rem!important;
    padding: 1rem 10px !important;
    border-radius: 0;
    min-height: 55px;
}
.logo.th img{ 
  max-height:35px;
}
.logo img {
  max-width: 100%;
  max-height: 95px;
}
.companyname {
  margin-top:0px; color: white;
}
.companyname p {
  font-size:12px;font-weight: 300; 
}
.section.light-blue blockquote {
  border-color:#2e333b !important;font-size:12px;font-weight: 300;color:#fff;margin:2.5rem 0 0
}
.action.light-blue .btn-small {
    margin-top: 6px;    
}
.action.light-blue .btn-small i {
    margin-right: 3px;
}
.companydetails {
    padding-top:15px;
}
.companydetails .btn-small {
    font-size: 11px;
    margin: 0px 1% 10px 0px;
    color: rgb(46, 51, 59);
      -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.companydetails .btn-small i {margin-right:3px;}
p.truncate.white-text {}
p.truncate.white-text:hover {}
.card .card-content p {
    display: block;
    font-size: 12px;
    font-weight: 300;
}
.card-content a {
    color: #2e333b!important;
}
.more a {
  margin-bottom: 4px;
}
div#company_details {
    margin-top: 26px;
    line-height: 26px;
}
#company_details .table_label {
	float: left;
	width: 110px;
	white-space: nowrap;
	margin-right: 10px;
        font-weight:600;
}
#company_details .table_data {
	float: left;
	padding-left: 5px;
}
#company_details .row_end {
	clear: both;
}
/*
.card.external {
}
.card.external .card-image {
  float:left;width:33%;position: relative;left:-0.75rem;
}
.card.external .card-image img {
  display:block; 
}
.card.external .card-content {
  float:left; width:66%;padding: 0px 5px;
}
.card.external .card-content .card-title{
  font-size: 14px; font-weight: 400;
}
*/
#projects .card .card-image {
    background:url('/10/homepage/00/11/30/img.jpg');
    background-size:100%;
    position: relative;
    min-height: 150px;
    max-height: 150px;
    overflow: hidden;
}
.imageblock {
  padding-left:0!important;padding-right:1.5rem;
}
.offset-m1.imageblock {
    width: 100%;
    padding-left: 0!important;
    padding-right: 0;
    margin-left: 0;
}
.imageblock img {
  display:block; width:100%;
}
#info h1 {margin:0px;}
.btn-alt .btn {
  padding: 0px 1rem;
  margin-right: 0.8rem;
  margin-top:17px;
  margin-bottom:0px;
}
.accreditations {margin:15px 0px;}
.accreditations img {margin-right:5%}
li.v {
    width: 23%;
    margin-left: 0;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0.5rem 0 1rem 0;
    background-color: #fff;
    transition: box-shadow .25s;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 0px 15px 15px 15px;
    text-align: center;
    margin-right: 1%;
   min-height: 315px;
}
li.v a {
    color: #323232;
}
li.v h3 {
    font-size:1.2rem;
}

li.v img {
    width: 100%;
}
ul.fragment-list {
    clear: both;
    float: left;
    width:100%;
}
.tabs .tab a.light-blue-text {
    color: #32353a !important;
}
.tabs .tab a.pink-text {
    color: #32353a !important;
}
.tabs .tab a.green-text {
    color: #32353a !important;
}
.tabs .tab a.green-text.active {
    color: #F44336 !important;
}
.tabs .tab a.pink-text.active {
    color: #F44336 !important;
}
.tabs .tab a.light-blue-text.active {
    color: #F44336 !important;
}
/** NEWS ITEM **/
#newsitem .slider .slides li img {background-size: contain;}
#newsitem .col.m10.offset-m1 ul {
    padding-left: 20px;
}
#newsitem .col.m10.offset-m1 ul li {
    list-style-type: disc;
    margin:10px 0px
}
#newsitem .col.m10.offset-m1.imageblock ul {
    padding-left: 0px;
}
#newsitem .col.m10.offset-m1.imageblock ul li {
    list-style-type: none;
    margin: 0px 12px;
}
#newsitem .col.m10.offset-m1 img {
    max-width: 100%;
}
/**FOOTER**/
.footer-copyright a {
  margin-right: 15px;
}
HR {
border:none;
border-top:3px solid #fff;
background: none;
}
.modal hr {
border-color: rgba(0, 0, 0, 0.87);
}
.companyname h1 {
    font-size: 3.1rem;
    margin: 10px 0px 15px;
}
.companyname h5 {
    margin: 15px 0px 0px;
}
.companyname a {
   color: #fff;
}
.chip a {
   color: rgba(0, 0, 0, 0.6);
}
a.btn_more {
    color: #2E333B;
}
.productCategories a {
    display: inline-block;
    height: 32px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    line-height: 32px;
    padding: 0 12px;
    border-radius: 16px;
    background-color: #E4E4E4;
    margin-right: 3px;
    margin-bottom: 8px;
}
.wiki {
    position: relative;
    top: 10px;
}
/**Project**/
a.title {color:white;display: block;padding-bottom: 8px;text-shadow: -1px -1px -0px rgba(0, 0, 0, 0.35);font-size: 1.1rem; margin-bottom: 1.7rem; text-align: center;}
a.title.b-flerbostadshus {background: #039aff;}
a.title.b-gruppbyggda-smahus {background: #2D8B10;}
a.title.b-flerbostadshus {background: #039aff;}
a.title.b-industri {background: #5dba91;}
a.title.b-kraft-och-belysning {background: #323944;}
a.title.b-samfardsel {background: #666;}
a.title.b-affars-kontorshus {background: #2cbed3;}
a.title.b-affarshus {background: #2cbed3;}
a.title.b-hotell-restauranger {background: #ca2929;}
a.title.b-sjukhus {background: #da67d9;}
a.title.b-skolor {background: #b673fc;}
a.title.b-samlingslokaler {background: #6c06c1;}
a.title.b-idrottsanlaggningar {background: #e7841a;}
a.title.b-vagar-vatten-avlopp {background: #666;}
a.title.b-mark {background: #664B05;}
a.title.b-markanlaggning {background: #664B05;}
  .sub {
        position: relative;
    }
    
    .sub:before {
        width: 3px;
        top: 0px;
        bottom: 0px;
        background: #ccc;
        content: "";
        position: absolute;
        left: -3px;
    }
    
    .sub h3 {
        position: relative;
        text-align: left;
        font-size: 14px;
        line-height: 18px;
        margin: 12px 0px;
    }
    
    .sub h3 a {
        position: relative;
        left: 20px
    }
    
    .sub h3:before {
        width: 9px;
        height: 9px;
        border: 3px solid #fff;
        border-radius: 100px;
        margin: 16px 0 0 -6px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1);
        background: #ccc;
        content: "";
        position: absolute;
        top: -10px;
        left: 0px;
    }
    
    .sub h3:hover:before {
        background: #4992D6;
    }
    
    .sub h3.main {
        font-size: 18px;
        font-weight: 400;
        margin-top: 24px;
    }
    
    .sub h3.main:before {
        width: 24px;
        height: 24px;
        top: -18px;
        left: -8px;
    }
    
    .sub h3.main.flerbostadshus:before {
        background: #039aff;
    }
    
    .sub h3.main.gruppbygg:before {
        background: #2D8B10;
    }
    
    .sub h3.main.samlingslokal:before {
        background: #8818e6;
    }
    
    .sub h3.main.hotell:before {
        background: #ca2929;
    }
    
    .sub h3.main.skolor:before {
        background: #b673fc;
    }
    
    .sub h3.main.idrott:before {
        background: #e7841a;
    }
    
    .sub h3.main.industri:before {
        background: #5dba91;
    }
    
    .sub h3.main.kontor:before {
        background: #2cbed3;
    }
    
    .sub h3.main.sjukhus:before {
        background: #da67d9;
    }
    
    .sub h3.main.kommunikation:before {
        background: #666;
    }
    
    .sub h3.main.kraft:before {
        background: #323944;
    }
    
    .sub h3.main.markanlaggning:before {
        background: #664B05;
    }
/** Statistics **/
.headline {
    font-size:28px;
}
.data_table {
    max-width:800px; font-size:12px;
}
.data_table a {
    color: #00AAF7;
    font-weight: 600;
    text-transform: uppercase;
}
table.data_table > tbody > tr:nth-child(1) {
    background-color:#03A9F4 !important;color:white;
}
table.data_table > tbody > tr:nth-child(1) a {
    color:#000;
}
table.data_table > tbody > tr:nth-child(2) {
    background-color:#0596D6; color:white;
}
table.data_table > tbody > tr:nth-child(odd) {
    background-color: #f2f2f2;
}
table.data_table > tbody > tr > td {    
    border-radius: 0px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 5px;
    white-space: nowrap;
}
table.data_table > tbody > tr > td:last-child {
    font-weight:600;}
.legend table {
    max-width: 150px;
}
.legend table div {
    max-width: 150px !important;
}
td.legendColorBox {
    max-width: 25px;
    float: left;
}

td.legendColorBox div {
    width: 18px;
}

td.legendLabel {
    float: left;
}
.column1 tr td:first-child {
    display: none;
}
.column1 table {
    margin: 0rem 0 1rem 0;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    border-top: 0px;
    border-bottom:0px;
    display:block;
    width:100%;
}
.column1 tr {
    min-width: 100%;
    display: block;
}

.column1 tbody {
    width: 100%;
    display: block;
}

.column1 tr td {background-color: #fff;
    line-height: 1.5rem !important;
    padding: 10px 20px !important;
    margin: 0 !important;
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    display: block;}
 .column1 tr td a {
    display: block;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -ms-transition: 0.25s;
    transition: 0.25s;
    color: #2E333B; }
.column1 tr td:hover {
    background: #ddd;
}
p.news_date {
    float: right;
    line-height: 38px;
}
.category-menu .right {
    max-height: 42px;
    overflow: hidden;
}
.circle-button-text {
color: #212121; margin-left: 10px; font-size: 1.64rem; position: relative; top: 3px;
}
.col.right a.btn-small.grey.lighten-4.black-text {
    display: none;
}

/*** FILTER ***/
div#filter {
    display: inline-block;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    max-height: 0px;
    -webkit-transition: max-height 1.8s;
    -moz-transition: max-height 1.8s;
    transition: max-height 1.8s;
  -webkit-transition-delay: 1s;
     -moz-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
    overflow: hidden;
}

.category-menu a.active:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-right: 12px solid transparent;
    border-bottom: 13px solid #fff;
    border-left: 12px solid transparent;
    position: relative;
    z-index: 999;
    top: -63px;
    left: 28px;
}

#filter .col.m3 {
    width: 22.6%;
    margin-right: 3.2%;
    padding-bottom: 1.5rem;
    overflow: hidden;
}
#filter .col.m3:nth-child(4n) {
    margin-right: 0;
    border-right: 0px;
}
#filter [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
    white-space: nowrap; font-size: 0.9rem;
}
a.showmore i {
    position: relative;
    top: 6px;
}
#filter p {
    color: #515557;
}
#filter h5 a i.material-icons {
    margin-left: 15px;
    color:rgba(0, 0, 0, 0.87);
}

#fairs .card .card-image {
    float: left;
    width: 50%;
    padding: 5px;
    height: 100px;
}

#fairs .card.col.m3 .card-content {
    padding: 7px;
    height: auto;
}

span.card-date {
    display: block;
    font-size: 12px;
    line-height: 12px;
}

span.card-cta {
    font-size: 13px;
    line-height: 11px;
}

span.card-fairid {
    display: block;
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    padding: 5px 0 0 0;
}

span.card-fairid i {
    font-size: 14px;
    position: relative;
    top: 2px;
}

span.card-date i {
    font-size: 14px;
    position: relative;
    top: 3px;
}
#fairs .card .card-image img {
               position: relative;
               top: 50%;
               left: 50%;
               transform: translateX(-50%) translateY(-50%);
               display: inline-block;
}
#companies .card .card-image {
    height: 100px;
    width: 50%;
    float: left;
    padding: 5px 10px;
}
#companies .card .card-content {
    height: 100px;
    width: 50%;
    float: left;
    padding: 10px;
    background: #eceff1;
}
#companies .card .card-content span  {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: inline-block;
    font-size: 14px;
}
#companies .card .card-image img {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
}
/** A-O TABLE **/


.tableBlack h1 a {
    color: inherit;
    font-weight: 400;
}
.tableBlack {
    border-bottom: 1px solid #35c0ff;
    text-transform:uppercase;
    padding-left:0px;
    padding-bottom: 12px;
    margin: 12px 0px;
}
table.cssCatalogTable {
    margin-top: 30px; border-collapse: collapse;
}
table.cssCatalogTable tr.tableBlack {
    display: none;    
}
.tableDarkGrey {display:none;
    background: rgba(179, 194, 202, 0.33);
    border: none;
    height: 30px;
    font-weight: 600;
}

.tableVeryVeryLightGrey {
    background: #fff;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}
.tableCentered TD {
    font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
    font-size: 17px;
}

table.cssCatalogTable td {
    font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    line-height: 20px;
    padding: 10px 8px 10px 8px;
}
table.cssCatalogTable td.hide_all.show_l {
    display: none !important;
}
table.cssCatalogTable tr td:nth-last-child(5) {font-weight:600; text-align: center;}
table.cssCatalogTable tr td:nth-child(1) a {font-size: 16px}
table.cssCatalogTable tr td:nth-child(2) a {color: #333; font-size:11px; max-height:60px; overflow:hidden; display:block;}
table.cssCatalogTableOverview td { vertical-align: top;}
table.cssCatalogTableOverview td a {color: #333; font-size: 13px;}
p.pagination {
    font-size: 18px;
}
p.pagination a {
    margin: 0px 15px;
}
p.pagination a:nth-child(1) {
    margin: 0px 15px 0px 0px;
}
p.pagination b {
    background: #039be6;
    padding: 5px 10px;
    border-radius: 2px;
    color: white;
}
.follow-buttons {
    position: fixed;
    top: 330px;
    width: 50px;
    text-align: center;
    background: white;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.follow-buttons p {
    font-weight: 600;
    margin: 8px;
}
a.follow-icon {
    display: block;
    padding: 10px;
    margin: 0px;
    outline-offset: -1px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
span.icon-wrapper {
    line-height: 32px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
#latestmodule li.card.col.s6.m3:nth-child(5) {
    width: 48.4%;
}
#latestmodule li.card.col.s6.m3:nth-child(6) {
    width: 48.4%;
    margin-right: 0%;
}
div#AdPosition000341 {text-align:center}
div#AdPosition000341 img {width:100%; max-width:1280px;}



/* ------------------------ CSS for ny Produktfakta kontakt oss side ------------------------ */

@media screen\0 {
    .pf_kontakt_grid {
        margin: 0 auto;
        max-width: 1024px;
    }
    .iefloat {
        float: left;
        margin: 30px;
    }
    .pf_kontakt_circle {
        display: block;
        background: rgb(0, 0, 0);
        border-radius: 100%;
        height: 120px;
        width: 120px;
        margin: 0;
        background: radial-gradient(circle at 80px 32px, #ffffff, rgb(219, 219, 219));
        box-shadow: 0pt 3pt 8pt 0pt rgba(0, 0, 0, 0.3);
        display: grid;
        transition: .1s;
        text-align: center;
    }
    .pf_kontakt_circle:hover {
        display: block;
        background: rgb(0, 0, 0);
        border-radius: 100%;
        height: 120px;
        width: 120px;
        margin-top: 2px;
        margin-bottom: -2px;
        background: radial-gradient(circle at 80px 32px, #ffffff, rgb(219, 219, 219));
        box-shadow: 0pt 2pt 3pt 0pt rgba(0, 0, 0, 0.3);
        display: grid;
    }
    .pf_kontakt_button_1_image {
        width: 60%;
        margin-top: 20px;
    }
    .pf_kontakt_button_2_image {
        width: 60%;
        margin-top: 20px;
    }
    .pf_kontakt_button_3_image {
        width: 80%;
        margin-top: 55px;
    }
    .pf_kontakt_button_4_image {
        width: 70%;
        margin-top: 45px;
    }
}

.pf_kontakt_button_1_image {
    width: 60%;
}

.pf_kontakt_button_2_image {
    width: 60%;
}

.pf_kontakt_button_3_image {
    width: 80%;
}

.pf_kontakt_button_4_image {
    width: 70%;
}

a.pf_kontakt_email {
    color: white;
    text-decoration: none;
    font-size: 10pt;
    font-family: Montserrat;
    text-shadow: 0pt 1pt 1pt rgba(0, 0, 0, 1);
}

a.pf_kontakt_email:link {
    color: white;
    text-decoration: none;
    font-size: 10pt;
    font-family: Montserrat;
    text-shadow: 0pt 1pt 1pt rgba(0, 0, 0, 1);
}

a.pf_kontakt_email: visited {
    color: white;
    text-decoration: none;
    font-size: 10pt;
    font-family: Montserrat;
    text-shadow: 0pt 1pt 1pt rgba(0, 0, 0, 1);
}

a.pf_kontakt_email:hover {
    color: #000000;
    text-decoration: none;
    font-size: 10pt;
    font-family: Montserrat;
    text-shadow: 0pt 1pt 1pt rgba(0, 0, 0, 0);
}

a.pf_kontakt_email:active {
    color: #000000;
    text-decoration: none;
    font-size: 10pt;
    font-family: Montserrat;
    text-shadow: 0pt 1pt 1pt rgba(0, 0, 0, 0);
}

.pf_kontakt_grid {
    margin: 0 auto;
    max-width: 1280px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 5px;
    margin-bottom: 0px;
   
}

.pf_kontakt_button_grid {
    margin: 35px auto;
    display: grid;
    max-width: 1280px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 5pt;
    justify-items: center;
}

.iefloat {
    max-height: 300px;
}



@media screen and (max-width: 1024px) {
       .pf_kontakt_container {
          margin: 20px auto;
          width: 150px;
          max-height: 300px;
     }

    .pf_kontakt_grid {
        margin: 0 auto;
        max-width: 1024px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 5px;
        margin-bottom: 25px;
    }
    .pf_kontakt_grid>div {
        margin: 0;
        padding: 0;
    }
    .pf_kontakt_button_grid {
        margin: 0 auto;
        max-width: 1024px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 15pt;
        justify-items: center;
    }

       .iefloat {
           margin-bottom: 30px;
           max-height: 300px;
        }
}

@media only screen and (max-width: 600px) {
       .pf_kontakt_container {
       margin: 20px auto;
       width: 150px;
       max-height: 300px;
}

    .pf_kontakt_grid {
        margin: 0 auto;
        min-width: 350px;
        max-width: 600px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2px;
        margin-bottom: 25px;
    }
    .pf_kontakt_button_grid {
        margin: 0 auto;
        min-width: 350px;
        max-width: 600px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2pt;
        justify-items: center;
    }
       .iefloat {
           margin-bottom: 30px;
        }
}

@media only screen and (min-width: 1025px) {
.pf_kontakt_container {
    width: 180px;
    max-height:300px;
}
}

.pf_kontakt_image {
    border-style: outset;
    border-width: 1px;
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .3s ease;
    filter: grayscale(100%);
    border-radius: 50%;
    backface-visibility: hidden;
}

.pf_kontakt_container:hover .pf_kontakt_image {
    filter: grayscale(0);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.pf_kontakt_container:hover .pf_kontakt_middle {
    opacity: 1;
}

.pf_kontakt_middle {
    margin-top: 0px;
    margin-left: 1px;
    padding-top: 113px;
    width: 100%;
    transition: .3s ease;
    opacity: 0;
    position: relative;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.pf_kontakt_text {
    border-style: outset;
    border-top-color: rgba(255, 255, 255, 0);
    border-left-color: rgba(255, 255, 255, 0.2);
    border-right-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.2);
    border-width: 1px;
    text-shadow: 0pt 1pt 1pt rgba(0, 0, 0, 1);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 12px 8px;
    border-bottom-left-radius: 12px 8px;
    background-color: rgb(101, 136, 152);
    color: white;
    font-size: 10pt;
    font-family: Montserrat;
    padding: 4px 4px 10px;
}

.pf_kontakt_figure_text {
    text-align: center;
    font-family: Montserrat;
    font-size: 10pt;
    font-weight: 600;
}

.pf_kontakt_circle {
    display: block;
    background: rgb(0, 0, 0);
    border-radius: 100%;
    height: 120px;
    width: 120px;
    margin: 0;
    background: radial-gradient(circle at 80px 32px, #ffffff, rgb(219, 219, 219));
    box-shadow: 0pt 3pt 8pt 0pt rgba(0, 0, 0, 0.3);
    display: grid;
    justify-items: center;
    align-items: center;
    transition: .1s;
    text-align: center;
}

.pf_kontakt_circle:hover {
    display: block;
    background: rgb(0, 0, 0);
    border-radius: 100%;
    height: 120px;
    width: 120px;
    margin-top: 2px;
    margin-bottom: -2px;
    background: radial-gradient(circle at 80px 32px, #ffffff, rgb(219, 219, 219));
    box-shadow: 0pt 2pt 3pt 0pt rgba(0, 0, 0, 0.3);
    display: grid;
    justify-items: center;
    align-items: center;
}

		#slideout {
			position: fixed;
			top: 130px;
			left: 0;
			width: 65px;
			padding: 12px 0;
			text-align: center;
			background: #6DAD53;
			-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-border-radius: 0 5px 5px 0;
			-moz-border-radius: 0 5px 5px 0;
			border-radius: 0 5px 5px 0;
		}
		#slideout_inner {
			position: fixed;
			top: 130px;
			left: -250px;
			background: #6DAD53;
			width: 260px;
			text-align: center;
			padding: 25px;
			height: 154px;
			-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
			text-align: left;
			-webkit-border-radius: 0 0 5px 0;
			-moz-border-radius: 0 0 5px 0;
			border-radius: 0 0 5px 0;
		}

		#slideout_inner a {
			color: white;
			text-decoration: none;
		}
		#slideout:hover {
			left: 250px;
		}
		#slideout:hover #slideout_inner {
			left: 0;
		}


.utstillerknapp p {
			text-align: center;
    font-weight: 600;
    font-size: 20px;
    margin: 8px;
}
a.utstillerknapp {
    display: block;
    padding: 10px;
    margin: 0px;
    outline-offset: -1px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


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