/* 20221026232316 - 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: #034077;
}

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

.gui a {
  color: #179fdb;
}

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

.gui-select.gui-focus .gui-handle {
  border-color: #179fdb;
}

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

.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: #dcf0f9;
  background-color: #f3fafd;
}

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

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

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

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

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

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

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

.gui-table thead tr th {
  border-color: #96d3ee;
  background-color: #f3fafd;
}

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

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #179fdb;
  color: #000000;
  background-color: #179fdb;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #179fdb;
  color: #000000;
  background-color: #179fdb;
}

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

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

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

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #179fdb;
}

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

/* custom */
.white {
color: #fff;
}

.mb-30 {
	margin-bottom:30px;
}

.fl-r {
    float: right;
}

.fl-l {
    float: left;
}

.n-a {
text-decoration: none;
    color: inherit;
}

.main-header__search-form {
    top: -28% !important; 
}

.gui a.gui-button-large, .gui a.gui-button-small {
    color: #fff;
}

.pd-50 {
	padding:50px 0 50px 0;
}

h4.color-primary {
    color: #179fdb !important;
}

video#myVideo {
    width: 100%;
    height: auto;
}

.benefits-list { 
  text-align: center;
  color: #a7a7a7;
  padding: 20px 0;
  display: flex;
  flex-flow: row wrap;

}
.benefits-list li{ 
  display: inline;
  padding: 0 10px;
  margin: auto;
}
.benefits-list li .fa {
  margin-right: 7px;
  color: #f5cd22;
}

.gui-input, .gui-text, 
.gui-select, .gui-number {
    border-color: #84848445;
}

.benefits-list .fa {
  font: normal normal normal 18px/1 FontAwesome;
}

.authr-logo {
  display:none;
}

h1 {
    font-size: 28.83px;
}

h2 {
    font-size: 25.63px;
}

h3 {
    font-size: 22.78px;
}

/*Michelle Koopmans, Friday 23 September 2016, ticket:  BEGIN*/ 
/*body > div.wrapper.layout-fixed.border- > header > div:nth-child(1) > div.header-right > div > div.header-right-top > div.topnav > div.search::after { */
/*    content: "Klantenservice: <a href=”tel:+31314846252″>Bel ons! </a>";*/
/*    padding: 10px 0 0 0;*/
/*    float: right;*/
/*    color: #179fdb;*/
/*    font-weight: bold;*/
/*    font-size: 16px*/
/*}*/
/*Michelle Koopmans, Friday 23 September 2016, ticket:  END*/

.simple-contact {
  margin-top: 10px;
  margin-left: 2px;
  color: #179fdb;
  font-weight: bold;
  font-size: 16px
}

.simple-contact i {
  color: #f5cd22;
}



.usp-carousel .item {
    padding: 50px 0;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

#product-categories {
  background: #16a0db;
}

.category-card,
.prod-card,
article.story {
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 15px -3px rgba(0,0,0,.07),0 10px 20px -2px rgba(0,0,0,.04)!important;
    transition: all 0.2s ease;
}

.btn-100 {
	width: 100% !important;
}

.category-card:hover,
.prod-card:hover,
article.story:hover {
    box-shadow: 5px 6px 6px 2px #e9ecef;
    transform: scale(1.05);
}

article.story {
    min-height: 445px;
   padding:30px;
}

.category-card__title a,
.prod-card a {
    text-decoration: none;
    color: inherit;
    font-weight: bold;
    margin-top: 20px !important;
    display: block;
    font-size:16px;
}


i.fa-regular.fa-circle-check {
    color: #179fdb;
}

div#heroBanner1 {
    min-height: 36vw !important;
}


a.btn.prod-card__action-button {
    display: none !important;
}

section.blog-preview {
    background: #16a0db;
}

.btn--primary {
    color: #ffffff;
    position: relative;
    width: auto;
    text-decoration: none;
    border-radius: 4px;
    text-align: center;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
    padding:10px 50px;
    font-weight: 700;
    line-height: 1.6rem;
}

.btn--add-to-cart {
	background-color: #00b901;
  width: 100%;
  font-size:16px;
}

.btn--add-to-cart:hover,
.btn--add-to-cart:active {
	 background: #009600;
}

a.btn.btn--lg.btn--primary {
    font-size: 14px;
    font-weight: 700;
}

.btn--primary:active,
.btn--primary:hover {
  position:relative;
  top:2px;
}

.nav-wrapper {
    padding: 14px;
    background-color: #16a0db1c;
}

a.webwinkelkeurPopup {
    max-width: 150px;
    margin-left: 25px;
}

li.main-header__item.klantenservice {
        margin-left: 25px;
        margin-right: 40px;
}

.klantenservice h2 {
    font-size: 20px;
    font-weight: 800;
}

@media only screen and (min-width: 600px) {
 .carousel__wrapper.order-2.overflow-hidden {
    overflow: inherit;
}
  
  .hidden-desktop {
  	display:none;
  }
  
}




@media only screen and (max-width: 600px) { 
.hidden-mobile {
  	display:none;
  }
}


.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}



.prod-card__badge {
    background-color: #16a0db;
    border-radius: 8px;
    font-weight: bold;
}

.accordion__header {
    font-size: 18px;
    font-weight: bold;
}


.filter__checkbox-list label,
.text-underline-hover {
    font-size: 16px !important;
    font-weight: normal;
}


.prod-card__price {
    text-decoration: none;
    font-weight: bold;
    color: #14a1db;
}

.termijn {
    margin-top: 15px;
}

.main-footer__colophon.border-top.padding-y-md {
    background-color: #fff;
    color:#333;
}

.main-footer__link:hover {
    color: #fff;
}

.btn--secondary {
    color: #333;
    background-color:#fff;
    position: relative;
    width: auto;
    text-decoration: none;
    border-radius: 4px;
    text-align: center;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
    padding: 16px 50px;
    font-weight: 700;
    line-height: 1.6rem;
}

.form-control {
    border: 0px solid #fff !important;
}

footer.main-footer.border-top {
    background-color: #14a1db;
    color:#fff;
}


.mb-3 {
    margin-bottom: 30px;
}


.webwinkelkeur {
	margin-top:35px;
}


.product-right {
    margin-left: 30px;
}


.product-configure label {
    text-transform: capitalize;
    margin-top: 15px;
    font-weight: bold;
}

.product-configure select {
    width: 50%;
    float: right;
}

a.blog-tag {
    background: #16a0db;
    padding: 5px 15px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 11px;
    display: inline-block;
    text-decoration: none;
    border-radius: 8px;
}


.in3-product {
    background: #011c5d;
    display: inline-block;
    color: #fff;
    padding: 15px;
    border-radius: 8px;
    cursor: help;
}

.in3-product a, 
.in3-product p {
    color: #fff;
    text-decoration: none;
    margin-top: 0px !important;
}


.in3-product p {
    margin-bottom: 0px;
}

.in3-product img { 
    width: 100%;
    max-width: 30px;
    position: relative;
    top: 1px;
    display: inline-block;
    margin-right: 5px;
}


.dr-cart .btn--primary {
	width:100%;
}

input#qtyInput {
    background: #eee9;
}



.gui-blog .gui-blog-article {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 15px -3px rgba(0,0,0,.07),0 10px 20px -2px rgba(0,0,0,.04)!important;
    transition: all 0.2s ease;
}


nav.gui-blog-nav {
    padding: 40px 0;
}

.gui-blog-article footer {
    padding: 20px;
}


.gui-blog-comment .gui a.gui-button-large,
.gui-blog-comment .gui a.gui-button-small {
    color: #fff; 
}

a.gui-blog-nav-next,
a.gui-blog-nav-previous {
    padding: 15px;
    color: #fff;
    background: #15a1db;
    border-radius: 8px;
}


video {
    object-fit: fill;
}

#scooter-leasen {
    margin-top: 50px;
}


.main-header__logo img {
  transform: scale(1.8, 1.8);
	-ms-transform: scale(1.8, 1.8);
	-webkit-transform: scale(1.8, 1.8);
}

.available {
    color: #71cb24;
    font-weight: bold;
    margin-top: 10px;
    min-height:24px;
}

.hero-category .container.max-width-adaptive-sm {
    background: #fff !important;
    color: #000 !important;
    padding: 50px;
    border-radius: 8px;
}

.hero-category h1, .hero-category h2, .hero-category h3, .hero-category h4 {
    color: #000;
}

.hero-category .btn--primary {
    margin-bottom: 45px;
    padding: 8px 20px;
}


.button-svg {
    width: 20px;
    margin-right: 10px;
    height: 25px;
    fill: #fff;
}



.product.js-product h1 {
	font-size:20px;
}

ins.product__price.text-md {
    text-decoration: none;
    font-weight: bold;
}

.add-2-cart-wrapper {
		top: 5px;
    position: relative;
}




@media only screen and (max-width: 600px) {
a.btn.btn--lg.btn--primary {
    font-size: 12px;
    font-weight: 700;
    padding: 5px 15px;
}
  
  li.carousel__item {
    width: 100% !important;
}
  
  .usp-carousel .item {
    padding: 20px 0;
    font-size: 15px;
  }
  
  a.btn.btn--lg.btn--primary {
    width: 100%;
}
}

@media only screen and (min-width: 600px) { 
  .hero-category .container {
    margin-right: 0;
    max-width: 50%;
}
  
   .hero-category .container.max-width-adaptive-sm {
         margin-right: 10%;
    		 max-width: 30%;
  }
 
}