/* Custom CSS colors */
.gui,
.gui-block-linklist li a {
  color: #000000; }


.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: #000000; }

.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 CSS code */
body {
  margin-bottom: -25px !important;  
}
.cato-item-with-subs {
  cursor:pointer;  
}
#text-container {
  padding:0px 10px;
}
.bundle-title {
  background:#E93429;
  color:#fff;
  padding: 5px 10px;
  border-radius: 3px;
}
.bundle-order-content a.btn {
  background-color: #13b915 !important;
}
#text-container ul {
  list-style:inherit !important;  
  padding-left:30px;
}
.yotpo .form-group .form-element .y-label {
  float:left;  
}
.yotpo input, .yotpo .y-input {
  margin-right:0px !important;  
}
.copyright {
  text-align:center;  
}
.copyright p, .copyright a {
  color:#2C2C2C !important;  
}
.copyright a {
  margin-left:5px;  
}
.top-one, .top-two, .top-three {
  float:left;
  margin-right:10px;
}
.top-two {
  max-width:155px;  
}
.top-one span, .top-two span, .top-three span {
  margin-right:5px;
  background:#55BDE2;
  height:35px;
  padding:0px 5px;
  font-size:18px; 
  line-height:35px;
  float:left;
}
.top-one p, .top-two p, .top-three p {
  line-height:8px;
  float:left;
  margin:0px;
  font-size:12px;
  font-weight:bold;
}
.top-one p {
  line-height:35px;  
}
.top-two p {
  width:80%;
  line-height:16px;   
}
.top-three p {
  width:66%;
  line-height:16px;  
}
.breadcrumbs li {
  display:inline;  
}
#page-content .product-info a.btn, #page-content .product-info a.btn span, a.winkellist {
  background-color:#13b915 !important;  
}
.gui.gui-cart table tr:last-child td:nth-child(1) a {
  color: #fff;
  background: #067dcb;
  line-height: 26px;
  padding: 10px 15px;
}
#cartContainer {
  width: 390px;
}
#cartContainer .my-account {
  line-height: 40px;
  color: #3B444D;  
}
.my-account.one {
  display:none !important;  
}
#cartContainer .my-account i {
  color: #55BDE2; 
}
.ribbon-bottom.headline.bannerwidth {/*
  border-left: 25px solid rgb(85, 189, 226);*/
}
.ribbon-bottom.headline.bannerwidth .wrapper {
  font-weight:400;  
}
.flex-direction-nav a {
  color:#FFF;
  text-shadow: 1px 1px 4px #000;
  height: 85px;
  width: 45px;  
}
.flex-container.bannerwidth .slides li img {
  border: 1px solid #EEE;
  border-bottom:0px solid;
}
#logo img {
  max-width:262px;  
}
#topnav .wrapper.full-width nav > ul > li > a {
  color:#3B444D;  
}
#topnav nav > ul > li:hover > a, #topnav nav > ul > li.active > a {
  color: #5ABDE0 !important;
}
.categories .category .title {
  background:#3b444d;
}

/* FeedbackFeed */
#feedbackfeed {
  float: left;
  width: 100%;
  border: 1px solid rgb(238, 238, 238);
}
#feedbackfeed strong {
  background: transparent url("https://assets.webshopapp.com/gereedschapdeal/supernova-feedback-cirkel.png") repeat scroll 0% 0%;
  color: #FFF;
  width: 119px;
  height: 119px;
  display: block;
  text-align: center;
  vertical-align: middle;
  line-height: 119px;
  border-radius: 100%;
  font-size: 30px;
  margin: 10px auto;
  font-weight: bold;
}
#feedbackfeed .review-block {
  background: #5ABDE0 none repeat scroll 0% 0%;
  float: left;
  width: 107.2%;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  margin-top: 0px;
  height: 90px;
  font-size: 17px;
  margin-left: -3.4%;
}
#feedbackfeed .stars-top {
  width: 100%;
  float: left;
  position:relative;
  margin-top: 10px;
  margin-bottom: 10px;
}
#feedbackfeed .star-top {
  height: 32px;
  overflow: hidden;
}
#feedbackfeed .stars-top div, #feedbackfeed .stars-top div img {
  position: absolute !important;
}
#feedbackfeed .stars-top div {
  height: 31px;
  width: 197px;
  overflow: hidden;
  padding: 0px;
  top: 0px;
}
#feedbackfeed .star-wrap {
  width: 200px;
  display: block;
  margin: 0 auto;
  height: 31px;
}
#feedbackfeed .stars-top img, #feedbackfeed .total-score img {
  margin:0 auto !important;  
}
#feedbackfeed .total-score {
  float:left;
  width:100%;  
}
#feedbackfeed .bottom {
  margin-top:10px;
  margin-bottom:10px;  
  float:left;
  width:100%;
}
#feedbackfeed .hoekjes {
  float: left;
  width: 107.8%;
  margin-left: -3.6%;
  position: relative;
}
#feedbackfeed .hoekje-links {
  position:absolute;
  left:0px;  
}
#feedbackfeed .hoekje-rechts {
  position:absolute;
  right:0px;
}
/* FeedbackFeed */

.product-tabs > ul li a {
  font-weight:bold;
  font-size:18px;
  padding: 5px 20px 5px;
  background:#d4d4d4;
  color:#FFF;
  border-radius:0px;
}
.product-tabs > ul li a.active {
  background-color:#3B444D;  
}
.container.content .products {
  margin-top: 40px;
}
.grid-blog-item .time {
  font-style:normal;  
}
.grid-blog-item h3 a {
  color:#3B444D;
}
#about, .brands h3, .categories h3, .grid-blog .wrapper > h3, .products.related h3, .tags h3 {
  color:#3B444D;
  font-weight:bold;
}
.ribbon-bottom {
  font-size:28px;
  font-weight:bold;  
}
#newsletter { 
  border:0px;
  padding:0px;
  background:transparent;
}
#newsletter input {
  background-color:transparent !important;
  color:#FFF !important;  
}
#newsletter #newsletter-content {
  background-color:#3b444d;  
}
#newsletter p {
  font-weight:bold;  
}
#newsletter input, #newsletter a.btn, #gm_directions input, #gm_directions .button {
  border-radius:0px;  
}
#gm_directions .button {
  font-weight:bold;  
}
#footer h3 {
  font-weight:bold;
  border-color: #C8C8C8;  
}
.social-media .social-icon span {
  font-size:22px;  
}
.contact span {
  border-radius: 25%;
  font-size:22px;  
}
@media (max-width:1060px) {
.top-one, .top-two, .top-three {
  display:none;  
}
}
@media (max-width:980px) {
#feedbackfeed .review-block {
  width:100%;
  margin-left:0px;  
}
#feedbackfeed .hoekjes {
  display:none;  
}
.slider_timer {
  width:100% !important;
  margin-left:0px !important;
}
.ribbon-bottom {
  font-size:130%;  
}
}
@media (max-width:820px) {
#cartContainer .my-account {
  display:none;   
}
.my-account.one {
  display:inline-block !important;  
}
}


nav {
  position:relative;  
}
nav ul {
  float:left !important;
  width: 100%;
}
nav ul li > ul {
  min-width:1000px;
  left:0px;  
}
nav ul li {
  text-transform:uppercase;  
  position:inherit;
}
nav ul ul {
  width:100%;
  box-shadow:none;
  border:0px;
  position:absolute;
  left:inherit;
  padding:20px 10px 10px 10px;
  -webkit-column-rule: 1px solid #eee; /* Chrome, Safari, Opera */
  -moz-column-rule: 1px solid #eee; /* Firefox */
  column-rule: 1px solid #eee;
  box-shadow: 0px 10px 12px rgba(0, 0, 0, 0.2);
}

/*.sub-1 nav ul ul li {
    display: -moz-groupbox;
}*/
/*.sub-1 .subsub-1 {
  -webkit-columns: 2; 
  -moz-columns: 2; 
  columns: 2;
}*/
nav ul ul li {
  display: inline-block;
  width:100%;
  text-transform:none;
  padding-bottom: 10px;
}
nav ul ul li a {
  font-weight:bold;
  border:0px;
  line-height:inherit;
  height:inherit;
}
nav ul ul ul {
    min-width: inherit;
    position: relative;
    display: block !important;
    left: 0px;
    top: 0px;
    width: 100%;
    box-shadow: none;
    border-top: 0px;
    min-width: inherit !important;
    float: none !important;
    padding: 0px;
}
nav ul ul ul li {
  width:100%;
  text-transform:none;
  height: 20px;
  line-height: 20px;
  border-right:0px;
  float:none;
}
nav ul ul li:hover > a, nav ul ul ul li:hover > a {
  background-color:transparent !important;   
}
nav ul ul ul li a {
  font-weight:normal;
  border:0px;
}
/*.gui-form .gui-checkbox label{
word-break:normal;  
}
.header .container {
  padding: 10px 0px;
}
#kiyoh img {
  width: 90%;
}


#page-content .product-info .score {
 color:#ffcc33 !important; 
}


.image-large {
  margin:0px 0px 10px 0px;
}

.image-thumb {
 float:left;
 margin:5px 10px 5px 0px 
}


a.rest {
 display:none; 
}

.responsive-img {
  width:100%;
  height:auto !important;
  display:block;  
}

@media (max-width: 980px){
.flex-container .flexslider img {
  width:100% !important;
  height:auto !important;
  margin-left: 0px !important;
  left:0px !important;
}

.categories{
 display:none; 
}

}

.categories-lijst{
  list-style-type: none;
  padding:10px 25px;
  margin-top:0;

}
.categories-vak{
  background-color:#F3F2F8;
}

.categories-lijst a:link {
    color: #000;
}*/

/* visited link */
/*.categories-lijst a:visited {
    color: #000;
}*/

/* mouse over link */
/*.categories-lijst a:hover {
    color: #000;
}*/

/* selected link */
/*.categories-lijst a:active {
    color: #000;
}
.categories{
  height:400px;
}

.flex-container.bannerwidth .slides, .flex-container.bannerwidth .slides li, .flex-container.bannerwidth .slides li img, .flex-container.bannerwidth .flexslider,
.flex-container.bannerwidth .slides li img,
.flex-container.bannerwidth .flexslider,
.flex-wrapper slides {
 height:340px !important;
}


div.home-text {
 width:70%;
 padding:20px 20px 20px 0; 
  float:left;
}

div.home-text h1 {
    font-size: 24px;
    text-transform: uppercase;
    color:#000000;
}

div.home-text a,
div.home-text a:link,
div.home-text a:visted,
div.home-text a:active, 
div.home-text a:hover {
  color:#000000 !important;
  font-weight:bold !important;
}


div.home-action {
  float:right;
  width:30%;
  padding:50px 20px 20px 20px;
}

div.home-action img {
  width:100%;
  height:auto !important;
}

div.footer-newsletter {
  width:50%;
  padding:30px 20px 30px 0; 
  float:left;
}


div.footer-newsletter p {
    color: #000;
    float: left;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    margin: 0px 10px 0px 0px;
}

div.footer-newsletter input {
    background: none repeat scroll 0% 0% transparent;
    border: 1px solid #FFF;
    color: #FFF;
    float: left;
    height: 38px;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 11px;
    width: 230px;
    border-radius: 3px;
}


div.footer-newsletter a.btn {
  float:left;
  margin: 0px;
  font-weight: 400;
  height: 38px;
  line-height: 38px;
  padding: 0px 20px;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;

}

div.ribbon-bottom > div.wrapper {
 color:#000000; 
}

div.social.row {
 width:100%;
 float:left;
}


footer .links a {
 padding:3px  0 3px 5px !important;
}

#footer .links a:link,
#footer .links a:hover,
#footer .links a:active,
#footer .links a:hover {
 background:none;
 color:#000000 !important; 
}


div.brand-bar {
 width:100%;
 background-color:#FFFFFF;
  border:1px solid #D1D1D1;
 min-height:30px;
 clear:both;
 float:left;
 margin:20px 0; 
}

img.suplier-logo {
  float:left;
  margin:15px;
 
}



.product-tabs > ul {
 margin-top:20px !important; 
}

#footer .social-media .social-icon, #footer .social-media .social-icon:hover {
 background-color:#43609C !important;
}

.responsive,
.responsiveimg {
 width:100%;
 height:auto !important;
 display:block; 
}

@media (max-width: 720px) {

  div.brand-bar {
    display:none;
  }

}

@media (max-width: 480px) {



div.home-text {
 width:100%;
 padding:20px 20px 20px 0; 
  float:left;
}*/


/*div.home-action {
  float:right;
  width:100%;
  padding:50px 20px 20px 20px;
}


.flex-container.bannerwidth .slides, .flex-container.bannerwidth .slides li, .flex-container.bannerwidth .slides li img, .flex-container.bannerwidth .flexslider,
.flex-container.bannerwidth .slides li img,
.flex-container.bannerwidth .flexslider,
.flex-wrapper slides {
 height:220px !important;
}


}

@media (max-width: 720px) {

  div.social.row {
    width:100% !important;
    float:left;
    text-align:Center;
  }

  div.footer-newsletter {
    width:100% !important;
    padding:10px 0 10px 0; 
    float:left;
    text-align:center;
  }

div.footer-newsletter > div.footer-newsletter-wrapper{
  width:100%;
}

div.footer-newsletter-wrapper p {
 width:100%;
 text-align:center; 
}

  
  div.home-text {
    width:100%;
    padding:20px 20px 20px 0; 
    float:left;
  }


  div.home-action {
    float:right;
    width:100%;
    padding:50px 20px 20px 20px;
  }

  .flex-container.bannerwidth .slides, .flex-container.bannerwidth .slides li, .flex-container.bannerwidth .slides li img, .flex-container.bannerwidth .flexslider,
  .flex-container.bannerwidth .slides li img,
  .flex-container.bannerwidth .flexslider,
  .flex-wrapper slides {
    height:150px !important;
  }

div#brand-bar {
  display:none;
}

}*/