/* 20190204122608 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #0a8de9;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #0a8de9;
  box-shadow: 0 0 2px #0a8de9;
}

.gui-select.gui-focus .gui-handle {
  border-color: #0a8de9;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #76c61b;
}

/* custom */
#gui-popover-terms-and-conditions {
   position: fixed;
   top: 24%;
   left: 10%;
   right: 10%;
   max-width: 100%;
}

.arrow-down {
  width: 0;
  height: 0;
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
  border-top: 8px solid #FFF;
  position: relative;
  left: 99px;
  bottom: 11px;
}

/*productpagina*/
.detailsHolder {
  display:none;
}
#product .productInfoHolder .productInfo .description {
  margin-bottom: 20px;
}
#product .productInfoHolder {
  margin-bottom: 30px;
}

#product .productInfoHolder .images .thumbs {
  width: 100%;
}
#product .productInfoHolder .images .thumbs .thumb {
  border: none;
  padding: 5px;
}
#product .productInfoHolder .images .zoomPad {
  border: none;
}
#product .productInfoHolder .productInfo {
  margin-left: 450px;
}

#productoptions{
  display:none;
}

#variantConHolder {
  margin-bottom:20px;
}

#variantConHolder .variantCon {
  background: #EEE url('button-bg.png?1') repeat-x top left;
  background-color: #007BC9;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  line-height: 30px;
  margin: 0 1px 4px 0;
  padding: 0px 4px;
  border: 1px solid #007BC9;
  font-weight: 900;
  border-radius: 3px;
  height: 47px;
  text-align: center;
}

#variantConHolder .variantCon.prodOnbeschikbaar {
  background-color: #AAABAE;
  text-align: center;
  text-decoration: line-through;
  font-weight: 100;
  border-color: #AAABAE;
}

#variantConHolder .variantCon.prodOnbeschikbaar p, #variantConHolder .variantCon p {
  margin: -13px;
  padding: 0px 13px;
  text-align: center;
}

#variantConHolder .variantCon.active {
  border: 3px solid #66CD00;
}

/*bg*/
html, body {
  background-color: #FAFAFA;
}
.wrapper.bg {
  background-color: white;
  padding: 5px 20px 0px 20px;
  margin-bottom: 30px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.19);
  margin-top: 20px;
}

#footer {
  border: transparent;
}

/*Header*/
#header, #header h1, #header h1 a{
  height: 105px;
}
#header .cartContainer .cart {
  float: right;
}
#header .cartContainer .languages {
  float: right;
  margin-top: 35px;
  margin-right: 30px;
  position: absolute;
  top: -8px;
}

#header .cartContainer .languages .flag.be {
  background-image: url(https://assets.webshopapp.com/mister-big/belgium-flag.png);
  background-size: 16px;
  background-position: 0px -2.5px;
  height: 16px;
}

.nl {
  background-image: url(flags.png?1);
  background-position: 1px -10px;
  background-repeat: no-repeat;
  width: 17px;
  height: 12px;
  text-indent: -9999px;
  margin: 0;
  padding: 0;
  float: left;
  margin-right: -20px;
}

.languages ul {
  list-style: none;
}

.languages ul ul {
  visibility: hidden;
}

.languages ul li:hover ul {
  visibility: visible;
}

#header .cartContainer .languages .flag {
  color: #FFFFFF;
  display: inline;
  float: left;
  height: 11px;
  left: 3px;
  line-height: 1em;
  padding: 0 2px 0 20px;
  position: relative;
  text-indent: 0;
  width: 90px;
}

.languages ul li {
  width: 120px;
  background-color: #AAABAE;
  padding: 5px;
  text-transform: uppercase;
  color: #FFF;
  height: 13px;
  text-align: center;
  border-bottom: solid 3px #FFF;
  z-index: 999;
  margin-top: -1px;
}

.languages ul ul li {
  position: relative;
  left: -152px;
  top: 10px;
}

.languages ul ul li:last-of-type, .languages ul ul li:nth-of-type(3) {
  display: none;
}

#header .cartContainer .languages .flag:hover {
  text-decoration: none;
}

.languages ul ul li:hover {
  background-color: #007BC9;
}

/*winkelwagen*/
.simpleBlock {
  background: #fff url('block-bg.png') repeat-x bottom left;
  margin-top: 20px;
}

#header .cartContainer .languages {
  float: right;
  margin-top: 35px;
  margin-right: 30px;
}

.simpleBlock h3 {
  border: 0px;
  padding: 0px;
  font-size: 13px;
}

#header .cartContainer .cart .button {
  margin-top: 5px;
}

/*Navbar*/
#navbar {
  background-image: none;
  padding-right: 2px;
}

#navbar .itemLink {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 11px;
}

#navbar .item {
  height: 30px;
}

#navbar .itemLink {
  line-height: 31px;
}

#navbar .formSearch .inputContainer input {
  font-size: 12px;
}

#navbar .formSearch {
  margin-top: 2px;
}

#navbar .formSearch .inputContainer {
  height: 22px;
  padding: 0px 0 2px 7px;
}

#navbar .formSearch .inputContainer input {
  background-color: transparent;
}

#navbar .formSearch .inputContainer span {
  top: 5px;
}

/*Slider*/
#slider {
  width: 809px;
}

/*Sidebar*/
#sidebarContainer img {
  margin-top: 10px;
  width: 157px;
}

#sidebarContainer .subnav {
  display: none;
  padding: 0px 7px;
  border-top: 1px solid #ddd;
}
#sidebarContainer .subnav li {
  list-style-type: none;
}
#sidebarContainer .subnav li a {
  display: block;
  padding: 7px 0px;
  border-bottom: 1px solid rgb(238, 238, 238);
}
#sidebarContainer .subnav li.last a {
  border-bottom: 0px;
}
#sidebarContainer {
  width: 155px;
  float: left;
}

#sidebar {
  width: 250px;  clear: right;
}

#sidebar .nav {
  list-style: none;
  padding: 0;
  width: 156px;
}

#sidebar .nav .item .itemLink {
  display: inline-block;
  font-weight: normal; 
  width: 140px; 
  padding: 7px; 
  background: #fff url('block-bg.png') repeat-x bottom left;
}
#sidebar .nav .item {
  border: 1px solid #ddd;
  border-bottom: 0px;
}
#sidebar .nav .item.last {
  border-bottom: 1px solid #ddd;
}

#sidebarContainer #sidebar img {
  margin-top: 0px;
  margin-bottom: 10px;
}

/*Content*/
#content {
  float: left;
  width: 802px;
  margin-left: 21px;
}

/*Text page*/
#textpage .wysiwyg p {
  font-size: 13px;
}

#textpage .wysiwyg strong, #textpage .wysiwyg p b {
  font-size: 1.17em;
}

/*Catergorie Grid*/
.productsGrid .product {
  width: 183px;
  border: none;
  margin-right: 20px;
  margin-bottom: 20px;
}
.productsGrid .product .info {
  border: 0;
  padding: 10px 10px 10px 10px; 
}

.productsGrid .product img {
  width: 178px;
  height: auto;
}
.productsGrid .product .info .price strong {
  float: left;
  font-size: 14px;
}

.productsGrid .product .new {
  width: 92px;
  position: absolute;
  top: -6px;
  left: -6px;
}

/*Maatinfo -Not done yet- */
.productsGrid .product.hover #maatinfo a {
  display: inline-block;
  padding: 0 5px 5px 0;
}

.productsGrid .product.hover #maatinfo a:hover {
  text-decoration:none;
  color:#FF2C79;
}

.productsGrid .product.hover a.onbeschikbaar, ..productsGrid .product.hover a.onbeschikbaar:hover {
  text-decoration: line-through!important;
  color:#999!important;
  cursor:default;
}

.productsGrid .product {
  width: 183px;
  border: none;
  margin-right: 20px;
  margin-bottom: 20px;
}

.productsGrid .productitem {
  float: left;
  margin-right: 10px;
  margin-bottom: 40px;
  width: 185px;
  position: relative;
  height: 277px;
  border-color: #CCC;
  border: 1px solid #DDD;
  background: #FFF url('block-bg.png') repeat-x bottom left;
  transition: .3s linear;
  z-index: 10;
}

.relatedProducts .productsGrid .productitem {
  float: left;
  margin-right: 10px;
  margin-bottom: 40px;
  width: 185px;
  position: relative;
  height: 287px;
  border-color: #CCC;
  border: 1px solid #DDD;
  background: #FFF url('block-bg.png') repeat-x bottom left;
  transition: .3s linear;
  z-index: 10;
}

.productsGrid .productitem.loaded.hover {
  position: relative;
  z-index: 100009999;
  -webkit-box-shadow: 1px 2px 5px rgba(50, 50, 50, 0.3);
  -moz-box-shadow:    1px 2px 5px rgba(50, 50, 50, 0.3);
  box-shadow:         1px 2px 5px rgba(50, 50, 50, 0.3);
  margin-bottom: 0;
}

.productitem{
  z-index: 1;
}

.productitem #maatinfo {
  visibility: hidden;
  background: #29A0F0;
  position: relative;
  top: -30px;
  clear: both;
  padding: 4px;
  color: #FFF;
  content: " ";
  display: block;
  border-radius: 5px;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

.productitem #maatinfo:after {
  border-left: solid rgba(0, 0, 0, 0) 10px;
  border-right: solid rgba(0, 0, 0, 0) 10px;
  border-bottom: solid #29A0F0 10px;
  top: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}

.productitem.hover #maatinfo {
  visibility: visible;
  z-index: 20;
}

.productitem #maatinfo div a {
  color: white;
}
.productitem #maatinfo div {
  position: relative;
  bottom: 5px;
}

/*Joost B Lightspeed 20181024 - maten beschikbaarheid*/
.onbeschikbaar,
.niet.beschikbaar {
  text-decoration: line-through !important;
  color: #806D7E !important;
}
/*Joost B Lightspeed 20181024 - END*/

/*buttons*/
.button.blue {
  background-color: #007BC9;
  border-color: #007BC9;
}

/*Footer*/
#footer .blocks .block .paymentMethods img {
  width: 41px;
}
#footerContainer {
  margin-left: -20px;
  background-color: rgb(238, 238, 238);
  padding-left: 10px;
  padding-right: 10px;
  width: 998px;
  border-top: 1px solid rgb(226, 226, 226);
}
#footer .blocks .block, #footer .copyright {
  border-color:rgb(226, 226, 226);
}
#footer .blocks .block {
  min-height: 160px;
}

.productsGrid .product .info h3 {
  padding: 0px;
  margin: 0px;
  font-weight: normal;
  font-size: 12px;
  height: 35px;
  text-align: center;
}

.banner-meld a img {
  margin-top: 20px;
  width: 200px;
}

#footer .blocks .block {
  min-height: 230px;
}

#footer .block:nth-of-type(2) {
  width: 150px;
}

#footer .blocks .block h3 {
  margin-top: 10px;
  margin-bottom: 5px;
}

.block:nth-of-type(4) img {
  position: relative;
  bottom: 5px;
}

/*fixed*/
#gui-wrapper {
  padding: 0px;
  border: 0px;
  margin-bottom: 20px;
}
.gui-col2-right .gui-col2-right-col2 .gui-block.gui-div-faq-form{
  margin-top: -38px;
}
.gui-input, .gui-text, .gui-select, .gui-number, .gui-block, .gui-block-title, .gui-buttons.gui-border, .gui-block-inner, .gui-image, .gui-block-subcontent{
  border-color: rgb(228, 228, 228);
}

/*font sizes*/
.gui-page-content, .gui-form .gui-radio label, .gui *, .gui-block-subcontent p.gui-bigger {
  font-size: 13px;
  color: black;
}
.gui-block-title strong {
  font-size: 14px;
}
.gui-page-title {
  font-size: 20px;
}

/*buttons*/
.gui a.gui-button-large, .gui a.gui-button-small, .gui a.gui-button-large.gui-button-action, .gui a.gui-button-small.gui-button-action{
  background: #eee url('button-bg.png?1') repeat-x top left;
  border: 1px solid #ccc;
  border-radius: 2px;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  line-height: 30px;
  outline: none;
  padding: 0 15px;
  text-decoration: none;
  text-transform: uppercase;  
  background-color: black;
  border: 0px;
  padding-bottom: 1px;
  border-radius: 5x;
  margin-top: 1px;
  vertical-align: top;
  color: white;
}

.gui a.gui-button-large.gui-button-action {
  line-height: 41px;
}

/*page*/
.gui-page-content {
  min-height: auto;
}

/*block*/
.gui-block-title {
  color: #333333;
  background-color: #FFFFFF;
  background: rgba(240, 240, 240, 0.66);
}
.gui-block, .gui-block-title, .gui-faq, .gui-login, .gui-password, .gui-register, .gui-review, .gui-sitemap, .gui-block-linklist li, .gui-table {
  border-radius: 0px;
  border-color: rgba(141, 141, 141, 0.2);
  border-width: 1px;
}

/*bold*/
.gui-form .gui-field .gui-description span, .gui-form label, .gui-form label span.gui-nostyle, .gui ul.gui-products li .gui-products-title a, .guia.gui-bold{
  font-weight: normal;
}

/*resize*/
.gui-col2-right-col1.gui-checkout-steps {
  width: 100%;
}
.gui-col2-right-col2.gui-checkout-progress, .gui-col3-equal-col1.gui-div-cart-related{
  display: none;
}

/*overig*/
.gui-block-subcontent {
  border: 0px;
}
.gui-block-content .gui-table {
  border: 1px solid rgb(228, 228, 228);
}
  
  #navbar .itemLink {
  padding: 0 14px;
}

#content h2 {
  margin-top: 25px;
}

#variantConHolder .variantCon.active {
  border: 3px solid #66CD00 !important;
  height: 51px;
}

#variantConHolder .variantCon.prodOnbeschikbaar p, #variantConHolder .variantCon p {
  margin: -13px;
  padding: 0px 13px;
  text-align: center;
}

.container-relative {
   position: relative;
}

.shop-switch {
  position: absolute;
  top: 0;
  left: calc(50% - 100px);
  transform: translateX(-50%);
  display: none;
  align-items: center;
}

.shop-switch--be::before {
  content: " ";
  background-image: url(https://static.webshopapp.com/shops/015265/files/188401172/flag-of-belgium.svg);
  background-size: 18px auto;
  background-position: 0 0;
  width: 18px;
  height: 12px;
  display: inline-block;
  margin-right: 8px;
}

@media screen and (min-width: 580px) {
  .shop-switch {
    display: flex;
  }
}
