/*snickers*/
/*@font-face {
	font-weight:400;
	font-style:normal;
	font-family:FranklinGothicFS;
	src: url(/gui/fonts/FranklinGothic-Book-webfont.eot?#iefix) format("embedded-opentype"),
		 url(/gui/fonts/FranklinGothic-Book-webfont.woff) format("woff")
}

@font-face 
	font-weight:600;
	font-style:normal;
	font-family:FranklinGothicFS;
	src: url(/gui/fonts/FranklinGothic-Med-webfont.eot?#iefix) format("embedded-opentype"),
		 url(/gui/fonts/FranklinGothic-Med-webfont.woff) format("woff")
}

@font-face {
	font-weight:700;
	font-style:normal;
	font-family:FranklinGothicFS;
	src: url(/gui/fonts/FranklinGothic-Demi-webfont.eot?#iefix) format("embedded-opentype"),
		 url(/gui/fonts/FranklinGothic-Demi-webfont.woff) format("woff")
}
*/


/* Temporary font links: 
@font-face {
	font-weight:400;
	font-style:normal;
	font-family:FranklinGothicFS;
	src: url(http://crossorigin.me/http://www.hultafors.com/gui/fonts/FranklinGothic-Book-webfont.eot?#iefix) format("embedded-opentype"),
		 url(http://crossorigin.me/http://www.hultafors.com/gui/fonts/FranklinGothic-Book-webfont.woff) format("woff")
}

@font-face {
	font-weight:600;
	font-style:normal;
	font-family:FranklinGothicFS;
	src: url(http://crossorigin.me/http://www.hultafors.com/gui/fonts/FranklinGothic-Med-webfont.eot?#iefix) format("embedded-opentype"),
		 url(http://crossorigin.me/http://www.hultafors.com/gui/fonts/FranklinGothic-Med-webfont.woff) format("woff")
}

@font-face {
	font-weight:700;
	font-style:normal;
	font-family:FranklinGothicFS;
	src: url(http://crossorigin.me/http://www.hultafors.com/gui/fonts/FranklinGothic-Demi-webfont.eot?#iefix) format("embedded-opentype"),
		 url(http://crossorigin.me/http://www.hultafors.com/gui/fonts/FranklinGothic-Demi-webfont.woff) format("woff")
}
  */

.hultafors-product-blob {
	border: none !important;
}

.section_492 .hultafors-product-blob {
	/*min-height: 250px;*/
}

.section_492 .hultafors-product-blob .form-group {
	margin-bottom: 10px;
}


@media screen and (max-width: 1200px) {
  .section_492 .hultafors-product-blob {
     /* min-height: 305px;*/
  }
}

/* basic */
.btn-continue{
  background-color: #fed500;
}

.styleColor{
  border-bottom:5px solid #fed500;
}

.row {
	margin-left: 0px;	
  	margin-right: 0px;
}

.row .row {
	margin-left: -15px;	
  	margin-right: -15px;
}
/*
.page {
	background: #f7f7f7 !important;
} */

.content .container, .header .container, .breadcrumb-wrapper .container {
 	/*max-width: 1002px; *//* With paddings container width becomes 972px - same as old site*/
}

.header .container {
	max-width: none;
    width: 100%;
    padding: 0;
}

.content >.container > div {
/*	background: #fff; */
}
.content {
  	padding: 0;
}
.content .section {
    overflow-wrap: break-word;
}
@media screen and (max-width: 767px) {
  .content >.container {
  	padding-left: 0;
    padding-right: 0;
  }
  .content table {
  	width: 100%;
  }
}

.content section > section {
    padding-bottom: 0;
}

/* typography */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: FranklinGothicFS,Arial,Helvetica,sans-serif;
    -webkit-font-smoothing:antialiased;
    font-weight: 700;
    line-height: 1.1;
    color: inherit;
}

.product-info h1 {
	text-transform: uppercase;
  	font-size: 28px;
}

@media screen and (min-width: 1025px) {
  .product-content .row .row {
      margin-left: 0;
      margin-right: 0;
  }
}

.mobile-product-title h1, .mobile-product-title h2 {
	text-transform: uppercase;
  	font-size: 22px;
}

h3 {
    font-weight: 700;
    text-transform: none;
}

h2, .h2 {
  	font-size: 24px;
}

h3, .h3 {
  	font-size: 20px;
}

p, li {
	font-size: 15px;
}
iframe {
	max-width: 100%; 
}

.bold { font-weight: 700; }

.hover-product-title a:hover {
    color: #A9A9A9;
    text-decoration: none;
}
.hover-product-header a:hover {
    color: #FECE00;
    text-decoration: none;
}

body {
	font-family: FranklinGothicFS,Arial,Helvetica,sans-serif;
  	-webkit-font-smoothing:antialiased;
  	font-size: 16px;
	line-height: 1.42857;
	color: #333333;
}

.page-header {
   	font-family: FranklinGothicFS,Arial,Helvetica,sans-serif;
    -webkit-font-smoothing:antialiased;
    font-size: 30px;
    color: #333333;
    border: none;
    font-weight: 700;
}
@media screen and (min-width: 768px) {
  .breadcrumb-wrapper {
      height: 70px;
      border-bottom: 1px solid #ededed;
      box-shadow: none;
  }
}

ol.breadcrumb {
	padding: 0;
}

.breadcrumb a {
	font-weight: normal;
  	line-height: 70px;
}


/* general */
button, input {
	border-radius: 0 !important;
}

.bg-black {
	background-color: #000000;
}
.bg-grey {
	background-color: #323F49;
}


/* alerts */
.alertify, .alertify-log, .alertify-logs, .alertify-logs article, .alertify-dialog, .alertify-buttons {
	font-family: FranklinGothicFS,Arial,Helvetica,sans-serif;
	text-shadow: none;
   	border: none;
  	border-radius: 0;
}

.alertify-buttons button {
	text-shadow: none !important;
  	background-image: none !important;
}

.alertify-button-ok {
	background-color: #FFCB00 !important; /* yellow */
  	/* background-color: #da291c !important; *//* red */
    border-color: #BBBBBB !important; 
}

.alertify-log-show, .alertify-dialog, .alertify-buttons {
  	box-shadow: none;
}

.alertify-log-show,
.alertify-log-error {
  	background: #FFCB00 !important; /* yellow */
  	color: #000000; /* snickers */
  	/*background: #da291c !important; */ /* red */
  	/* color: #ffffff; */ /* hultafors */
}

.alertify-dialog i {
	color: #FFCB00 !important; /* yellow */
  	/* color: #da291c !important; */ /* red */
}

.alertify-dialog i {
	font-size: 25px;
    margin-right: 15px;
}



/* super top */

.top-bar {
	display: block;
	position: fixed;
	z-index: 10;
	height: 306px;
	width: 100%;
	left: 0;
 	top: -260px;
  	background: #ffffff;
	padding-left: 0px;
}
 
.top-bar {
	transition: top 0.3s;
	border-bottom: 1px solid #dddddd;
}  

.top-bar.active {
	top: 0px;
}

.select-brand-menu {
	height: 260px;   	
	background-color: #f8f8f8; 

  	overflow: hidden;
}

.brand-nav-item {
	height: 295px !important;
  	width: auto;
    margin-right: 15px;
} 

.mobile-brand-nav {
	width: 100%;
}

.mobile-brand-nav a {
	width: 50%;
}

.mobile-brand-nav a img {
	padding: 0 5px;
}

@media screen and (min-width: 768px) {
	.mobile-brand-nav {
    	display: none !important;
    }
}

.top-bar .menu-opened {
	display: none;
}

.top-bar .large-screens {
	display: none;
}

.top-bar.active .menu-opened {
	display: inline-block;
}

.top-bar.active .menu-closed {
	display: none;
}

@media screen and (min-width: 470px) {
  	.top-bar .small-screens {
		display: none;
  	}
  
	.top-bar .large-screens {
		display: inline-block;
  	}
}

.top-bar-link {
	padding: 0;
}

.top-bar-link a  {
    border-left: 0px;
    border-right: 0px;
}

.top-bar .nav a {
    color: #333333;
  	background: none;
}

.top-bar .nav .dropdown-menu, .top-bar .nav .open, .top-bar .nav a {
  	background-color: none; 
  	background: none;
  	line-height: 45px;  	
}

.top-bar .nav a:hover, .top-bar .nav a:focus {
	color: #666;
  	background: none;
}


.top-bar .nav .dropdown-menu {
	left: auto;
  	right: 0;
  	padding: 0 !important;
  	margin: 0 !important;
}

.top-bar .nav .dropdown-menu li {
	background: #ffffff;
  	height: 45px;
}

.top-bar .nav .dropdown-menu li a {
	padding: 0 20px !important;
}

.nav>li>a {
	padding: 0 20px 0 0;
}

.toggle .toggle-sign {
    font-size: 25px;
    font-weight: normal !important;
    position: absolute;
  	/* right: 5px; */
    right: 20px;
  	/* top: 14px; */
    top: 0;
    color: #111;
    cursor: pointer;
    /* display: none; */
}

.top-bar >.container {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    height: 33px;
}    

.top-bar >.container >.col-sm-12 {
	padding-left: 0;
  	padding-right: 0;
}

.top-bar section {
	display: inline-block;
  	float: left;
   	height: 45px;
  	padding: 0;
}

.top-bar section p, .top-bar section a {
    float: left;
    line-height: 45px;
  	margin: 0;
  	font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}

.top-bar > .container > div > section:nth-of-type(1) { /* hultafors group menu item */
	background-color: #ffffff;
 	padding: 0 10px !important;
}

.top-bar > .container > div > section:nth-of-type(1) p { 
  	font-weight: 500;
}

.top-bar > .container > div > section:nth-of-type(2) { /* select brand menu item */
	background-color: #f8f8f8; 
  	padding: 0 10px !important;
  	cursor: pointer;
    border-right: 1px solid #ddd;
}

.top-bar > .container > div > section:nth-of-type(2) .fa {
	padding-right: 5px;
} 

.top-bar > .container > div > section:nth-of-type(3) { /* current brand menu item */
  	background-color: #f8f8f8; 
  	padding: 0 20px !important;
	border-right: 1px solid #ddd;
}

.top-bar > .container > div > section:nth-of-type(3) p:before {
	content: "|";
  	padding-right: 20px;
    color: #dddddd;
    font-weight: 300;
}

.top-bar > .container > div > section:nth-of-type(4){ /* checkout menu item */
	padding: 0 20px !important;
  	background-color: #f8f8f8;
  	border-left: 1px solid #efefef;
}

.top-bar > .container > div > section:nth-of-type(4) a {
	color: #666666;
}

.top-bar > .container > div > section:nth-of-type(7) { /* search menu item */
	border-left: 1px solid #dddddd;
  	width: auto;
}

.top-bar > .container > div > section:nth-of-type(5) { /* cart section */
	background-color: #f8f8f8;
    border-left: 1px solid #dddddd;
}

.top-bar > .container > div > section:nth-of-type(7) {
    padding-right: 1px;
}

.top-bar > .container > div > section:nth-of-type(4),
.top-bar > .container > div > section:nth-of-type(5),
.top-bar > .container > div > section:nth-of-type(6), /* my area menu item */
.top-bar > .container > div > section:nth-of-type(7) {
	float: right;
  	border-top: 1px solid #dddddd;
}

.top-bar > .container > div > section:nth-of-type(2) p:hover,
.top-bar > .container > div > section:nth-of-type(6) a:hover {
	text-decoration: underline;
}

.top-bar > .container > div > section:nth-of-type(6),
.top-bar > .container > div > section:nth-of-type(6) a {
	color: #666666;
}

/* temporarily hide username and log out from top bar: */
.top-bar > .user-profile-page-link,
.top-bar > .user-log-out-link {
  	display:none;  
}

.top-bar #minibasket {
	width: 43px;
    top: -13px;
    left: 2px;
    position: relative;
}
.top-bar #searchboxform {	
    top: -13px;
    position: relative;
}
.top-bar #minibasket .cart-field {
	display: none;
}

.cart-field {
    border: 0px;
    background: #ffffff;
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
}

@media screen and (min-width: 470px) {
	.top-bar > .container > div > section:nth-of-type(1), 
    .top-bar > .container > div > section:nth-of-type(1) a,
  	.top-bar > .container > div > section:nth-of-type(2) { 
    	padding: 0 20px !important;
    }
}

@media screen and (min-width: 992px) {
	.top-bar > .container > div > section:nth-of-type(2) { /* select brand menu item */
  		padding: 0 0 0 20px !important;
      	border-right: 0;
      
	}
}

@media screen and (max-width: 372px) { /* put "Hultafors group" in two rows on mobile screen to fit */
	.top-bar > .container > div > section:nth-of-type(1) {
		padding: 8px 10px !important;
		width: 100px;
    }
  
  	.top-bar > .container > div > section:nth-of-type(1) p {
    	line-height: 16px;
    }
}


/* Select brand menu on mobile */
@media screen and (max-width: 767px) {
  .top-bar {
  	height: 175px; /* 153px; */
    top: -130px;
  }
  
  .select-brand-menu {
  	height: 130px;
  }
}





#minibasket button {
  	background: none;
  	border: none;
  	box-shadow: none;
  	background-color: #f8f8f8;
  	height: 38px;
}


#minibasket button span {
	color: #666666;
    font-size: 16px;
}


/* top main header */
.main-nav {
  border-top: 1px solid #fff;
  background: #fff;
}
.header {
	background: none !important;
	border: none;
  	padding: 0 !important; 
}

@media screen and (max-width: 767px) {

    .header .container {
        width:100%;
        padding: 0;
        margin: 0;
    }
  
}

.pt-blackStar {
  color: #FFCF00;
}

.navbar-header { /* only visible below 1200px width */
	display: table;
  	height: 50px;
  	width: 100%;
}



.navbar-header .navbar-brand {
	display: table-cell;
    vertical-align: middle;
  
  	float: none;
  	padding: 0;
  	line-height: auto;
  	height: auto;
}

.navbar-header button.navbar-toggle {
	margin-bottom: 0;
  	margin-top: 8px;
  	margin-right: -15px;
}

@media screen and (min-width: 768px) {
    .navbar-header { /* only visible below 1200px width */
        height: 86px;
    }
  	
  	.navbar-header button.navbar-toggle {
  		margin-top: 22px;
    }
  
    .sidebar-nav {
    	margin-top: 0 !important;
    }
}

.page-top-header {
	background: #323F49;
  	color: #ffffff;
  	/*margin-top: 45px;*/
  
  	width: 100%;
  	float: left;
}

.page-top-header ul.nav a {
    color: #ffffff;
    text-transform: none;
    font-size: 17px;
    font-weight: 500 !important;
}

@media screen and (min-width: 1200px) {
  	.page-top-header ul.nav a {
		font-weight: bold !important;
    }
}

.page-top-header-logo, .page-top-header-menu {
	float: left;
  	width: 50%;
}

.page-top-header-menu nav {
	margin-left: -110%;
}

@media screen and (max-width: 768px) {
	.page-top-header-logo img {
    	height: 50px;
    }
    
    .page-top-header ul.nav a,.page-top-header ul.nav span {
      font-weight: 500 !important;
      font-size: 17px;
  	}
}

@media screen and (min-width: 768px) {
	.page-top-header-logo img {
		height: 75px;
		padding-top: 10px;
	}
}

@media screen and (min-width: 1200px) {
  .page-top-header ul.nav li:hover,
  .page-top-header ul.nav li:active,
  .page-top-header ul.nav li:focus {
      /*background-color: #da291c; */ /* red */
      background-color: #FFCB00; /* yellow */
  }
  
	.page-top-header-logo {
		width: auto;
	}
  
  
  .page-top-header-menu {
        width: 65%;
        margin-left: auto;
        margin-right: auto;
        float: none;
	}
  
  .page-top-header-menu nav {
       width: 100%;
    	text-align: center;
  }
  
  .page-top-header-menu nav ul.nav {
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .page-top-header-menu nav ul.nav li {
		display: inline-block;
		float: none;
  }
  .page-top-header-menu nav ul.nav li a {
   line-height: 86px;
  }
}

.page-top-header ul.nav li:hover .caret,
.page-top-header ul.nav li:active .caret,
.page-top-header ul.nav li:focus .caret {
  	color: #ffffff;
}

.page-top-header ul.nav a:hover {
	background: none;
}

.page-top-header ul.nav li:first-of-type a {
	padding: 0;
}

.page-top-header ul.nav .caret {
  	/*color: #da291c; */ /* red */
  	color: #FFCB00; /* yellow */
	margin-left: 10px;
  	display: none;
}



@media screen and (min-width: 1200px) {
  
	.page-top-header #navbar-collapse {
    	display: block !important;
        margin: 0;
	    padding: 0;
	}

  .page-top-header #navbar-collapse ul.nav {
      height: 86px;
  }

  .page-top-header ul.nav li {
      height: 100%;
      display: table;
      padding: 0 25px;
  }

  .page-top-header ul.nav a {
      display: table-cell;
      vertical-align: middle;
     
      padding: 0;
     
  }
}

.navbar-toggle .icon-bar {
	background-color: #ffffff;
}

.navbar-toggle {
	float: right !important;
}


/* Virtual Product detail page */
.vp-list .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    margin-top: 0px !important;
}

.above-product { /* egen klass */
  	border-bottom: 1px solid #ededed;
}
.above-product > .row,
.above-product > div {
  	float: none;
	margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.above-product section {
	padding-bottom: 0;
}

.above-product ol.breadcrumb {
	padding-left: 0;
    margin-left: -15px;
}

@media screen and (min-width: 768px) {
  .above-product > div { width: 750px; }	
}

@media screen and (min-width: 992px) {
  .above-product > div { width: 970px; }	
}

@media screen and (min-width: 1200px) {
  .above-product > div { width: 1170px; }	
}

.social-share {
	padding: 5px 0 0 0;	
    margin-top: 15px;
}

.social-share-icons a {
    padding: 8px 0;
    font-size: 18px;
    color: #000000;
    background: #FFCB00;
    width: 35px;
    display: inline-block;
    margin-left: 4px;
}

.social-share-icons i {
    text-align: center;
    display: block;
}

.mobile-product-title section:nth-of-type(1) { /* egen klass */
	width: 70%;
  	float: left;
}

.mobile-product-title section:nth-of-type(2) {
	width: 30%;
  	float: left;
}

@media screen and (min-width: 768px) {
	.mobile-product-title {
  		display: none;
  	}
}


.product-content { /* egen klass */
	padding-top: 20px;
}


.product-info { /* egen klass */
	margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .additionalpricetext {
      text-align: right;
  }
}
.product-info br {
	display: none;
}

.product-info > div:first-of-type {
	border-bottom: 1px solid #ddd;
  	margin-bottom: 25px;
}

.product-info > div:first-of-type {
	display: none;
}

@media screen and (min-width: 768px) {
  
  .product-info > div:first-of-type {
  	display: block;
  }
    .product-info > div:first-of-type h1, .product-info > div:first-of-type h2 {
        margin: 0;
        line-height: 30px;
    }
}

.product-intro-text { /* egen klass */
	font-weight: 700;
}

.read-more { /* egen klass */
	cursor: pointer;
    border-top: 1px solid #efefef;
    margin-top: 0px;
    position: relative;
    padding: 0 0 20px !important;
  	margin-left: 15px;
	margin-right: 15px;
}

.read-more p {
	font-weight: 500;
    font-size: 18px;
    display: inline-block;
    margin-top: -10px;
    position: absolute;
    background: #ffffff;
    padding-right: 15px;
}

.read-more span {
	padding-left: 5px;
	font-size: 15px;
 	color: #FFCB00; /* yellow */
  	/* olor: #da291c; */ /* red */
}

.read-more .read-more-closed {
	display: inline-block;
}

.read-more .read-more-opened {
	display: none;
}

.read-more.opened .read-more-closed {
	display: none;
}

.read-more.opened .read-more-opened {
	display: inline-block;
}

.more-product-info { /* egen klass */
  	display: none;
}

.more-product-info.show-this {
	display: block;
}

.more-product-info .content {
	padding: 0;
}

.more-product-info .section+.section {
	padding: 0;
}



.tab-content {
    margin: 20px 0;
}

.product-material .form-group > *{
	padding-left: 0;
}

section.section.section_ProductFilter.section_766 .row .row {
	margin-left: -15px;
	margin-right: -15px;  
}

.product-filter #productfilter h3 {
	display: none;
}

.product-filter #productfilter label {
	font-weight: normal;
}

/* dropdown list in product filter button */
.FilterMultiSelect .btn-group .multiselect-container {
	width: auto;
}

@media screen and (max-width: 767px) {
  .FilterMultiSelect .btn-group .multiselect-container label {
  	white-space: initial;
  }
}

.product-carousel .slick-slide {
  cursor:pointer;
}

.product-carousel .slick-center.slick-active {
  	padding-bottom: 15px;
	border-bottom: 3px solid #FFCB00; /* yellow */
  	/* border-bottom: 3px solid #da291c; *//* red */
}

/* to make carousel objects see through behind prev and next arrows*/
.product-carousel .slick-prev, .product-carousel .slick-next {
	/*background: rgba(255,255,255,0.8);*/
	height: 100%;
	width: 35px;
  	top: 0;
}
/*.product-carousel .slick-prev:hover, .product-carousel .slick-prev:focus, .product-carousel .slick-next:hover, .product-carousel .slick-next:focus {
	background: rgba(255,255,255,0.8);
}
.product-carousel .slick-prev, .product-carousel .slick-prev:hover, .product-carousel .slick-prev:focus {
      -webkit-box-shadow: 20px 0px 10px 0px rgba(255, 255, 255, 0.8);
    -moz-box-shadow:    20px 0px 10px 0px rgba(255, 255, 255, 0.8);
    box-shadow:         20px 0px 10px 0px rgba(255, 255, 255, 0.8);
}
.product-carousel .slick-next, .product-carousel .slick-next:hover, .product-carousel .slick-next:focus {
	  -webkit-box-shadow: -20px 0px 10px 0px rgba(255, 255, 255, 0.8);
    -moz-box-shadow:    -20px 0px 10px 0px rgba(255, 255, 255, 0.8);
    box-shadow:         -20px 0px 10px 0px rgba(255, 255, 255, 0.8);
}*/

.product-carousel .slick-prev:before, .product-carousel .slick-next:before {
    color: #FFCB00; /* yellow */
  	/* color: #da291c; */ /* red */
}

@media screen and (max-width: 768px) {
	.product-carousel .slick-next {
      	right: -15px;
  	}
  
  	.product-carousel .slick-prev {
		left: -15px;
  	}
}


/* popup product page */
 
.page-id-174 >.content >.container {
  	margin-right: auto;
  	margin-left: auto;
	padding-top: 20px;
  	padding-bottom: 0px;
    background: #fff;
  	width: 700px;
} 

.related-products h4 {
  	text-transform: none;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;

}

section.section.section_ProductDetailTabs.section_1039.more-product-info {
    padding-bottom: 0;
}


.section.section_ProductDetail_Header.section_1139 {
	padding-bottom: 0;
}

.section.section_ProductDetail_Price.section_1140 h2 {
	margin-bottom: 0;
}

.section.section_ProductDetail_Price.section_1140 {
	padding-bottom: 0;
}

.section.section_Content.section_1141 {
	padding-bottom: 10px;
}

.section.section_Content.section_1141 p {
	font-size: 12px;
}


/* tabs product page */

.related-list .pull-right {
    float: right !important;
    display: none !important;
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 0px;
}

.related-header {
  	padding-bottom: 5px !important;
}

section.section.section_ProductDetailTabs.section_1039.more-product-info .nav-tabs {
	margin-left: 15px;
  	margin-right: 15px;
}

.nav-tabs {
    box-shadow: none;
  	border: none;
}

.nav-tabs > li {
  	height: 36px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  	background: none;
	border: none;
    border-bottom: 3px solid  #FFCB00; /* yellow */
  	/* border-bottom: 3px solid  #da291c; */ /* red */
  	
  	max-width: none;
}

.nav-tabs>li.dropdown.active>a, .nav-tabs>li.dropdown.active>a:hover, .nav-tabs>li.dropdown.active>a:focus {
	border: none;
}

.nav>li>a:hover, .nav>li>a:focus {
	background: none;
  	color: #555;
  	font-weight: 600;
}

.nav-tabs > li > a {
	background: none;
    padding: 5px 3px;
    margin-right: 15px;
  
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 

}

.nav-tabs>li>a {
	border: none;
}

.product-info li.dropdown {
    border: 3px solid #FFCB00;
    padding: 0 10px;
}

.product-info li.dropdown a {
	margin: 0;
}

.product-info .nav-tabs .dropdown-menu {
	padding: 0;
}

.product-info .nav-tabs .dropdown-menu > li > a {
	padding: 8px 20px;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background: none;
  	border: none;
}

a.document img { /* PDF-icon in Documents info tab */
    padding: 0 4px 4px 0;
    width: 22px;
}

/* Navigation */


.sidebar-navigation * {
	font-size: 14px;
	text-transform: none;
}

.sidebar-nav-heading {
    padding-left: 10px;
    padding-top: 30px !important;
  
}

.sidebar-nav-items {
    border-top: none;
}

.sidebar-nav-items ul.toggle-lvl-one {
    margin-left: -15px;
}

.sidebar-nav-items .toggle-item {
    border: 1px solid #eee !important;
  	margin-bottom: -1px;
  	padding: 0 !important;
}

.sidebar-nav-items .toggle-item > h3 {
	margin: 0;
  	padding: 0;
  	line-height: 45px;
}

.sidebar-nav-items a {
	padding-left: 25px;
}

.sidebar-nav {
  margin-top: 30px;
}

.sidebar-nav li.active > h3 a {
  font-weight: 700 !important;
}

/*li.active .toggle-btn,
.toggle-lvl-one .active {
    font-weight: 500 !important;
}*/

.toggle-lvl-one > li > h3 {
	border-bottom: 3px solid #ffffff;
}

.toggle-lvl-one > li:hover > h3, 
.toggle-lvl-one > li.active > h3 {
	border-bottom: 3px solid #FFCB00 !important; /* yellow */
	/* border-bottom: 3px solid #da291c !important;*/ /* red */
}

.toggle-lvl-one > li > h3:hover,
.toggle-lvl-one > li.active > h3 { 
  	/* font-weight: 700 !important; */
}

.toggle-lvl-one > li.active > h3.toggle-btn {
	border: none;
  	font-weight: 700;
}

.toggle-lvl-one .active {
	font-weight: 700 !important;
}

.toggle-lvl-two .active {
	font-weight: 100 !important;
}

.toggle-lvl-two > li.active > h3.toggle-btn {
	border: none;
  	font-weight: 100;
}

.toggle-lvl-two {
  	background: #F5F5F5;
	margin: 0 !important;
}

.toggle-lvl-two li.toggle-item {
	border-bottom: 3px solid #eeeeee;
}

.toggle-lvl-two li.toggle-item:hover, 
.toggle-lvl-two > li.active {
	border-bottom: 3px solid #FFCB00; /* yellow */
 	/*border-bottom: 3px solid #da291c; */ /* red */
}

.toggle-lvl-two li {
	box-shadow: none !important;
}

.toggle-lvl-two a {
	font-family: FranklinGothicFS;
  	padding-left: 40px;
}

.toggle-lvl-three a {
	font-family: FranklinGothicFS;
  	padding-left: 55px;
}

.toggle-lvl-two li:hover,
.toggle-lvl-two .active {
	background: #DADADA;
}

button, select {
    text-transform: none;
    font-weight: normal;
}


.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.navbar-nav li.active {
	background-color: #FFCB00;
}

.navbar-nav li.active a {
  	color: #555;
}

.navbar .navbar-collapse {
  text-align: center;
}
/*
a[data-nodeid="32"] + ul {
	display: none !important;
}*/

div[data-pageid="44"] .navbar .navbar-collapse {
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

.productparentnode .toggle-sign {
    font-family: "Maven pro", sans-serif;
    display: none;
}

.productparentnode > a {
	margin: 3px 0 13px 10px;
}


.navbar .navbar-collapse {
	text-align: left;
}

.thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
	display: none;
}


.thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: none;
    max-width: 100%;
    height: auto;
}


/* buttons */

.btn-primary {
    color: #fff !important;
    background-color: #333;
    border-color: #262626;
}

.btn-secondary {
	background-color: #FFCB00; /* yellow */
  	color: #333;
  	border-color: #FFCB00;
}

.btn-secondary:hover {
	background-color: #FFCB00; /* yellow */
  	color: #333;
  	border-color: #FFCB00;
}

.btn-ptOrange {
    background-color: #A9A9A9;
    border-color: #A9A9A9;
    color: #404040;
}

.btn-ptBlue {
   	background-color: #A9A9A9;
    border-color: #A9A9A9;
    color: #404040;
}

/* footer */

.footer {
  	/* border-top: 4px solid #da291c;  /* red */
  	border-top: 4px solid #FFCB00; /* yellow */
    background-color: #000000;
    position: relative;
    margin: 5px 0 5px;
  	padding: 0;

    color: #fff;
    font-size: 14px;
    text-transform: none;
  	margin-bottom: 0;
}

.footer-top, .footer-bottom {
	padding: 30px 0;
}

.footer div[data-columnid="672"] > section { /* logos in footer */
	display: inline-block;
  	margin-right: 6px;
 	margin-bottom: 10px; 
}

.footer div[data-columnid="672"] > section:last-of-type {
	margin-right: 0;
}

@media screen and (max-width: 767px) {
  	.footer div[data-columnid="351"] {
	    margin: 30px 0 20px 0;
    }
}




/* Media */

.hover-product-additional {
	left: 0;
}

.hover-product-hover-bg {
	height: 3px !important;
    background: #FFCB00; /* yellow */
  	/* background: #da291c; */ /* red */
  	opacity: 1;
    bottom: 0;
    width: 100%;
    position: absolute;
}

@media screen and (max-width: 768px) {
	/*.hover-product:hover .hover-product-additional {
		display: none;
	}*/
}

.slick-dots li button {
  	display: none; 
}

.img-frame, .product-grid .product-image {
    border: 1px solid #ccc;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
   	box-shadow: none;
}

.slides img {
  	border: 0px solid #eee;
}

.hover-product-image {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}



/* misc */

.pull-right {
    float: right !important;
} 

/* filter */
.activeIconFilter {
	border: none;
}

.activeIconFilter img{
  	border: 3px solid #FFCB00; /* yellow */
 	/*border: 3px solid #da291c; */ /* red */
}

.badge {
  display: none;
}


label.active {
  display: none;
  color: #333;
}

/* CHECKOUT PAGE */

.checkout-steps {
	background: #f7f7f7; /* light grey */
}


h4.checkout-steps span.active-header {
	border-bottom: 3px solid #FFCB00; /* yellow */
  	/* border-bottom: 3px solid #da291c; *//* red */
}

@media screen and (min-width: 768px) {
  .pt-page-checkout #basket {
      margin-bottom: 30px; 
      padding: 15px 15px 0 15px;
  }
}

/* KARIN___Added to brand navigation row, you change and/or move */

.select-brand-menu {
    padding-top: 20px;
}

.select-brand-menu .img {
   /* max-width: 250px; */
}

.pt-page-checkout #basket {
	margin-bottom: 30px; 
  	padding: 15px 15px 0 15px;
}

#deliveryinformationsection {
	margin-left: 0;
	margin-right: 0;
  
}

/* KARIN___Added to top header row to add padding to unlinked Hultafors Group, you change and/or move */

.section_511 {
  padding-left: 20px;
  padding-right: 20px;
}

/* ________ Humblebee styles below ___________ */


.top-bar .nav-pills.pull-right {
	margin: 0;
}

.custom-container > * {
 	margin-left: auto !important;
 	margin-right: auto !important;
}

.custom-container.no-padding > div {
	padding-top: 0;
  	padding-bottom: 0;
}

@media screen and (min-width: 768px) {
    .custom-container > * {
        width: 750px;
    }
}


@media screen and (min-width: 992px) {
    .custom-container > * {
        width: 970px;
    }
}

@media screen and (min-width: 1200px) {
    .custom-container > * {
        width: 1170px;
    }
} 




@media screen and (max-width: 767px) {
	.hidden-xs {
    	display: none !important;
    }
  
}
/*@media screen and (max-width: 991px) {*/
@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm {
    	display: none !important;
    }
}


.related .nav-tabs {
    box-shadow: none;
    border: none;
    display: none;
}

/* Product page edits */

.productFilter .btn-group {
  	width: auto;
 	min-width: 100px;
}

.productFilter .btn-group button .caret {
    margin-left: 6px;
}

.productFilter .btn-group button[title="None Selected"] .caret {
    margin-left: 0;
}

.productFilter .control-label {
	font-weight:normal;
  	color:#888;
  	font-size:16px;
}

.productFilter .iconFilter  {
  margin-right: 5px;
  width:32px;
  height:32px;
  float:none;
  display:inline-block;
}

.productFilter .iconFilter:last-of-type  {
	margin-right: 0;
}

.productFilter .iconFilter > img {
  width:100%;
}

.productFilter .favoriteToggler {
  height:14px;
}

.productFilter .btn-ptOrange {
  background-color: #FFCB00; /* yellow */
 /*background-color: #da291c;*/ /* red */
  border:none;  
  border-radius:0px 3px 3px 0px !important;
}

.productFilter .btn-ptOrange.disabled {
  background-color:#727272;
}
.productFilter .fa.fa-shopping-cart {
	font-family:'FranklinGothicFS';      
}

.productFilter .fa-shopping-cart:before {
  text-transform:none;
  content:"In den Warenkorb";
  font-weight:700;
  color:#000;
}
  @media screen and (min-width: 768px) {
  .productFilter .single-addtobasket > .input-group {
    top:13px;
    float:right;
    margin-top:0px !important;
  }

  /* Add to cart align right*/
  #productfilter .single-addtobasket .input-group, .productfilter .single-addtobasket .product-netprice {
      text-align: right;
      float: right;
  }

  #productfilter .single-addtobasket .product-netprice {
      text-align: right;
      margin-bottom:0;
  }
  }
    
#productfilter .single-addtobasket .product-quantity-input {
  text-align:center;
  padding:6px 0px;
  width:40px;
  border-radius:3px 0px 0px 3px !important;
}

.productFilter .single-filter-pdp h1 {
  font-size:14px;
  margin:0;
}
.productFilter .single-filter-pdp p {
  margin:0;
}
.productFilter .single-filter-pdp .hover-product-price {
 /*display:none; */
  /*text-align: left;*/
}

.productfilter-singlehit .col-md-12 {
	padding-right: 0;
}

h3.hover-product-title{
	font-size:19px;
}
/*hide tabs for related products */

.hidetab .nav-tabs {
  
  display:  none;
}

.section_ProductNodeList.section_492 .product .hover-product > .pull-right {
	float: none !important;
}

.section_ProductNodeList.section_492 .product .hover-product > .pull-right > a {
	display: none;
}


/* MINIBASKET */

#minibasket .cart.header-input { 
	box-shadow:none;
}
#minibasket .cart-content {
  box-shadow:none;
  border:1px solid #ccc;
  margin-top: -1px;
}

#minibasket .cart-content.container > .col-xs-12 {
	padding:0px !important;
}
#minibasket .cart-content.container > .col-xs-12 > div { 
	border-bottom:1px solid #ccc;    	
  	height:71px;
}
#minibasket .cart-content.container > .col-xs-12 > div > * { 
	vertical-align:middle;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

#minibasket .cart-content.container > .col-xs-12 > div.col-xs-2 {
	border-right:1px solid #ccc;    	
}
#minibasket .cart-content.container > .col-xs-12 > div.col-xs-1 {
}

#minibasket .cart-content.container > .col-xs-12 > div.col-xs-3 {
	/*color:#db291d;*/
  	color: #333 !important;
}

#minibasket .cart-content.container > .col-xs-12 > div.col-xs-1 > .js-removeFromBasket {
  left:50%;
  transform:translateX(-50%) translateY(-50%);
}

#minibasket .cart-content.container > .col-xs-12 .cart-product-img {
	margin-right:0;
  	width:100%;
}

.hover-product-image-wrapper {
	padding: 10px;
}

/* PARTTRAP MODS START */

.hover-product-image {
border:none;
}

.hultafors-product-blob {
    border: 1px solid #ccc;    
}

.hultafors-product-blob .form-group {
    float: none; 
    padding-left: 7px; 
}

.hultafors-product-blob .iconFilter {
    padding-top: 6px; 
    margin-bottom: 4px;
 
}

.hultafors-hover-product-title{
	padding-top: 6px; 
  	margin-bottom: 2px;
   	word-wrap: break-word;
}

.hultafors-hover-product-title a {
 font-size: 15px;
}


.section_ProductRelationList .hultafors-product-blob .form-group{
 display:none; 
}

.activeFilters{
display:none!important;
}
.hover-product-additional{
 	overflow:visible;
}
.hover-product-hover-bg {
/*	left: -10px;
	position: relative;*/
}
.multiselect-container.dropdown-menu .input-group{
	display:none;
}

/* PARTTRAP MODS END */

.filter-over-featured /*filter panel over product list */ {
    padding-bottom: 0px;
}

  

/* PARTTRAP MODS FOR CATALOG LANDING PAGE */



/* PARTTRAP MODS FOR CATALOG LANDING PAGE END */

/* MINIBASKET */

#minibasket .cart.header-input { 
	box-shadow:none;
}
#minibasket .cart-content {
  box-shadow:none;
  border:1px solid #ccc;
  margin-top: -1px;
}

#minibasket .cart-content.container {
    max-width:400px !important;
    width:100vw !important;
}

#minibasket .cart-content.container > .col-xs-12 {
	padding:0px !important;
}
#minibasket .cart-content.container > .col-xs-12 > div { 
	border-bottom:1px solid #ccc;    	
  	height:71px;
}
#minibasket .cart-content.container > .col-xs-12 > div > * { 
	vertical-align:middle;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

#minibasket .cart-content.container > .col-xs-12 > div.col-xs-2 {
	border-right:1px solid #ccc;    	
}
#minibasket .cart-content.container > .col-xs-12 > div.col-xs-1 {
}

#minibasket .cart-content.container > .col-xs-12 > div.col-xs-3 {
	color:#db291d;  
}

#minibasket .cart-content.container > .col-xs-12 > div.col-xs-1 > .js-removeFromBasket {
  left:50%;
  transform:translateX(-50%) translateY(-50%);
}

#minibasket .cart-content.container > .col-xs-12 .cart-product-img {
	margin-right:0;
  	width:100%;
}
#minibasket .cart-content.container > .row > .col-xs-12 {
    background-color:#efefef;
    padding:20px 0px 5px 0px;
}
#minibasket .cart-content.container > .row > .col-xs-12 h5 {
    line-height:1.3;
    font-weight:100;
    margin:0;
}
#minibasket .cart-content.container > .row > .col-xs-12 h3 {
    line-height:2;
    font-weight:600;
    border-top: 1px solid #ccc;
    margin:0;
    width:calc(100% + 15px);
    right:-15px;
    position:relative;
    margin-left:-15px;
}
#minibasket .cart-content.container > .row > .col-xs-12 h3.pull-right {
    text-align:right;
    left:-15px;
    right:auto;    
    margin-left:0px;
    margin-right:-15px;
}

#minibasket .cart-content.container > .row > .col-xs-12 h5 {
	text-transform: initial;
}

#minibasket .cart-content.container a,
#minibasket .cart-content.container p
{
    line-height:1.1;
}


.checkout-step-middle span {
    background: none;
    padding: 0;
    position: relative;
    top: 10px;
}

.checkout-step-middle {
    border:none;
}

#basket  {
    margin: 0px -15px -21px;
    padding: 15px;
    border: 1px solid #ddd;
}

#basket > div { 
    padding:40px 0 0 0;
    border:none !important;
}

#basket .pull-right {
    display:inline-block !important;   
}

#basket .btn-ptOrange {
    background-color:#fed500;
    border:none;
}

#basket .table-responsive {
    overflow-x:auto;
    border:none;
}

#basket .cart-view-table > tbody tr td {
    padding:5px 10px;
}

#basket h5, #deliverySection h5 {
    line-height:1.3;
    font-weight:100;
    margin:0;
}

#basket h3, #deliverySection h3 {
    line-height:2;
    font-weight:600;
    margin:0;
}
#deliverySection h3 {
    margin-bottom:10px;
}
#basket .col-xs-12.cart-view-content+.col-xs-12 {
    padding:20px 0px 10px 0px !important;
}

#basket #btnCheckout {
    margin-top:5px;
}

.user-profile-page-link, .user-log-out-link {
    display:none !important;
}
.top-bar .top-bar-link.dropdown {
    border-left:1px solid #ccc;
    margin-left: 0px;
    background-color:#fff;
    height:44px;
}

.top-bar .top-bar-link.user-log-in-link {
  	padding-left:20px;
  	border-left:1px solid #ccc;
    height: 44px;
}

.top-bar .top-bar-link.dropdown a {
   padding-right:10px;
}
.top-bar .top-bar-link.dropdown:before {
    content:"\f007";
    display:inline-block;
    font-family:FontAwesome;
    padding-right:5px;
    margin-left:10px;
    vertical-align:middle;
    line-height:44px;
    float:left;
}
.top-bar .catalogsearchbox+span {
    background-color:#fff;
}


@media (max-width:768px){
  
    .top-bar .top-bar-link.user-log-in-link {
      	padding-left: 0px;
    }
	
	.top-bar .user-log-in-link:before {  
   		content:"\f007";	
        display:inline-block;
        font-family:FontAwesome;
        padding-right:5px;
        margin-left:10px;
        vertical-align:middle;
        line-height:44px;
        float:left;
      
      	font-size: 15px;
    	padding-right: 11px;
    }
    
    .top-bar .user-log-in-link > a {
      padding-right:10px;
      font-size: 0px;
      margin-left: -40px;
      width: 40px;
    }
  
    .top-bar .top-bar-link.dropdown > a {
        font-size:0px;
        margin-left:-40px;
        width:40px;
    }
    .top-bar .top-bar-link.dropdown:before {
        font-size:15px;
        padding-right:11px;
    }
}


@media (max-width:321px) {
    .top-bar > .container > div > section:nth-of-type(7) {
        border-left:none;
        width:42px;
    }
}

/* --------------- Karin fixes -------------- */


a.btn.btn-primary {
    /*background-color: #ffcb00;*/ /* yellow*/
    border: 0 none;
    color: black !important;
    text-decoration: none;
}

div.filter-dropdown{
  width:174px;
}

.product-grid .product-netprice{
  font-size: 14px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.pt-page-ordersearch div[data-rowid="21"],.pt-page-accountdetail div[data-rowid="377"], .pt-page-ordersearch div[data-rowid="378"], .pt-page-content div[data-rowid="438"], .pt-page-content div[data-rowid="382"] {
	margin-top: 80px;
}

#checkoutWrapper{
margin-top:30px;
}
.section_766 #productfilter .form-group{
clear:both;
}.SingleSelectImages.attr_1{
width:100%;
}
.SingleSelectDropdown.attr_2{
width:50%;
}
#deliveryinformationsection{
padding-top:40px
}
.favoriteToggler{
display:none;
}
.section_AccountDetail .col-md-12{
display:none;
}
.section.section_Checkout{
padding :40px 0;
}

section.section.section_1163{
  padding-bottom:0;
}

section[data-sectionid="1100"] {
	padding-bottom: 0;
}

div[data-columnid="710"] {
	width: 100%;
  	margin-top: 30px;
}
div[data-columnid="711"] {
	margin-left: 43.5%;
}

section[data-sectionid="1134"] {
	padding-bottom: 0 !important;
}

section[data-sectionid="1101"] {
	padding-bottom: 0 !important;
}

section[data-sectionid="1101"] h2{
	margin-bottom: 0 !important;
}


@media screen and (max-width: 1024px){
    div[data-columnid="711"] {
		margin-left: 41.5%;
    }
}

@media screen and (max-width: 768px) {
    div[data-columnid="711"] {
		margin-left: 0;
    }
}

.slick-slider .slide img {
	-o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  	max-width: none;
  	left: 50%;
  	min-height: 100%;
  	min-width: 100%;
  	position: absolute;
  	height: auto;
  	width: auto;
}

.slick-slider .slide {
	overflow: hidden;
  	min-height: 600px
}

@media screen and (max-width: 1200px) {
  .slick-slider .slide {
      overflow: hidden;
      min-height: 500px
  }
}


@media screen and (max-width: 1024px) {
  .slick-slider .slide {
      overflow: hidden;
      min-height: 400px
  }
}

@media screen and (max-width: 414px) {
  .slick-slider .slide {
      overflow: hidden;
      min-height: 345px
  }
}

.section_21 .hultafors-product-blob {
	min-height: 250px;
}

.section_21 .hultafors-product-blob .form-group {
	margin-bottom: 10px;
}


@media screen and (max-width: 1200px) {
  .section_21 .hultafors-product-blob {
      min-height: 305px;
  }
}


.section_ProductSearchList.section_21 .product .hover-product .pull-right {
	float: none !important;
}

.section_ProductSearchList.section_21 .product .hover-product > .pull-right > a {
	display: none;
}

.section_1248 p{
 font-size:30px;
  padding-right: 8px;
}

.section_1139 h1 {
 padding-top: 5px;
}
.no-search-results {
    margin: 40px 0 100px;
}

/*
.single-addtobasket .product-netprice {
  	margin-bottom:0;
  	float:right;
}
*/

.productfilter-singlehit h1.page-header{
 font-size:16px; 
  margin-bottom: 0;
}

.productfilter-singlehit p.single-product-description2{
 font-weight:bold; 
  margin-bottom:0;
}

.cd-main-content{
 background-color:white; 
}
/*Fix hidden edit button*/
.atlwdg-trigger{
  z-index:3;
}

/* Start page */

body.ios7 .cd-main-content,
body.ios7 .page {
  min-height: 100%;
}

@media screen and (min-width: 768px) {
  .promotion-left .overlay {
  	width: auto;
    right: 10px;
  }
}

.promotion-row > div > section,
.promotion-left, .promotion-right {
	height: 100%;
}

.promotion-left, .promotion-bottom {
	color: #ffffff;
}

.promotion-bottom {
	min-height: 400px;
}

@media screen and (min-width: 768px) { 
  .promotion-bottom-content {
      position: absolute;
      top: 50%;
    -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
  }
}

.promotion-left-content, .promotion-right-content, .promotion-bottom-content {
    display: table; /* Vertical center the content */
  
}  

@media screen and (min-width: 1024px) {  
  	.promotion-left, .promotion-bottom {
		color: #000000;
	}
}

.social-left { 
  	min-height: 160px;
}

@media screen and (min-width: 1200px) {
  .cd-nav .cd-secondary-nav{
    display:none;
  }
}
.attribute-image-hor{
 margin-right:20px; 
 margin-top:20px;
}

@media screen and (max-width: 768px) {  
  ul.ui-autocomplete li  {
		width:270px !important;
	}
}
.modal-dialog .modal-content .content{
 padding-bottom:20px; 
}

.filter-list-orderby{
  display:none !important;
}

.additionalpricetext label:hover{
  text-decoration: underline;
}

.additionalpricetext label {
  cursor:pointer; 
}
.text-for-96{
clear:both;
} h1, h2, h3, h4 {
            text-transform: uppercase;
        }

        .row-padding {
            padding: 20px;
        }

            .row-padding + .row-padding {
                padding-top: 0;
            }

        .dimmed-overlay {
            background: rgba(0,0,0,0.5);
            width: 100%;
            height: 100%;
            position: absolute;
            z-index: 2;
        }

        .overlay {
            background: rgba(0,0,0,0.5);
            width: 100%;
            height: 100%;
            opacity: 1;
            position: absolute;
            left: 0;
            -webkit-transition: opacity 0.3s ease-in-out;
            -moz-transition: opacity 0.3s ease-in-out;
            -o-transition: opacity 0.3s ease-in-out;
            -ms-transition: opacity 0.3s ease-in-out;
            transition: opacity 0.3s ease-in-out;
        }

        @media screen and (min-width: 1024px) {
            .overlay {
                opacity: 0;
            }
        }

        .btn-orange {
            width: 100%;
            background-color: #fed500;
            border: none;
            color: #333333;
            text-transform: none;
            font-weight: bold;
            padding: 10px 20px;
            font-size: 16px;
            border-radius: 3px !important;
        }

        .btn-gray {
            width: 100%;
            background-color: #101820;
            border: none;
            color: #ffffff;
            text-transform: none;
            font-weight: bold;
            padding: 10px 20px;
            font-size: 16px;
            border-radius: 3px !important;
        }

        @media screen and (min-width: 415px) {
            .btn-orange, .btn-gray {
                width: auto;
            }
        }

        .btn-gray:hover, .btn-gray:focus, .btn-gray:active {
            color: #ffffff;
        }

        .btn-gray i {
            color: #ffd500;
        }

        .btn-orange i, .btn-gray i {
            position: relative;
            top: 1px;
            margin-left: 10px;
            -webkit-transition: transform 0.1s ease-in-out;
            -moz-transition: transform 0.1s ease-in-out;
            -o-transition: transform 0.1s ease-in-out;
            -ms-transition: transform 0.1s ease-in-out;
            transition: transform 0.1s ease-in-out;
        }

        .btn-orange:hover i, .btn-gray:hover i {
            transform: translateX(5px);
        }

        @media screen and (min-width: 1200px) {
            .current {
                background-color: #FFCB00;
            }

                .current a {
                    color: #555555 !important;
                }
        }

        /* slideshow styles */

        .startpage-slideshow {
            padding: 0;
            margin-bottom: 0;
            border: 1px solid #dddddd;
        }

        .lte-ie9 .startpage-slideshow {
            border: none;
        }

        .slide {
            height: auto;
        }

        /*@media screen and (min-width: 1400px) {
            .slide {
                height: 600px;
            }
        }*/

        .startpage-slideshow .dimmed-overlay {
            display: none;
        }

        @media screen and (min-width: 768px) {
            .startpage-slideshow .dimmed-overlay {
                display: block;
            }
        }

        .slide img {
            height: auto;
            display: block;
            position: relative;
            width: 100%;
            height: 100%;
        }

        /*@media screen and (min-width: 1400px) {
            .slide img {
                position: absolute;
                z-index: 1;
                left: 50%;
                height: auto;
                -o-transform: translateX(-50%);
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
                max-width: none;
            }
        }*/

        .slide-text {
            display: none;
            position: absolute;
            z-index: 2;
            top: 50%;
            -o-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 50%;
            color: #ffffff;
            padding-left: 20px;
            padding-right: 20px;
        }

        @media screen and (min-width: 768px) {
            .slide-text {
                display: block;
            }
        }

        @media screen and (min-width: 768px) and (max-width: 770px) {
            .slide-text {
                width: 65%;
            }
        }

        .slide-text h2 {
            font-size: 18px;
        }

        .slide-text-ingress {
            text-transform: uppercase;
            font-size: 16px;
        }

        .slide-text-body {
            padding-bottom: 5px;
            font-size: 14px;
            font-weight: 400;
            margin-bottom: 0;
        }

        @media screen and (min-width: 768px) {
            .slide-text {
                display: block;
            }

            .slide-text-body {
                padding-bottom: 10px;
            }

            .slide-text h2 {
                font-size: 24px;
            }

            .slide-text-ingress {
                text-transform: uppercase;
                font-size: 16px;
            }
        }

        @media screen and (min-width: 1024px) {
            .slide-text {
                padding-left: 0;
                padding-right: 0;
                width: 40%;
                left: 5%;
            }

                .slide-text h2 {
                    font-size: 36px;
                }

            .slide-text-ingress {
                text-transform: uppercase;
                font-size: 18px;
            }
        }

        @media screen and (min-width: 1200px) {
            .slide-text h2 {
                font-size: 48px;
            }

            .slide-text-ingress {
                text-transform: uppercase;
                font-size: 24px;
            }

            .slide-text-body {
                padding-bottom: 20px;
                font-size: 16px;
                font-weight: 600;
            }
        }

        .mobile-slide-text {
            padding-top: 20px;
            padding-right: 20px;
            padding-left: 20px;
            padding-bottom: 55px;
            position: relative;
            width: 100%;
            height: 490px;
            background-color: #eeeeee;
            border-top: 1px solid #dddddd;
        }

        .mobile-slide-text-ingress {
            text-transform: uppercase;
        }

        .mobile-slide-text button {
            width: 100%;
            text-align: center;
        }

        @media screen and (min-width: 415px) {
            .mobile-slide-text button {
                width: auto;
            }
        }

        @media screen and (min-width: 375px) {
            .mobile-slide-text {
                height: 460px;
            }
        }

        @media screen and (min-width: 414px) and (max-width: 640px) {
            .mobile-slide-text {
                height: 380px;
            }
        }

        @media screen and (min-width: 640px) and (max-width: 768px) {
            .mobile-slide-text {
                height: 280px;
            }
        }

        @media screen and (min-width: 768px) {
            .mobile-slide-text {
                display: none;
            }
        }

        .startpage-slideshow .slick-prev {
            width: 40px;
            height: 40px;
            background-color: #000000 !important;
            left: -15px;
            margin-top: -20px;
            z-index: 1;
            display: none !important;
        }

            .startpage-slideshow .slick-prev:before {
                content: '\f104';
                display: block;
                width: 9px;
                margin: 0 auto;
                font-family: 'FontAwesome';
                font-size: 26px;
                color: #ffffff;
                opacity: 1;
            }

        .startpage-slideshow .slick-next {
            width: 40px;
            height: 40px;
            background-color: #000000 !important;
            right: -15px;
            margin-top: -20px;
            z-index: 1;
            display: none !important;
        }

        @media screen and (min-width: 1024px) {
            .startpage-slideshow .slick-prev, .startpage-slideshow .slick-next {
                display: block !important;
            }
        }

        .startpage-slideshow .slick-next:before {
            content: '\f105';
            display: block;
            margin: 0 auto;
            font-family: 'FontAwesome';
            font-size: 26px;
            color: #ffffff;
            opacity: 1;
            width: 9px;
        }

        .startpage-slideshow .slick-dots {
            bottom: 14px;
            margin-bottom: 0;
            height: 15px;
        }

            .startpage-slideshow .slick-dots li {
                border: 2px solid #fdd300;
                border-radius: 50%;
                height: 15px;
                width: 15px;
            }

                .startpage-slideshow .slick-dots li.slick-active {
                    background-color: #fdd300;
                    border: 2px solid #fdd300;
                    border-radius: 50%;
                }

        /* promotion section */

        .promotion-row {
            display: block;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            width: 100%;
        }

        @media screen and (min-width: 768px) {
            .promotion-row {
                display: flex;
                display: -ms-flexbox;
                display: -webkit-flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: row;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
                min-height: 400px;
            }

            .lte-ie9 .promotion-row {
                display: block;
            }
        }

        /* promotion left */

        .promotion-left {
            background-color: #f2f2f2;
            background-repeat: no-repeat;
            background-image: none;
            background-size: auto 100%;
          /**  min-height: 400px; **/
            overflow: hidden;
            padding: 0;
            border: 1px solid #dddddd;
        }

        .lte-ie9 .promotion-left {
            float: left;
            border: none;
        }

        /* promotion left image position */

        @media screen and (min-width: 415px) {
            .promotion-left {
                /*background-image: url('/humblebee/img/promotion-left.jpg');*/
                background-position: -160px 0;
            }
        }

        @media screen and (min-width: 476px) {
            .promotion-left {
                /*background-image: url('/humblebee/img/promotion-left.jpg');*/
                background-position: -120px 0;
            }
        }

        @media screen and (min-width: 518px) {
            .promotion-left {
                /*background-image: url('/humblebee/img/promotion-left.jpg');*/
                background-position: -80px 0;
            }
        }

        @media screen and (min-width: 600px) {
            .promotion-left {
                /*background-image: url('/humblebee/img/promotion-left.jpg');*/
                background-position: 0 0;
            }
        }

        @media screen and (min-width: 768px) {
            .promotion-left {
                margin-right: 10px;
              background-size: cover;
                /*width: calc(50% - 10px);*/
            }
        }

        @media screen and (min-width: 1024px) {
            .promotion-left {
                /*background-image: url('/humblebee/img/promotion-left.jpg');*/
                background-position: -100px 0;
            }
        }

        @media screen and (min-width: 1200px) {
            .promotion-left {
                background-position: -50px 0;
            }
        }

        @media screen and (min-width: 1400px) {
            .promotion-left {
                background-position: 10% 0;
            }
        }

        /* promotion right */

        .promotion-right {
            background-position: center;
            clear: both;
            margin-top: 20px;
            padding: 0;
            color: #ffffff;
            background: #101820;
            border: 1px solid #dddddd;
          /**	min-height: 400px; **/
        }

        .lte-ie9 .promotion-right {
            border: none;
        }

        .promotion-right:hover .overlay {
            opacity: 1;
        }

        @media screen and (min-width: 415px) {
            .promotion-right {
                background-size: cover;
                /*background: url('/humblebee/img/promotion-right.jpg');*/
            }
        }

        @media screen and (min-width: 768px) {
            .promotion-right {
                background-size: cover;
                /*margin-left: 10px;*/
                margin-top: 0;
                /*width: calc(50% - 10px);*/
            }

            .lte-ie9 .promotion-right {
                clear: none;
                float: left;
            }
        }

        /* promotion left, right content & bottom content */

        .promotion-left-content, .promotion-right-content, .promotion-bottom-content {
            /*display: table;
                     min-height: 400px; */
            width: 100%;
            height: 100%;
            padding: 20px;
            border-top: 1px solid #dddddd;
        }

        @media screen and (min-width: 415px) {
            .promotion-left-content {
                width: 50%;
                float: right;
            }

            .promotion-left-content, .promotion-right-content, .promotion-bottom-content {
                border-top: none;
            }
        }

        @media screen and (min-width: 768px) {
            .promotion-left-content {
                width: 100%;
            }

            .promotion-left-content, .promotion-right-content, .promotion-bottom-content {
                min-height: 400px;
            }
        }

        @media screen and (min-width: 1024px) {
            .promotion-left-content {
                width: 50%;
            }

            .promotion-bottom-content {
                width: 50%;
            }

            .promotion-right-content {
                width: 70%;
            }
        }

        .promotion-left-text, .promotion-right-text, .promotion-bottom-text {
            display: table-cell;
            vertical-align: middle;
            position: relative;
        }

        .promotion-left h2, .promotion-right h2, .promotion-bottom h2 {
            font-size: 28px;
        }

        .promotion-left-ingress {
            text-transform: uppercase;
            font-size: 18px;
        }

        .promotion-right-logo, .promotion-bottom-logo {
            margin-bottom: 15px;
            display: none;
        }

        @media screen and (min-width: 415px) {
            .promotion-right-logo, .promotion-bottom-logo {
                display: inline-block;
            }
        }

        .promotion-right-ingress, .promotion-bottom-ingress {
            font-weight: 600;
            text-transform: uppercase;
            font-size: 18px;
            color: #ffffff;
        }

        .promotion-right-body, .promotion-bottom-body {
            color: #ffffff;
        }

        .mobile-promotion-item {
            min-height: 160px;
            width: 100%;
            position: relative;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            background-color: #f2f2f2;
        }

            .mobile-promotion-item img {
                position: absolute;
                top: 50%;
                left: 20px;
                height: 40px;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
            }

        .promotion-left .mobile-promotion-item {
            /*background-image: url('/humblebee/img/promotion-left.jpg');*/
        }

        .promotion-right .mobile-promotion-item {
            /*background-image: url('/humblebee/img/promotion-right.jpg');*/
            background-size: cover;
            background-position: center;
        }

        @media screen and (min-width: 415px) {
            .mobile-promotion-item {
                display: none;
            }
        }

        /* social section */

        .social-row {
            display: block;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            width: 100%;
        }

        @media screen and (min-width: 768px) {
            .social-row {
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: row;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
            }

            .lte-ie9 .social-row {
                display: block;
                background-color: #fdd300;
                background-clip: content-box;
            }
        }

        .social-left, .social-right {
            background-color: #ffd500;
            border: 1px solid #dddddd;
        }

        .lte-ie9 .social-left, .lte-ie9 .social-right {
            border: none;
        }

        .social-left {
            min-width: 100%;
            min-height: 160px;
            text-align: center;
            margin-bottom: 20px;
            display: none;
        }

        @media screen and (min-width: 768px) {
            .social-left {
                display: block;
            }
        }

        @media screen and (min-width: 768px) {
            .social-left {
                text-align: left;
                min-height: none;
                min-width: 0;
                margin-bottom: 0;
                border-right: none;
            }

            .social-right {
                border-left: none;
            }
        }

        .mobile-social-item {
            background-color: #ffd500;
            min-width: 100%;
            height: 140px;
            position: relative;
        }

        @media screen and (min-width: 768px) {
            .mobile-social-item {
                display: none;
            }
        }

        .social-left-text, .mobile-social-text {
            position: absolute;
            top: 50%;
            width: 100%;
            left: 50%;
            text-align: center;
            padding: 20px;
            -o-transform: translateY(-50%) translateX(-50%);
            -webkit-transform: translateY(-50%) translateX(-50%);
            -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
        }

        .mobile-social-text {
            width: 305px;
        }

        @media screen and (min-width: 375px) {
            .mobile-social-text {
                text-align: left;
            }
        }

        .lte-ie9 .social-left-text {
            top: 65%;
            left: 35%;
            transform: none;
        }


        .social-left-text i, .mobile-social-text .fa {
            font-size: 4rem;
            color: #ffffff;
        }

        @media screen and (min-width: 768px) {
            .social-left-text {
                padding: 0;
                width: auto;
            }

                .social-left-text i {
                    font-size: 4rem;
                }
        }

        @media screen and (min-width: 1024px) {
            .social-left-text i {
                font-size: 8rem;
            }
        }

        @media screen and (min-width: 1200px) {
            .social-left-text i {
                font-size: 14rem;
            }
        }

        @media screen and (min-width: 1400px) {
            .social-left-text i {
                font-size: 18rem;
            }
        }

        .social-left-text h2, .mobile-social-text h2 {
            margin-top: 10px;
            color: #ffffff;
            font-size: 18px;
        }

        .social-left-text strong, .mobile-social-text strong {
            text-transform: uppercase;
            font-size: 14px;
        }


        @media screen and (min-width: 375px) {
            .mobile-social-text i {
                font-size: 6rem;
                display: inline-block;
                vertical-align: middle;
            }

            .mobile-social-text h2 {
                margin-top: 0;
                margin-bottom: 0;
            }

            .mobile-social-text-inline {
                margin-left: 10px;
                display: inline-block;
                vertical-align: middle;
            }
        }

        @media screen and (min-width: 768px) {
            .social-left-text h2 {
                font-size: 18px;
            }

            .social-left-text strong {
                text-transform: uppercase;
                font-size: 14px;
            }
        }

        @media screen and (min-width: 1024px) {
            .social-left-text h2 {
                font-size: 24px;
            }

            .social-left-text strong {
                text-transform: uppercase;
                font-size: 16px;
            }
        }

        .social-picture-wrapper {
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 20px;
        }

        @media screen and (min-width: 0px) and (max-width: 415px) {
            .social-picture-wrapper {
                width: 50%;
            }
        }

        .social-picture-row {
            padding-top: 20px;
            padding-right: 10px;
            padding-left: 10px;
            padding-bottom: 0;
        }

        @media screen and (min-width: 768px) {
            .social-picture-row {
                padding-left: 0;
            }
        }

        /*
        @media screen and (min-width: 768px) {
            .social-picture-row {
                padding-bottom: 0;
            }
        }*/

        /*.social-picture-row:last-of-type {
            padding-top: 0;
            padding-bottom: 20px;
            display: none;
        }

        @media screen and (min-width: 1024px) {
            .social-picture-row:last-of-type {
                display: block;
            }
        }*/

        .social-picture {
            /*max-height: 210px;*/
            width: 100%;
        }

        /* promotion bottom */

        .promotion-bottom {
            background: #101820;
            background-size: cover;
            background-position: center;
            padding: 0;
            border: 1px solid #dddddd;
        }

        .lte-ie9 .promotion-bottom {
            border: none;
        }

        .promotion-bottom .mobile-promotion-item {
            background-image: url('/humblebee/img/promotion-bottom.jpg');
            background-size: cover;
        }

        @media screen and (min-width: 415px) {
            .promotion-bottom {
                background: url('/humblebee/img/promotion-bottom.jpg');
                background-size: cover;
                background-position: center;
            }
        }

        .promotion-bottom:hover .overlay {
            opacity: 1;
        }

        .section_532 a + a {
            margin-left: 15px;
        }

        /*PT STYLE ADDED*/
        .cd-main-content .content .row {
            padding: 20px 20px 0 20px;
            margin: 0;
        }

        .slide {
            overflow: visible;
        }

        .slick-slider, .carousel-inner {
            position: static;
        }

        .no-padding {
            margin: 0;
            padding: 0;
        }

        .content section {
            padding-bottom: 0;
        }
        /*.promotion-row {
                            margin-top: 20px !important;
                        }*/
        .promotion-bottom {
            margin-bottom: 20px;
        }

        /*hide background image on smallest devices*/
        @media screen and (max-width: 415px) {
            .promotion-right, .promotion-left, .promotion-bottom {
                background-image: none !important;
            }

            .promotion-bottom {
                background-color: #f2f2f2;
            }
        }
.cd-main-content .content .row[data-rowid="695"] {
  margin: 20px 10px 20px 10px !important;
  
}

@font-face {
  font-family: 'Font-Name';
  src: url("../fonts/font-name.eot");
  src: url("../fonts/font-name.eot?#iefix") format("embedded-opentype"), url("../fonts/font-name.woff") format("woff"), url("../fonts/font-name.ttf") format("truetype"), url("../fonts/font-name.svg#font-name") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Font faces */
/* Descriptive variables (colors) */
/* Functional variables */
/* Layout variables */
/* Break Points */
/*********************
BREAKPOINTS
*********************/
/* Set horizontal padding using global gutter variables, pass divider as parameter (default is 1) */
/* Set vertical padding using global gutter variables, pass divider as parameter (default is 1) */
/**
 * Fix for vw, vh, vmin, vmax on iOS 7.
 * http://caniuse.com/#feat=viewport-units
 *
 * This fix works by replacing viewport units with px values on known screen sizes.
 *
 * iPhone 6 and 6 Plus cannot run iOS 7, so are not targeted by this fix.
 * Target devices running iOS 8+ will incidentally execute the media query,
 * but this will still produce the expected result; so this is not a problem.
 *
 * As an example, replace:
 *
 *   height: 50vh;
 *   font-size: 5vmin;
 *
 * with:
 *
 *   @include viewport-unit(height, 50vh);
 *   @include viewport-unit(font-size, 5vmin);
 */
/* OVERRIDES */
/* line 11, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
div.promotion-right {
  margin-left: 10px; }
  @media (max-width: 800px) {
    /* line 11, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    div.promotion-right {
      margin-left: 0; } }

/* line 18, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
div.overlay {
  left: 10px;
  width: calc(100% - 10px) !important; }
  /* line 22, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  .promotion-left div.overlay {
    left: 0; }
  @media (max-width: 800px) {
    /* line 18, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    div.overlay {
      left: 0;
      width: 100% !important; } }
  @media (max-width: 480px) {
    /* line 18, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    div.overlay {
      display: none; } }

/* line 34, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
.label-ghost, .btn-ghost {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  border: 1px solid #333f48;
  padding: 10px 15px;
  display: block;
  max-width: 554px;
  margin: 45px auto 0;
  transition: all 0.3s ease-in-out; }
  @media (max-width: 480px) {
    /* line 34, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .label-ghost, .btn-ghost {
      font-size: 14px; } }
  /* line 47, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  .label-ghost.ghost-black, .btn-ghost.ghost-black {
    border: 1px solid #333f48;
    color: #333f48; }
    /* line 50, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .label-ghost.ghost-black:hover, .btn-ghost.ghost-black:hover {
      background: #333f48;
      color: #fff; }
  /* line 55, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  .label-ghost.ghost-white, .btn-ghost.ghost-white {
    border: 1px solid #fff;
    color: #fff; }
    /* line 58, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .label-ghost.ghost-white:hover, .btn-ghost.ghost-white:hover {
      background: #fff;
      color: #333f48; }
  /* line 64, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  .label-ghost .fa, .btn-ghost .fa {
    margin-left: 10px; }
  /* line 67, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  .label-ghost:hover, .btn-ghost:hover {
    text-decoration: none; }

@media (max-width: 480px) {
  /* line 73, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  .no-padding-xs {
    padding: 0 !important;
    margin: 0; } }

/* PAGE HEADER */
/* line 83, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
.page-top-header {
  background: #333f48; }

/* START PAGE */
/* line 90, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
.search-area {
  color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom right;
  text-align: center;
  height: 600px;
  min-height: 600px; }
  /* line 98, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  .search-area .search-inner-content {
    max-width: 690px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-62%);
        -ms-transform: translateY(-62%);
            transform: translateY(-62%); }
    @media (max-width: 480px) {
      /* line 98, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .search-area .search-inner-content {
        -webkit-transform: translateY(-70%);
            -ms-transform: translateY(-70%);
                transform: translateY(-70%); } }
    /* line 108, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .search-area .search-inner-content h1 {
      font-size: 50px;
      margin-bottom: 20px;
      margin-top: 0; }
      @media (max-width: 480px) {
        /* line 108, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .search-area .search-inner-content h1 {
          font-size: 24px;
          max-width: 85%;
          margin: 0 auto 20px; } }
    /* line 120, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .search-area .search-inner-content h2 {
      font-size: 15px;
      text-transform: none;
      max-width: 500px;
      margin: 0 auto 30px; }
      @media (max-width: 480px) {
        /* line 120, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .search-area .search-inner-content h2 {
          line-height: 1.3em;
          max-width: 85%;
          font-size: 14px; } }
    /* line 132, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .search-area .search-inner-content .article-search {
      min-height: 80px;
      border: none;
      display: block;
      margin: 0 auto;
      padding: 0 40px;
      min-width: 690px;
      border-radius: 6px !important;
      font-size: 22px;
      color: #333; }
      @media (max-width: 480px) {
        /* line 132, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .search-area .search-inner-content .article-search {
          font-size: 14px;
          min-width: 90%;
          max-width: 90%;
          padding: 0 10px;
          min-height: 60px;
        float: none;} }
    /* line 150, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .search-area .search-inner-content a.btn {
      clear: both;
      margin-top: 30px;
      background: #333f48;
      padding: 10px 35px; }
      @media (max-width: 480px) {
        /* line 150, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .search-area .search-inner-content a.btn {
          font-size: 14px;
          min-width: 90%;
          max-width: 90%;
          min-height: 45px; } }
      /* line 162, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .search-area .search-inner-content a.btn i {
        color: #fff; }

/* line 168, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
div.product-grid {
  padding-left: 10px !important;
  padding-right: 10px !important; }
  /* line 172, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  div.product-grid .col-sm-3 {
    padding: 0 10px; }
  /* line 175, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  div.product-grid .product-listitem {
    border: 1px solid #ddd;
    text-align: center;
    margin-bottom: 30px;
    min-height: 350px;
    max-height: 350px; }
    /* line 181, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    div.product-grid .product-listitem:hover {
      border: 1px solid #ffd500; }
    /* line 185, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    div.product-grid .product-listitem.product-listitem-intro {
      background: #ffcd00;
      text-align: left;
      padding: 70px 25px 25px; }
      @media (max-width: 800px) {
        /* line 185, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        div.product-grid .product-listitem.product-listitem-intro {
          padding: 15px 15px 15px;
          min-height: auto;
          max-height: 280px; }
          /* line 194, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
          div.product-grid .product-listitem.product-listitem-intro h2 {
            font-size: 18px; } }
      @media (max-width: 480px) {
        /* line 185, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        div.product-grid .product-listitem.product-listitem-intro {
          padding: 35px 25px 25px;
          min-height: auto;
          max-height: 280px; } }
    /* line 204, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    div.product-grid .product-listitem a {
      display: block;
      position: relative;
      min-height: 350px;
      overflow-x: hidden; }
      /* line 209, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      div.product-grid .product-listitem a:hover {
        text-decoration: none; }
    /* line 213, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    div.product-grid .product-listitem img {
      position: absolute;
      bottom: 55px;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      max-width: 95%; }
    /* line 220, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    div.product-grid .product-listitem h4 {
      font-weight: 400;
      position: absolute;
      bottom: 10px;
      left: 0;
      right: 0; }

@media (max-width: 480px) {
  /* line 233, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  .promotion-left-text {
    color: #000; } }

/* line 238, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
.promotion-left h2, .promotion-right h2, .promotion-bottom h2 {
  font-size: 20px; }

/* STEPS */
/* line 248, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
.parts-guide-wrapper .parts-guide-panel {
  padding-bottom: 40px;
  color: #333f48; }
  /* line 251, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  .parts-guide-wrapper .parts-guide-panel.dark-header {
    color: #fff; }
  /* line 255, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  .parts-guide-wrapper .parts-guide-panel:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 360px;
    border-bottom: 1px solid #ddd;
    z-index: -1; }
  /* line 265, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  .parts-guide-wrapper .parts-guide-panel.light-header:before {
    background: #f2f2f2; }
  /* line 270, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  .parts-guide-wrapper .parts-guide-panel.dark-header:before {
    background: #333f48; }
  /* line 275, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  .parts-guide-wrapper .parts-guide-panel.yellow-header:before {
    background: #ffd500; }
  /* line 280, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  .parts-guide-wrapper .parts-guide-panel .parts-header-section {
    text-align: center;
    max-width: 690px;
    margin: 0 auto 30px; }
    /* line 284, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .parts-guide-wrapper .parts-guide-panel .parts-header-section h1 {
      font-size: 50px;
      font-weight: 700; }
      @media (max-width: 800px) {
        /* line 284, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel .parts-header-section h1 {
          font-size: 24px; } }
    /* line 292, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .parts-guide-wrapper .parts-guide-panel .parts-header-section h2 {
      font-size: 15px;
      font-weight: 700;
      line-height: 1.4em; }
      @media (max-width: 800px) {
        /* line 292, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel .parts-header-section h2 {
          font-size: 14px; } }
  /* line 302, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  .parts-guide-wrapper .parts-guide-panel .parts-image-container, .parts-guide-wrapper .parts-guide-panel .parts-table-container {
    min-height: 100px;
    border: 1px solid #ddd;
    background: #fff; }
  /* line 308, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  .parts-guide-wrapper .parts-guide-panel .parts-image-container {
    text-align: center; }
    /* line 314, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .parts-guide-wrapper .parts-guide-panel .parts-image-container img {
      max-height: 342px;
      padding: 20px 0; }
  /* line 319, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  .parts-guide-wrapper .parts-guide-panel .parts-image-caption {
    text-align: center; }
    /* line 322, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .parts-guide-wrapper .parts-guide-panel .parts-image-caption p {
      margin: 0; }
      /* line 323, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .parts-guide-wrapper .parts-guide-panel .parts-image-caption p:first-child {
        margin: 10px 0 0 0; }
    @media (max-width: 800px) {
      /* line 319, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .parts-guide-wrapper .parts-guide-panel .parts-image-caption {
        margin-bottom: 30px; } }
  /* line 333, /Applications/MAMP/htdocs/wibe/src/css/styles.scss 
  .parts-guide-wrapper .parts-guide-panel .parts-table-container {
    overflow: auto; }*/
    @media (max-width: 480px) {
      /* line 333, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .parts-guide-wrapper .parts-guide-panel .parts-table-container {
        border: none;
        border-top: 2px solid #000;
        overflow: visible;
        max-height: none; } }
    /* line 342, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .parts-guide-wrapper .parts-guide-panel .parts-table-container header {
      position: absolute;
      width: calc(100% - 32px);
      background: #f8f8f8;
      border-bottom: 1px solid #ddd;
      z-index: 99;
      padding: 0; margin:0 }
      @media (max-width: 800px) {
        /* line 342, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel .parts-table-container header {
          top: 0;
          border-top: 1px solid #ddd; } }
      /* line 353, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .parts-guide-wrapper .parts-guide-panel .parts-table-container header div {
        border-left: 1px solid #ddd;
        min-height: 43px;
        line-height: 1.2em;
        padding: 13px 0;
        text-align: center;
        font-weight: 700; }
        /* line 360, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel .parts-table-container header div:first-child {
          border: none;
          padding-left: 5%; }
        /* line 364, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel .parts-table-container header div:last-child {
          padding-right: 5%; }
    /* line 369, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .parts-guide-wrapper .parts-guide-panel .parts-table-container .parts-table {
      padding-top: 45px; }
      @media (max-width: 480px) {
        /* line 369, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel .parts-table-container .parts-table {
          padding-top: 0; } }
      /* line 374, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .parts-guide-wrapper .parts-guide-panel .parts-table-container .parts-table .row {
        border-bottom: 1px solid #ddd;
        margin: 0 auto 0 auto;
        padding: 0;
        max-width: 95%; }
        @media (max-width: 480px) {
          /* line 374, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
          .parts-guide-wrapper .parts-guide-panel .parts-table-container .parts-table .row {
            max-width: 100%;
            padding: 10px 15px; } }
        /* line 383, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel .parts-table-container .parts-table .row:last-child {
          border: none; }
          @media (max-width: 480px) {
            /* line 383, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
            .parts-guide-wrapper .parts-guide-panel .parts-table-container .parts-table .row:last-child {
              border-bottom: 1px solid #ddd; } }
      /* line 390, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .parts-guide-wrapper .parts-guide-panel .parts-table-container .parts-table .parts-table-contentitem {
        height: 69px;
        display: table-cell;
        text-align: center; }
        @media (max-width: 480px) {
          /* line 390, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
          .parts-guide-wrapper .parts-guide-panel .parts-table-container .parts-table .parts-table-contentitem {
            text-align: left;
            height: auto;
            display: block;
            width: 60%;
            padding: 0; }
            /* line 400, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
            .parts-guide-wrapper .parts-guide-panel .parts-table-container .parts-table .parts-table-contentitem span {
              display: inline-block;
              font-weight: 700;
              margin-right: 3px; } }
        /* line 407, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel .parts-table-container .parts-table .parts-table-contentitem:first-child {
          text-align: right;
          padding-right: 0; }
          @media (max-width: 480px) {
            /* line 407, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
            .parts-guide-wrapper .parts-guide-panel .parts-table-container .parts-table .parts-table-contentitem:first-child {
              float: right;
              width: 40%;
              height: 69px; } }
        /* line 416, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel .parts-table-container .parts-table .parts-table-contentitem p, .parts-guide-wrapper .parts-guide-panel .parts-table-container .parts-table .parts-table-contentitem a {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          font-size: 16px; }
          @media (max-width: 480px) {
            /* line 416, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
            .parts-guide-wrapper .parts-guide-panel .parts-table-container .parts-table .parts-table-contentitem p, .parts-guide-wrapper .parts-guide-panel .parts-table-container .parts-table .parts-table-contentitem a {
              font-size: 14px;
              -webkit-transform: none;
                  -ms-transform: none;
                      transform: none;
              top: 0;
              margin-bottom: 3px; } }
        /* line 428, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel .parts-table-container .parts-table .parts-table-contentitem a {
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: 95%; }
  /* line 437, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  .parts-guide-wrapper .parts-guide-panel .grid-item-wrapper {
    text-align: center; }
    /* line 439, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .parts-guide-wrapper .parts-guide-panel .grid-item-wrapper .grid-item-content {
      position: relative;
      background: #fff;
      border: 1px solid #ddd;
      padding: 15px; }
      /* line 445, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .parts-guide-wrapper .parts-guide-panel .grid-item-wrapper .grid-item-content .info-icon, .parts-guide-wrapper .parts-guide-panel .grid-item-wrapper .grid-item-content .close-icon {
        color: #333f48;
        font-size: 1.2em;
        position: absolute;
        right: 35px;
        top: 25px;
        z-index: 999; }
        @media (max-width: 1100px) {
          /* line 445, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
          .parts-guide-wrapper .parts-guide-panel .grid-item-wrapper .grid-item-content .info-icon, .parts-guide-wrapper .parts-guide-panel .grid-item-wrapper .grid-item-content .close-icon {
            font-size: 1.6em;
            right: 15px;
            top: 12px; }
            /* line 457, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
            .parts-guide-wrapper .parts-guide-panel .grid-item-wrapper .grid-item-content .info-icon:hover, .parts-guide-wrapper .parts-guide-panel .grid-item-wrapper .grid-item-content .close-icon:hover {
              cursor: pointer; } }
      /* line 462, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .parts-guide-wrapper .parts-guide-panel .grid-item-wrapper .grid-item-content .close-icon {
        opacity: 0;
        z-index: 998;
        font-size: 2.2em;
        color: #fff;
        transition: opacity 0.2s 0.4s ease-in-out; }
        /* line 468, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel .grid-item-wrapper .grid-item-content .close-icon.active {
          opacity: 1;
          z-index: 9999; }
      /* line 473, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .parts-guide-wrapper .parts-guide-panel .grid-item-wrapper .grid-item-content .info-overlay {
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        height: 100%;
        width: 100%;
        padding: 40px;
        text-align: left;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
        color: #fff; }
        /* line 486, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel .grid-item-wrapper .grid-item-content .info-overlay.active {
          opacity: 1; }
        /* line 491, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel .grid-item-wrapper .grid-item-content .info-overlay .info-overlay-content {
          position: relative;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          max-width: 540px; }
      @media (min-width: 1100px) {
        /* line 502, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel .grid-item-wrapper .grid-item-content:hover .info-overlay {
          opacity: 1; } }
    /* line 509, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .parts-guide-wrapper .parts-guide-panel .grid-item-wrapper .btn {
      margin-top: 40px;
      padding: 10px 55px; }
      @media (max-width: 800px) {
        /* line 509, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel .grid-item-wrapper .btn {
          margin-top: 20px;
          margin-bottom: 20px; } }
  /* line 520, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  .parts-guide-wrapper .parts-guide-panel div.hotspot-container {
    min-height: 560px; }
    @media (max-width: 480px) {
      /* line 520, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .parts-guide-wrapper .parts-guide-panel div.hotspot-container {
        min-height: 400px;
        margin-bottom: 30px; } }
    /* line 526, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .parts-guide-wrapper .parts-guide-panel div.hotspot-container h4 {
      text-align: center;
      max-width: 454px;
      margin: 40px auto 0;
      text-transform: none;
      font-size: 18px; }
      @media (max-width: 480px) {
        /* line 526, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel div.hotspot-container h4 {
          margin-top: 15px; } }
    /* line 536, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .parts-guide-wrapper .parts-guide-panel div.hotspot-container .hotspot-link-wrapper {
      max-width: 454px;
      margin: 80px auto 0;
      text-align: left; }
      @media (max-width: 480px) {
        /* line 536, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel div.hotspot-container .hotspot-link-wrapper {
          margin-top: 45px; } }
    /* line 544, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .parts-guide-wrapper .parts-guide-panel div.hotspot-container .hotspot-link {
      text-align: center;
      background: #ffd500;
      width: 96px;
      height: 96px;
      line-height: 96px;
      display: inline-block;
      border-radius: 50%;
      margin: 0 14px 14px 0;
      transition: all 0.2s ease-in-out;
      text-decoration: none; }
      @media (max-width: 800px) {
        /* line 544, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel div.hotspot-container .hotspot-link {
          width: 80px;
          height: 80px;
          line-height: 80px;
          margin: 0 18px 18px 0; } }
      @media (max-width: 480px) {
        /* line 544, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel div.hotspot-container .hotspot-link {
          width: 80px;
          height: 80px;
          line-height: 80px;
          margin: 0 3px 41px 0; } }
      /* line 567, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .parts-guide-wrapper .parts-guide-panel div.hotspot-container .hotspot-link:hover, .parts-guide-wrapper .parts-guide-panel div.hotspot-container .hotspot-link:active {
        text-decoration: none;
        background: #333f48;
        color: #fff; }
  /* line 575, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
  .parts-guide-wrapper .parts-guide-panel .results-wrapper {
    border: 1px solid #ddd;
    background: #f2f2f2;
    padding: 30px 15px; }
    @media (max-width: 480px) {
      /* line 575, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .parts-guide-wrapper .parts-guide-panel .results-wrapper {
        margin-top: 30px; } }
    /* line 585, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .parts-guide-wrapper .parts-guide-panel .results-wrapper .results-image-wrapper {
      border: 1px solid #ddd;
      background: #fff;
      padding: 15px;
      text-align: center; }
      /* line 590, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .parts-guide-wrapper .parts-guide-panel .results-wrapper .results-image-wrapper img {
        max-height: 300px; }
    /* line 597, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .parts-guide-wrapper .parts-guide-panel .results-wrapper .results-info-wrapper h4 {
      font-size: 18px;
      margin-top: 10px; }
      @media (max-width: 480px) {
        /* line 597, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel .results-wrapper .results-info-wrapper h4 {
          font-size: 14px; } }
    /* line 604, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .parts-guide-wrapper .parts-guide-panel .results-wrapper .results-info-wrapper .btn {
      margin-top: 50px; }
    /* line 607, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .parts-guide-wrapper .parts-guide-panel .results-wrapper .results-info-wrapper p {
      font-size: 18px;
      margin-bottom: 0; }
      @media (max-width: 480px) {
        /* line 607, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel .results-wrapper .results-info-wrapper p {
          font-size: 14px; } }
    /* line 614, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .parts-guide-wrapper .parts-guide-panel .results-wrapper .results-info-wrapper a {
      max-width: 220px; }
      @media (max-width: 480px) {
        /* line 614, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel .results-wrapper .results-info-wrapper a {
          max-width: 100%; } }
      /* line 621, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .parts-guide-wrapper .parts-guide-panel .results-wrapper .results-info-wrapper a.btn {
        max-width: 100%;
        white-space: normal; }
        @media (max-width: 480px) {
          /* line 621, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
          .parts-guide-wrapper .parts-guide-panel .results-wrapper .results-info-wrapper a.btn {
            width: 100%; } }
      /* line 630, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .parts-guide-wrapper .parts-guide-panel .results-wrapper .results-info-wrapper a.readmore-link {
        display: block;
        margin-top: 20px;
        font-weight: 700;
        margin-left: 10px;
        text-decoration: underline; }
        @media (max-width: 480px) {
          /* line 630, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
          .parts-guide-wrapper .parts-guide-panel .results-wrapper .results-info-wrapper a.readmore-link {
            text-align: center; } }
        /* line 639, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel .results-wrapper .results-info-wrapper a.readmore-link i {
          margin-left: 3px; }
    /* line 645, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .parts-guide-wrapper .parts-guide-panel .results-wrapper .results-extrainfo-wrapper {
      background: #ddd;
      padding: 20px;
      text-align: center; }
      @media (max-width: 480px) {
        /* line 645, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel .results-wrapper .results-extrainfo-wrapper {
          margin-top: 30px; } }
      /* line 652, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .parts-guide-wrapper .parts-guide-panel .results-wrapper .results-extrainfo-wrapper h4, .parts-guide-wrapper .parts-guide-panel .results-wrapper .results-extrainfo-wrapper p {
        font-size: 15px; }
      /* line 655, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .parts-guide-wrapper .parts-guide-panel .results-wrapper .results-extrainfo-wrapper h4 {
        margin-top: 0; }
      /* line 658, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .parts-guide-wrapper .parts-guide-panel .results-wrapper .results-extrainfo-wrapper img {
        margin: 20px auto; }
    /* line 662, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
    .parts-guide-wrapper .parts-guide-panel .results-wrapper .mobile-btn-wrapper {
      margin-top: 30px;
      padding: 0 15px; }
      /* line 665, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .parts-guide-wrapper .parts-guide-panel .results-wrapper .mobile-btn-wrapper a {
        margin-bottom: 5px; }
      /* line 668, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
      .parts-guide-wrapper .parts-guide-panel .results-wrapper .mobile-btn-wrapper .readmore-link {
        display: block;
        font-weight: 700;
        margin-left: 10px;
        margin-top: 10px;
        text-decoration: underline; }
        @media (max-width: 480px) {
          /* line 668, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
          .parts-guide-wrapper .parts-guide-panel .results-wrapper .mobile-btn-wrapper .readmore-link {
            text-align: center; } }
        /* line 677, /Applications/MAMP/htdocs/wibe/src/css/styles.scss */
        .parts-guide-wrapper .parts-guide-panel .results-wrapper .mobile-btn-wrapper .readmore-link i {
          margin-left: 3px; }


.search-area{
 background-image: url("/en/image/getthumbnail/163523?version=1"); 
  	margin-bottom: 30px;
}

.cd-main-header{
 background: #323F49;
}

.cd-main-content .content .row {
  padding: 20px 20px 0 20px;
  margin: 0;
}

h1, h2, h3, h4 {
  text-transform: uppercase;
}

.wibe-product-list .col-sm-3
{
    /* border: 1px solid #ddd;*/
    text-align: center;
    margin-bottom: 30px;
    min-height: 330px;
    max-height: 330px 
}

.product-grid section{
border: 1px solid #ddd;
}

.product-grid section:hover{
border: 1px solid #ffd500;
}

div.product-grid .product-listitem{
 min-height: 330px;
  max-height: 330px;
}
.activeSubnode{
border: 1px solid black;
}
.descriptionfield{margin-top:12px;text-transform:none;}
/*hide breadcrumbs*/
.breadcrumb-wrapper, .section_BreadCrumb{display:none}
.pt-page-productparentnode .product-nav, .pt-page-productparentnode .product-grid{display:none;}.wallroof {
    
    margin: 0px auto;
    text-align: center;
}

  .wallroof .selectValueContainer {
    margin-left: 20px !important;
}
.wallroof .btn {
        background-color: #ffd300;
    border-radius: 5px !important;
    padding: 20px;
    min-width: 200px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.42857;
    -webkit-user-select: none;
    margin: 0px;
}

.wallroof .infopane {
     width: 100%;
    padding: 25px;
    background-color: #dfdfdf;
    color: #000;
    text-align: center;
       	font-family: FranklinGothicFS,Arial,Helvetica,sans-serif;
    font-weight: 200;
    margin-bottom: 20px;
    border-radius: 5px;
}

.wallroof .infopane p{
    font-size: 18px !important;
}

.wallroof .infopane p a{
    font-size: 18px !important;
    color: #000;
    text-decoration: underline;

}
.wallroof .filterinputbutton {
   margin: 5px 0;
    float: left;
    margin-right: 5px;
    margin-left: 5px;
}

.wallroof .hideinfobutton {
    color: #ffd300;
    float: right;
    margin-left: 10px;
  display: none;

    
}

.wallroof .infobutton {
    color: #ffd300;
    float: right;
        display: none;

}

.wallroof .filtervalues {
    margin: 0 auto;
    display: inline-block;
    overflow: hidden;
}

.wallroof .control-label {
    font-size: 35px;
    text-align: center;
    display: block;
}

.wallroof .largeSingleSelectValues {
    display: inline-block;
    
    
}

 .wallroof #productfilter .form-group {
    width: 100% !important;
    
}


.infopaneroof {
    display: none;
}

.infopanewall {
    display: none;
    
}

.imageroof {
    display: none;
    
}

.imagewall {
    display: none;
    
}

.wallroofdetail {
    display: none;
}

/* slider design */

.wallrof .irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge,
.irs-slider {
    background: url(http://46.101.200.227/sprite-skin-nice.png) repeat-x;
}

.irs {
    height: 40px;
}
.irs-with-grid {
    height: 60px;
}
.irs-line {
    height: 8px; top: 25px;
}
    .irs-line-left {
        height: 8px;
        background-position: 0 -30px;
    }
    .irs-line-mid {
        height: 8px;
        background-position: 0 0;
    }
    .irs-line-right {
        height: 8px;
        background-position: 100% -30px;
    }

.irs-bar {
    height: 8px; top: 25px;
    background-position: 0 -60px;
}
    .irs-bar-edge {
        top: 25px;
        height: 8px; width: 11px;
        background-position: 0 -90px;
    }

.irs-shadow {
    height: 1px; top: 34px;
    background: #000;
    opacity: 0.15;
}
.lt-ie9 .irs-shadow {
    filter: alpha(opacity=15);
}

.irs-slider {
    width: 22px; height: 22px;
    top: 17px;
    background-position: 0 -120px;
}
#irs-active-slider, .irs-slider:hover {
    background-position: 0 -150px;
}

.irs-min, .irs-max {
    color: #999;
    font-size: 14px; line-height: 1.333;
    text-shadow: none;
    top: 0; padding: 1px 3px;
    background: rgba(0,0,0,0.1);
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.lt-ie9 .irs-min, .lt-ie9 .irs-max {
    background: #ccc;
}

.irs-from, .irs-to, .irs-single {
    color: #fff;
    font-size: 13px; line-height: 1.1;
    text-shadow: none;
    padding: 1px 5px;
    background: rgba(0,0,0,0.3);
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
    background: #999;
}

.irs-grid-pol {
    background: #99a4ac;
}
.irs-grid-text {
    color: #99a4ac;
}

  span.irs.js-irs-0 {
    margin-left: 50px;
    margin-right: 50px;
}
.irs-disabled {
}
.form-group.LargeSingleSelectImage.attr_488 .js-disabled {
    display: none;
}

/*productlist*/

.wallrooflist #productlist {
    padding: 30px;
    border: 1px #ffd300 solid;
    border-radius: 7px;
    margin-bottom: 20px;
    
}

#AddToBasket {
    display: none;
}

.wallrooflist .btn-primary {
            background-color: #DEDEDE;
    border-radius: 5px !important;
    padding: 20px;
    min-width: 200px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.42857;
    -webkit-user-select: none;
    margin: 0px
    
}

 .wallrooflist .product-nav {
    display: none;
}

.wallrooflist .table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td {
    
    border-top: 1px solid #FFD300;
    
    
}

.wallroof .table>thead>tr>th {
    border-bottom: none; 
}

/* pop ups */

.ladderimage {
	float: left;
	clear:left;
  margin-right: 10px;
  width: 300px;
}


.laddertext{
		vertical-align:top;
		text-align:left;
		vertical-align:text-top;
		line-height:1;
		padding-top:20px;

}
.ladderclear {
	clear:both;
}
.ladderheader {
	padding-top: 40px;
}

.slideimage {
	float: left;
	clear:left;
  margin-right: 10px;
  width: 300px;
  margin-bottom: 20px;
}

.wibe-additional-header .btn {
           background-color: #ffd300;
    border-radius: 5px !important;
    padding: 20px;
    min-width: 200px;
  	width: 100%;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.42857;
    -webkit-user-select: none;
    margin: 0px
  
}
@media screen and (max-width: 450px) {

.wallroof .btn {
     width: 100%;
}
    
    .wallroof .filterinputbutton {
    float: none;
}
      .wallroof .filtervalues {

    display: block;
}
  
      .wallroof .selectValueContainer {
        width: 100%;
        margin-bottom: 20px;
       

  
  .wallroof .selectValueContainer img {
    height: 100%;
    width: 100%;
}
  
  .top-bar {
   	display: none; 
  }
  

}
}
/* basket design */

.row.basket-price {
    display: none;
}
.row.basket-linesum {
    display: none;
}
.wibe-bom-basketlist #basket tr > *:nth-child(6) {
    display: none;
}

.wibe-bom-basketlist  #basket tr > th:nth-child(4) {
    display: none;
}


.wibe-bom-basketlist .basket-total-lines {
	display: none;
	
}

.wibe-bom-basketlist #basket {
    padding: 15px;
    border: 1px solid #FFD300;
  	border-radius: 5px;
}

.empty-basket-button, .export-basketlist-to-excel, .basket-print-page, .js-updateQty {
        background-color: #ffd300;
    border-radius: 5px !important;
    padding: 20px;
    min-width: 200px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.42857;
    -webkit-user-select: none;
    margin: 0px;
  color: black !important;
}

.empty-basket-button {
    display: none !important;
}

#basket .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .btn-primary:hover {
        color: #333;
    background-color: #FFD300;
          
    border: 1px solid #323F49;

    
}

#basket .btn-primary {
    color: #000 !important;
    background-color: #FFD300;
    border-radius: 4px !important;
    border: 1px solid transparent;
}

@media (min-width: 768px) {
#basket .col-sm-6 {
    width: 100%;
   
    text-align: center;
}

#basket .col-sm-offset-6 {
    margin-left: -6%;
}
}


/* extras design */
.wallrooflist .btn-primary:active {
      color: #fff;
    background-color: #FFD300;
}

.wallrooflist .btn.product-add-cart-btn.btn-primary.btn-ptOrange.js-addToBasket.selected {
    background: #FFD300;
      color: white !important;
}

#productlist .hultafors-hover-product-title {
    padding-top: 6px;
    margin-bottom: 2px;
    text-align: center;
    padding-bottom: 10px;
      height: 55px;

}

.wallrooflist .product-input-group {
 	width: 1%; 
}
span.fa.fa-shopping-cart:active:before {
    font-family: FontAwesome;
    content: " ";
    color: #FFFFFF;
    font-size: 18px;
}

h4.product-netprice.hover-product-price {
    display: none;
}

#section_1645 .input-group .product-quantity-input {
    width: 40px;
}

#section_1645 p {
    display: none;
}
#section_1645 button#AddToBasket {
    min-width: 40px;
    margin-left: 5px;
  
  
}

.product .btn-primary {
    color: #eeeeee !important;
}

span.fa.fa-shopping-cart:before {
  
    font-family: FontAwesome;
    content: " ";
  color: #E9EEF1;
    font-size: 18px;
}

.printheader {
  display: none;
}
.printlogo {
 display: none; 
}
button#AddToBasket:before {
    display: none;
}

/* WIP*/
@media (min-width: 1200px) {
div[data-pageid="187"] .container {
    width: 100%;
}
}
div[data-pageid="187"] .container {
    padding-left: 0px;
    padding-right: 0px;
}
.form-group.LargeSingleSelectImage h1{
font-size: 50px;
font-weight: 700;
}
.form-group.LargeSingleSelectImage h2{
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4em;
}

.form-group.LargeSingleSelectImage label{
display:none;
}
.form-group.LargeSingleSelectImage> div[class^=text-for]{
text-align: center;
    max-width: 690px;
    margin: 0 auto 30px;
}
.attr_504{
    padding-bottom: 40px;
    color: #333f48;
}

.attr_504:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 360px;
    border-bottom: 1px solid #ddd;
    z-index: -1;
  	left:0;
}
/* WIP end*/
.content >.container > div {
    background: none;
}
.test {}

.attr_504:before, .attr_458:before, .attr_487:before, .attr_488:before, .attr_459:before, .attr_462:before, .attr_525:before, .attr_511:before, .attr_514:before, .attr_527:before, .attr_526:before, .attr_521:before,  .attr_465:before, .attr_517:before, .attr_457:before, .attr_522:before, .attr_617:before, .attr_618:before, .attr_673:before, .attr_674:before{
     content: '';
   position: absolute;
   width: 100%;
   height: 360px;
   border-bottom: 1px solid #cccaca;
   z-index: -1;
   left: 0;
   background: #ddd;
}


.attr_510:before, .attr_512:before, .attr_520:before, .attr_518:before {
   content: '';
   position: absolute;
   width: 100%;
   height: 150px;
   border-bottom: 1px solid #cccaca;
   z-index: -1;
   left: 0;
   background: #ddd;
}
.wallroof .selectValueContainer {
   position: relative;
   background: #fff;
   border: 1px solid #ddd;
   padding: 15px;
   text-align: center;
   margin-bottom: 10px;
   -webkit-box-flex: 1;
   -moz-box-flex: 1;
   -webkit-flex: 1 1 auto;
   -ms-flex: 1 0 auto;
   flex: 1 1 auto;
   min-width: 250px;
   max-width: 300px;
   /* justify-content: space-between; */
   margin: 5px !important;
 
}
   .wallroof .largeSingleSelectValues {
     display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
   width: 100%;
   text-align: center;
   text-align: -moz-center;
   flex-wrap: wrap;
   justify-content: center;
}
.cd-main-content {
 overflow: hidden;
}

.cd-main-content .content .row {
   padding: 0px;
   margin: 0px -10px 0px;
} 

/**
.attr_459:before, .attr_462:before {
   content: '';
   position: absolute;
   width: 100%;
   height: 360px;
   border-bottom: 1px solid #ddd;
   z-index: -1;
   left: 0;
   background: #333f48;
   color: #fff;
} 
**/
.dark-header {
   color: #fff; 
}
.yellow-header:before {
     content: '';
   position: absolute;
   width: 100%;
   height: 360px;
   border-bottom: 1px solid #ddd;
   z-index: -1;
         background: #ffd500;
 left: 0;
}
.yellow-header h1 {
 text-align: center;
 padding-top: 40px;
   padding-bottom: 40px;
}
/*
#section_1775::before {
   content: '';
   position: absolute;
   width: 100%;
   height: 360px;
   border-bottom: 1px solid #ddd;
   z-index: -1;
   background: #ffd500;
   left: 0;
}
*/

.product-content {
   padding-top: 20px;
   background-color: azure;
   border: 1px solid #ddd;
   background: #f2f2f2;
   padding: 30px 15px !important;
     margin: 15px !important;
}

.product-carousel {
   display: none;
}
.product-description1 p {
       font-size: 24px;
   margin-top: 10px;
 margin-left: -5px

   
}

.product-sku p {
  
   margin-top: 10px;
 margin-left: -5px
}
   

.results-image-wrapper {
   border: 1px solid #ddd;
   background: #fff;
   padding: 15px;
   text-align: center;
   
}

.form-group.SingleSelectValues label {
   display: none;
}

.form-group.SingleSelectValues h2 {
   font-size: 15px;
   font-weight: 700;
   line-height: 1.4em;
}

.form-group.SingleSelectValues h1 {
  font-size: 50px;
   font-weight: 700;
}


@media screen and (min-width: 769px) {
 
 .toggle-extra {
   height: 50px !important;
   width: 100%;
   background: #ffd500;
   line-height: 50px;
   display: inherit;
   text-align: center;
     cursor:pointer;
     border-radius: 5px;
   margin-bottom: 5px;
}
 .toggle-extra p {
   display: inline;
}
}


.wallroof .filterinputbutton {
 
 -webkit-box-flex: 1;
   -moz-box-flex: 1;
   -webkit-flex: 1 1 auto;
   -ms-flex: 1 0 auto;
   flex: 1 1 auto;
   min-width: 250px;
   max-width: 300px;
   /* justify-content: space-between; */
   margin: 5px !important;
}

.wallroof .filtervalues {
   margin: 0 auto;
     -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;

 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-line-pack: center;
 -webkit-align-content: center;
 align-content: center;
   overflow: hidden;
   flex-wrap: wrap;
 display: flex;
}

.articlenumber {
    padding: 0px !important; 
 
}
.articlenumber p {
    margin-bottom: 3px !important;
 
}

.attr_525 .btn {
   white-space: normal;
   min-height: 80px;
}

*// changes startpage **/

.cd-main-content .content .row[data-rowid="695"] {
 margin: 20px 10px 20px 10px !important;
 
}

/** changes platformfilter **/
#platform_image {
       float: right;
   position: relative;
   background: #fff;
   border: 1px solid #ddd;
   padding: 15px;
   text-align: center;
   margin-bottom: 10px;
     width: 65%;
   
   }
#platform_image img {
   max-width: 600px;
     width: 100%;
}


@media screen and (max-width: 768px) {
#platform_image {
   position: relative;
   background: #fff;
   border: 1px solid #ddd;
   padding: 15px;
   text-align: center;
   margin-bottom: 10px;
     width: 100%;
   
   }
 
 [data-id="521"], [data-id="522"] {
   width: 100% !important;
   margin-left: 0px !important;
 }
 .toggle-extra {
   width: 100%;
   background: #ffd500;
   display: inherit;
   text-align: center;
   cursor: pointer;
   border-radius: 5px;
   padding: 10px !important;
   margin-bottom: 5px;
   
}
 .toggle-extra p {
  
   font-size: 17px;
       margin-bottom: 0px;
}
}

[data-id="521"], [data-id="522"], [data-id="617"], [data-id="674"] {
    display: block;
   border: black solid 1px;
   width: 25%;
   padding: 20px;
   margin-left: 20px;
   position: relative;
   background: #fff;
   border: 1px solid #ddd;
   padding: 15px;
   text-align: center;
   margin-bottom: 10px;
 min-width: 250px
}


[data-id="521"] .filterinputbutton, 
[data-id="522"] .filterinputbutton, [data-id="617"] .filterinputbutton  {
       float: none;
   flex: none;
   display: block;
   margin: 5px 0;
}


[data-id="521"] .filterinputbutton .btn {
   min-width: 200px;
}

.LargeSingleSelectImage[data-filterrow="2"] .js-disabled, .LargeSingleSelectImage[data-filterrow="3"] .js-disabled,
.LargeSingleSelectImage[data-filterrow="4"] .js-disabled, .LargeSingleSelectImage[data-filterrow="5"] .js-disabled
{display:none}

/**.filterinputbutton [disabled="disabled"] {
   display: none;
} **/

/** search results **/

.product .productAvailability {
 display: none; 
}

.product .form-control.product-quantity-input {
   display: none;
}
.product p:nth-child(5) {
   display: none;
}
.hover-product-additonal-details .delDate {
 display: none;
 
}
.center.btn.js-filter_button_single_value.disabled {
 display: none; 
}

@media screen 
and (max-width : 480px) {
.form-group.LargeSingleSelectImage h1 {
   font-size: 9vw;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
       hyphens: auto;
 
} 
 .form-group.SingleSelectValues h1 {
   font-size: 9vw;
   -webkit-hyphens: auto;
  -moz-hyphens: auto;
       hyphens: auto;
}
 
}
/** responsive table fixes **/

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

   /* Force table to not be like tables anymore */
   table, thead, tbody, th, td, tr { 
       display: block; 
   }
   
   /* Hide table headers (but not display: none;, for accessibility) */
   thead tr { 
       position: absolute;
       top: -9999px;
       left: -9999px;
   }
   
   tr {border: none;}
   
   td { 
       /* Behave  like a "row" */
       border: none;
       border-bottom: 1px solid #eee; 
       position: relative;
       padding-left: 50%; 
   }
   
   td:before { 
       /* Now like a table header */
       position: absolute;
       /* Top/left values mimic padding */
       top: 6px;
       left: 6px;
       width: 45%; 
       padding-right: 10px; 
       white-space: nowrap;
   }
 .table-responsive {
   border: none;
   background-color: white;
   padding: 10px;
 }
 .table-responsive .pull-right {
   display: none;
}
 
}


/**.js-productholder.table-responsive {
    display: none; 
 
}**/

#section_1816 {
 display: none; 
 
}

span.fa.fa-minus-circle {
display:none; 
}

/** start page changes **/
.follow-guide {
    color: #fff; 
 cursor:pointer;
}
.follow-guide h2 {
   margin: 30px auto 5px auto !important;
 
}


.search .input-group.header-input {
   width: 100%;
}

@media (max-width: 480px) {
.wibe-product-list .col-sm-3 {
  
  min-height: auto;
 
}
}

@media screen and (min-width: 768px) {
.promotion-right, .promotion-left {
  
  min-height: 300px;
 
}
}
@media (min-width: 480px) and (max-width: 768px) {
 
 [data-rowid="696"].wibe-product-list .col-sm-3, [data-rowid="697"].wibe-product-list .col-sm-3  {
    min-height: 250px; 
       max-height: 260px;
}
 }
 [data-rowid="696"] img, [data-rowid="697"] img  {
   height: 180px;
   }
 

 
[data-rowid="696"] section, [data-rowid="697"] section {
   min-height: 260px;
}
 
 div.product-grid .product-listitem.product-listitem-intro {
       min-height: 260px;

}
 

@media only screen 
and (max-width : 1028px)
and  (min-width : 768px) {
 div.product-grid .product-listitem.product-listitem-intro {
   min-height: 260px;
   max-height: 260px;
   padding: 10px;
}
.row.wibe-product-list.product-grid h4 {
  font-size: 1.2vw;
}
}

@media screen and (min-width: 1024px){
.promotion-left, .promotion-bottom {
   color: #fff;
}
}

.wibe-product-list .col-sm-3 {
 
   min-height: 250px !important;
}
.parts-guide-wrapper .parts-guide-panel .parts-header-section {
   text-align: center;
   max-width: 100%;
   margin: 0 auto 30px;
}

/* flexing boxes on startpage */
@media (min-width: 768px) {
.fiveflexgrid {
   flex: 1 !important;
}
}

.row.wibe-product-list.product-grid {
   display: flex;
}
.flexcenter {
    text-align: center; 
}

@media (max-width: 480px) {
 
 .fiveflexgrid {
   margin-bottom: 30px;
}
 
 .row.wibe-product-list.product-grid {
   display: block;
}
}