/* Reset
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
  font-weight: 400;
}f
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  display: block;
}
.clear {
  clear: both;
}

.title-featured {
  display: none;
}






















/* Basics
================================================== */
* {
  -moz-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;

  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
body {
  font: 14px "Nunito", "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 1.7;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}
html {
     overflow: -moz-scrollbars-vertical;
     overflow-y: scroll;
}
.left { float: left !important; }

.right { float: right !important; }

.center { text-align: center; margin: auto; }

.hide { display: none; }

/* page cart hacks */
.gui label[for="gui-form-terms"] a {
    text-decoration: underline;
    /* color: #ff852c !important; */
		color: #c73a3d!important;
}

.row , .contain-to-grid .top-bar {max-width: 1370px;}
.row .row{margin:0;}

/* fix custom cart, added 2/2025 */
/* fix custom cart, added 2/2025 */
/* fix custom cart, added 2/2025 */

/*

table {background:#FFF;}
.button a, .button, a.button {color:#FFF;font-size:12px;}
.green {color:#009600;}
.red {color:#D12C2A}
.grijs {background:#EFECE8;border:1px solid #e5e2de;}
.blauw {background:#1f2733;}
.space {width:100%;height:40px;clear:both;overflow:hidden;}
.space-small {width:100%;height:40px;clear:both;overflow:hidden;}
.space-xsmall {width:100%;height:15px;clear:both;overflow:hidden;}
.no-pad-left {padding-left:0px;}
.no-pad-right {padding-right:0px;}
.row , .contain-to-grid .top-bar {max-width: 1370px;}
.row .row{margin:0;}
.contain-to-grid {background: #405062 !important;}
.lb-container {width:auto!important;}
.lb-image{max-width: inherit;}
.no-border {border:0px!important;}
.category {margin-bottom: 10px;padding-bottom: 0px;}
.large-2-5, .medium-2-5  {width: 20.8335%;}

.gui-block {background:#FFF;}
.gui-table tr {background:#FFF;}
.gui a .gui-button-large.gui-button-action {background:#43AC6A;border-color:#3a945b;}
.gui a {color:#456873!important;;}
.gui a.gui-bold,.gui ul.gui-products li .gui-products-title a  {color:#666666!important;}
.gui-form .gui-valign-top {width:50px!important;}
small {font-size: 75%!important;}
.gui-delivery-time-cart {display:none;}
span.postfix, label.postfix {background:#58A9E0;color:#FFF;}
.gui-messages ul, .messages ul {margin:0px;}
.floating-message{padding-top:45px; position: absolute;}
.gui #gui-block-review table tr:nth-of-type(2n) {background:#FFF!important;}
.gui #gui-block-review .gui-delivery-time-checkout {display:none;}
form#gui-form-cart div.gui-form div.gui-table table tbody tr td a {font-weight:600; font-size:1rem;}
::-moz-placeholder {
  color: #ccc;
}
element {}
*/
#gui-block-billing-address .gui-block-subtitle {
   /* background-image: url("https://www.notebookcaddy.nl/skin/frontend/base/default/aw_onestepcheckout/images/number/1.png");*/
}
#gui-block-shipment-method .gui-block-subtitle {
  /*  background-image: url("https://www.notebookcaddy.nl/skin/frontend/base/default/aw_onestepcheckout/images/number/2.png");*/
}
#gui-block-payment-method .gui-block-subtitle {
   /* background-image: url("https://www.notebookcaddy.nl/skin/frontend/base/default/aw_onestepcheckout/images/number/3.png");*/
}

#gui-block-review .gui-block-subtitle {
  /*  background-image: url("https://www.notebookcaddy.nl/skin/frontend/base/default/aw_onestepcheckout/images/number/4.png");*/
}

/* Verberg betalen op factuur - leveren op rekening aan de frontend kant */
.gui-checkout-payment-provider.gui-payment-provider-invoice {
  display: none;
}

.gui-block-subtitle {font-size:20px; background-repeat: no-repeat!important; background-position: 0px 4px!important;}
@media(max-width: 768px) {#gui-block-billing-address .gui-block-subtitle {padding-left: 0 !important;}}

#gui-block-billing-address .gui-block-subtitle{background-repeat: no-repeat; padding-left: 45px; /*background-image:url("https://www.notebookcaddy.nl/skin/frontend/base/default/aw_onestepcheckout/images/number/1.png");*/ background-position: 0px 4px;}
#gui-block-billing-address .gui-block-subtitle{background-repeat: no-repeat; padding-left: 45px; /*background-image:url("https://www.notebookcaddy.nl/skin/frontend/base/default/aw_onestepcheckout/images/number/1.png");*/ background-position: 0px 4px;}
.gui-checkout .gui-progressbar {background:#58A9E0;}

.gui-checkout-one-step .gui-block-option .gui-field .gui-radio > label {font-size:0.875rem!important; color:#666;width:70%!important;}
.gui-payment-method-price {font-size: 95% !important; margin-top: 0px!important;}
.gui-input input{height:40px!important;}
.gui #gui-block-review .gui-block-subcontent tbody, .gui #gui-block-review .gui-block-subcontent tbody em, .gui #gui-block-review .gui-block-subcontent tbody p, .gui #gui-block-review .gui-block-subcontent tbody small{font-weight:normal!important; font-size:0.70rem!important; font-style:normal!important;}
.gui #gui-block-review .gui-block-subcontent tbody a { font-size:0.85rem!important;  color:#58A9E0!important;}
.gui-table tbody tr td {padding: 8px 0px 8px 15px!important;}
.gui-table{padding-bottom:15px!important;}
#gui-block-billing-address .gui-block-subtitle{padding-left:0px!important;}
.gui-cart{margin-top: 40px;}
.gui-checkout-one-step .gui-block-option .gui-field .gui-price{font-size:14px!important;}
.gui-checkout-one-step .gui-payment-method-service label{height:40px!important;}
.gui-payment-method-compact .gui-payment-method-service input{margin-top:8px!important;}
.gui-payment-method-compact .gui-payment-method-service .gui-payment-method-icon{width:45px!important;}
.gui-product-image{display:inherit!important;}
.gui-select select{height:40px!important;}
@media(max-width: 1021px) {.gui-login, .gui-faq, .gui-checkout {margin-top: 65px;}.gui-cart{margin-top: 115px;}
.messages{position:relative;top:95px;}

}
@media (max-width: 640px) {.gui-checkout .gui-col2-equal .gui-col2-equal-col1 {margin-bottom: 7px!important;}}
@media (max-width: 480px) {.gui-cart-sum .gui-item .gui-price {font-size:20px!important;}}
.gui .gui-cart-sum {line-height:1.5;}
.gui .gui-cart-sum .gui-desc{line-height:1.5;}
.gui-cart-sum .gui-big {font-size:100%!important;}
.gui label[for=gui-form-terms], .gui label[for=gui-form-terms]  {color:#ff852c!important;}
.gui label[for=gui-form-terms] a {text-decoration: underline; color:#ff852c!important;}
.gui-cart-sum .gui-big {margin-bottom: 15px!important;}
.gui  .gui-confirm-buttons .gui-button-small,.gui  .gui-confirm-buttons .gui-button-small:visited, .gui a.gui-button-large.gui-button-action {
color: white!important;
background-color: #3665f3!important;
display: inline-block;
text-decoration: none;
border: none!important;;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
cursor: pointer;
width: 100%;
padding: 20px;
font-size:150%;
font-weight:600;
z-index: 6;
}
.gui-checkout .gui-progressbar ul li.gui-done a {color:#bbb!important;}


/* part 2  AppLamp cartpage copy */



/*#cartPage{margin-top:30px;} */
#cartPage #gui-form-cart .info-td {margin-bottom:15px; margin-top: 15px;}
#cartPage #gui-form-cart .input-wrap {width:130px;}
#cartPage #gui-form-cart .input-wrap input {text-align:center;}
#cartPage #gui-form-cart .price {padding-left: 15px;white-space: nowrap;}
#cartPage .cart-sidebar.removeSticky {position: absolute !important;}
#cartPage .cart-sidebar.removeSticky.bottom {bottom:0px;}
#cartPage .cart-sidebar{margin-top:36px;position: -webkit-sticky;position: sticky;top: 144px;}
#cartPage .totals-wrap .add-discount i {vertical-align:middle;}
#cartPage .title-box {margin-top: 2rem;}
#cartPage .price .price-new{font-size:15px;line-height:37px;}
#cartPage .image-wrap-cart{width:80px;}
#cartPage .resQuantity .chg-qty-down{padding: 10px 9px 0px 25px;}
#cartPage .resQuantity .chg-qty-up{padding: 10px 20px 0px 10px;}
#cartPage .priceExcl{font-weight:initial!important;}
.delete{vertical-align: bottom; padding-bottom: 10px;font-size:1.25rem; }
.delete a{color:#3665f3;}
.total-title{font-size:1rem;}
.subtotal-title{font-size:1rem;}


.button-cart {
  width: 100%;
  background: #f45959 !important;
  border-radius: 4px !important;

  /* If you want an accent border: */
  border: 1px solid #fb00ed !important;

  /* A subtle inset shadow for a pressed effect; 
     pick a slightly darker shade of #c02e3a */
  box-shadow: inset 0 -1px 2px 0px #fb00ed !important

  font-size: 15px !important;
  font-weight: 700 !important;
 
  /* Needed for the shine effect */
  position: relative;
  overflow: hidden;
}
.button-cart:focus,
.button-cart:active {
  outline: none !important;
}
/* Create the shiny overlay */
.button-cart::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
  transform: skewX(-25deg);
  opacity: 0;
}

/* On hover, trigger the shine animation */
.button-cart:hover::after {
  animation: shine 1s ease-out forwards;
}

/* Define the keyframes for the shine effect */
@keyframes shine {
  0% {
    left: -75%;
    opacity: 0;
  }
  50% {
    left: 50%;
    opacity: 1;
  }
  100% {
    left: 125%;
    opacity: 0;
  }
}


.xxxxxxxbutton-cart{width: 100%;background: #c02e3a;border-radius: 4px;background: #c02e3a;border: 1px solid #ffad5b;xxbox-shadow: 0 -2px 0 0 #c02e3a inset;font-size: 20px;font-weight: bold;line-height: 40px;}
.xxbutton-cart:hover{background: #e66400;border: 1px solid #ffad5b;box-shadow: 0 -2px 0 0 #ff852c inset;text-decoration: none;}
.reviews-block {text-align:center;margin:45px 0px;}
.reviews-block a{display: inline-block; width:60%;}
.reviews-block a img{display: inline-block; width:100%;}
.products-clerk, .products-clerk-mob{min-height:345px;}
.small-title{font-size: 14px!important;}

/*.right-cart-custom{position:relative;right:-80px;}*/
/*@media (max-width: 1021px){#cartPage{margin-top:7rem;}}*/
@media (max-width: 992px){
	.resImage.ready {display:inline-block;}
  .info-td {display:inline-block;}
  .resProduct {display:inline-block}
  .resProduct.price {text-align: right;float: right;} 
  .resImage {display:none;}
  .resImage.ready {width:30%;display:inline-block;}
  .info-td {display:inline-block;width:70%;}
  .resProduct {display:inline-block}
  .resProduct.price {text-align: right;float: right;} 
  #cartPage, .container-cart{padding-left:0px;padding-right:0px;}
  #cartPage .cart-sidebar{margin-top:0px;position:relative;top:0px;}
  #cartPage .breadcrumbs {
    padding-left:12px;padding-bottom:12px;
    border-style: solid;
    border-width: 6px;
    display: block;
    list-style: none;
    margin-left: 0;
    overflow: hidden;
    padding: 0.5625rem 0.875rem 0.5625rem;
    background-color: #f8f9fa;
    border-color: #fff;
    border-radius: 14px;
  }
  
  
}
@media (min-width: 768px){
  .container-fluid, .container {max-width:1400px; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
  #cartPage #gui-form-cart .info-td,#cartPage #gui-form-cart .resQuantity,#cartPage #gui-form-cart .delete,#cartPage #gui-form-cart .priceExcl,#cartPage #gui-form-cart .priceIncl {padding-top: 31px;}
}
.nomargin{margin:0px!important;}





/* end part 2 */










/* END fix custom cart, added 2/2025 */
/* END fix custom cart, added 2/2025 */
/* END fix custom cart, added 2/2025 */



















@media(max-width: 1023px){
 /* 11-2024 enable for blackfriday coupons on phones  */
	{ .gui .gui-div-cart-coupons {
    display: none;
  }
 
  .gui-spacer {
  	height: 10px!important;
	}
}

  


.gui a.gui-button-large.gui-button-action, .gui .gui-confirm-buttons .gui-button-small {
color: white!important;
/* background-color: #ff852c!important; */
background-color: #c73a3d!important;
display: inline-block;
text-decoration: none;
border: none!important;;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
border-radius: 5px;
cursor: pointer;
width: 100%;
padding: 15px;
font-size:130%;
font-weight:600;
z-index: 6;
}
}
/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-family: "Nunito", "Open Sans", Helvetica, Arial, sans-serif !important;
  font-weight: 700;
  line-height: 1.2125em;
  xmargin-top: -0.2em;
  margin-bottom: 0.25em;
}
h1 { font-size: 2em; }
h2 { font-size: 1.6875em; }
h3 { font-size: 1.4375em; }
h4 { font-size: 1.375em; }
h5 { font-size: 1.375em; }
h6 { font-size: 1.375em; }
@media (max-width: 767px) {
  h1 { font-size: 1.6875em; line-height:1.7rem;}
  h2 { font-size: 1.475em; }
  h3 { font-size: 1.375em; }
}

p { margin: 10px 0 0 0;}
p img {
  margin: 0;
  max-width: 100%;
  height: auto;
}

em { font-style: italic; }
strong { font-weight: 700; }

small { font-size: 80%; }

hr {
  border: solid #f0f0f0;
  border-width: 1px 0 0;
  clear: both;
  margin: 0px;
  height: 0;
  width: 100%;
}
hr.full-width {
  position: absolute;
  left: 0px
}

.no-underline a, a.no-underline { text-decoration: none; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

/* Links */
a {
  -moz-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  outline: 0;
}
a, a:visited { color: #54afe9; outline: 0; text-decoration: none; }
a:hover, a:focus { color: #54afe9; outline: 0; text-decoration: underline; }

/* List */
ul { list-style: none outside; }
ol { list-style: decimal; }
ul ul, ul ol,
ol ol, ol ul { margin: 0.1em 0 0.1em 1em; font-size: 90%;  }

/* Input */
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  border: 1px solid #e5e5e5;
  padding: 6px 10px;
  outline: none;
  font-size: 14px;
  color: #777;
  margin: 0;
  width: 100%;
  display: inline-block;
  background: #fff;
  line-height: 18px;
  max-width: 360px;
  -moz-transition: border-color 0.3s ease;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
  -webkit-appearance: none;
  border-radius: 0px;
}
select {
  padding: 0;
}
@media (max-width: 992px) {
  select {
    max-width: 100%;
    height: 32px;
  }
}
@media (max-width: 767px) {
  input[type="text"],
  input[type="password"],
  input[type="email"] {
      padding: 10px;
    max-width: 100%;
  }
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  border: 1px solid #54afe9;
  color: #444;
}
textarea {
  min-height: 60px;
}
label,
legend,
label span {
  font-size: 14px;
}
input[type="checkbox"] {
  display: inline;
}

/* Buttons */
a.btn,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background: #54afe9;
  color: white;
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  cursor: pointer;
  line-height: 32px;
  height: 32px;
  padding: 0px 8px;
  text-transform: uppercase;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

a.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  text-decoration: none;
}
a.btn.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
a.btn span,
button span,
input[type="submit"] span,
input[type="reset"] span,
input[type="button"] span {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
@media (max-width: 767px) {
  a.btn,
  button,
  input[type="submit"],
  input[type="reset"],
  input[type="button"] {
    line-height: 37px;
    height: 40px;
  }
}
.title-featured{
  margin-bottom:20px;
 }

/* Align vertical */
.align {
  display: table;
  width: 100%;
  max-width:1370px;
  margin: 0 auto;
}

/* Bootstrap */
.row {
  padding-top: 10px;
}
.content {
  padding-bottom: 20px;
}
.phnm-content {
	padding-bottom: 0 !important;
}
.container{
width:100%;
  max-width:1370px!important;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 786px) {
  .content {
    padding-left: 2vw;
    padding-right: 2vw;
  }
}
.tabsPages .page.info ul,
.page-title .col-md-7 ul,
.page-title .col-md-12 ul {
  list-style: inherit;
  list-style-position: inside;
}
.tabsPages .page.info a,
.page-title .col-md-7 a,
.page-title .col-md-12 a  {
  text-decoration: underline;
}
.page-title {
  padding-left: 18px;
}

/* header
================================================== */
header:not(.gui-blog-article header)  {
  border-bottom: 1px solid #f0f0f0;
  position: sticky;
  width: 100%;
  top: 0;
  z-index: 1000;
}

@media(max-width: 1023px){
  header.desktop {
    display: none;
  }
}

@media(min-width: 1024px){
  header.mobile {
    display: none;
  }
}

/* .topnav */
.topnav {
  background-color: #f7f7f7;
  padding: 10px 0px;
  font-size: 12px;
  line-height: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width:1370px;
  margin:0 auto;
}
.topnav.mobile {
  padding: 2px 25px;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  border-bottom: 1px solid #ededed;
}
.topnav.mobile .logo img {
  width: 120px;
}
.topnav.mobile a,
.topnav.mobile .burger{
  font-size: 30px;
}
.topnav.mobile .link-icon-cart{
  margin-right: 30px;
}
.topnav a {
  color: #797979;
  line-height: 16px;
  text-decoration: none;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
.topnav .logo img {
  max-width: 100%;
  height: auto;
  width: 180px;
  border-right: 1px solid #e8e8e8;
}
.topnav a:hover {
  opacity: 0.8;
}
.topnav .glyphicon {
  margin: 0px 10px 0px 20px;
}
@media (max-width: 767px) {
  .topnav .my-account {
    display: none;
  }
}
.topnav .badges-block {
  display: flex;
  align-items: center;
}
.topnav .currencies {
  float: left;
}
.topnav .currencies a.active {
  font-weight: 600;
}
.topnav .languages {
  float: left;
}
.topnav .feedback-company {
  margin-right: 20px;
}


.languages .flag {
  float: left;
    background-image:url(flags.png);
    background-repeat:no-repeat;
    margin-right:10px;
    overflow:hidden;
    text-indent:-9999px;
    width:16px;
    height:16px;
    -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.languages .flag.nl { background-position:-7px -22px; }
.languages .flag.de { background-position:-7px  -42px; }
.languages .flag.en { background-position:-7px  -62px; }
.languages .flag.fr { background-position:-7px  -82px; }
.languages .flag.es { background-position:-7px  -102px; }
.languages .flag.it { background-position:-7px  -122px; }
.languages .flag.el { background-position:-7px  -142px; }
.languages .flag.tr { background-position:-7px  -162px; }
.languages .flag.pt { background-position:-7px  -182px; }
.languages .flag.pl { background-position:-7px  -202px; }
.languages .flag.sv { background-position:-7px  -222px; }
.languages .flag.ru { background-position:-7px  -242px; }
.languages .flag.da { background-position:-7px  -262px; }
.languages .flag.no { background-position:-7px  -282px; }

/* .bottomnav */

.below-navbar {
  display: flex;
  justify-content: space-between;
  color: #3d3d3d;
  padding-left: 50px;
  padding-right: 50px;
}

.below-navbar div {
  margin-right: 20px;
}

.below-navbar .fa-check {
  color: #51c4db;
  margin-right: 8px;
}

/* nav */
nav a:hover {
  text-decoration: none;
}

nav.desktop {
  display: flex;
}

nav.desktop ul a, nav.desktop ul a:visited {
  color: #414141;
}
nav.desktop .glyphicon-play, nav.desktop .glyphicon-remove {
  display: none;
}
nav.desktop .item {
  float: left;
  margin-right: 25px;
  font-weight: 700;
  font-size: 13px;
}
nav.desktop .item:last-child {
  margin-right: 0px;
}
nav.desktop .item .itemLink {
  display: block;
  padding: 5px 0;;
  color: #f4e5ab;
  text-transform: uppercase!important;
  border: 1px solid transparent;
  position: relative;
  z-index: 2;
  line-height: 30px;
  transition: line-height .4s ease;
  /* toegevoegd 09-02-2025 na uppercase in settings.css*/
  font-size: 12px !important;
 letter-spacing: -0.2px;
}

nav.desktop .subnav {
  display: flex;
  flex-direction: column;
  max-height: 310px;
  flex-wrap: wrap;
  background-color: white;
  position: absolute;
  min-width: 180px;
  border-radius: 0 0 14px 14px;
  box-shadow: 0px 3px 12px 5px rgba(180,180,180,0.49);
  z-index: 10;
  width: calc(100% - 100px);
  left: 50%;
  transform: translate(-50%, 0);
  top: 133px;
  padding: 10px 15% 20px 14px;
  transition: all .3s ease;
  transition-delay: .3s;
  opacity: 0;
  visibility: hidden;
}

nav.desktop .subnav:has(>ul) {
  max-height: 510px;
}

.sidebarlink{font-size:14px;}

@media (max-width: 1365px) {
  nav.desktop .subnav {
  	top: 185px;
  }
}
nav.desktop .item.hover .subnav {
  opacity: 100%;
  visibility: visible;
}
nav.desktop .subnav .category-image {
  position: absolute;
  right: 40px;
  top: 10px;
  width: 15%;
  padding-left: 20px;
  border-left: 1px solid #51c4db;
}
nav.desktop .subnav .category-image-title {
  font-size: 16px;
  font-weight: 900;
  text-align: center;
}
nav.desktop .subnav .category-image img{
  width: 100%;
}
nav.desktop .subitem {
  margin-right: 20px;
  margin-bottom: 20px;
  width: 20%;
}
nav.desktop .subnav ul {
  margin-left: 0;
}
nav.desktop .subnav .subitem {
  background-color: white;
  position: relative;
}
nav.desktop .subnav .subitem:last-child {
  border-bottom: transparent;
}
nav.desktop .subnav .subitemLink {
  display: block;
  padding: 5px 10px;
  font-size: 14px;
  white-space: nowrap;
  -moz-transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  text-decoration: none;
}
nav.desktop .subnav .subitemLink .fa-angle-right {
  color: #51c4db;
  margin-left: 4px;
  font-size: 14px;
}
nav.desktop .subnav .subitem .subitemLink:hover {
  background-color: #f7f7f7;
  color: #414141;
}
nav.desktop .subnav .subnav {
  top: 0;
  left: 80%;
  z-index: 980;
}
nav.desktop .subnav .subnav .subitemLink {
  padding: 8px;
}
.parentsidebarlink{font-size:15px;}

/* #formSearch */
#formSearch {
  position: relative;
  width: 30vw;
  margin-left: 10px;
}
#formSearch input {
  padding-left: 30px;
  margin-bottom: -1px;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
  color: rgba(0,0,0,0.75);
  display: block;
  font-family: inherit;
  font-size: 16px;
  height: 46px;
  margin: 0 0 0 0;
  padding: 0.5rem;
  width: 100%;
  max-width: 100%;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color 0.15s linear,background 0.15s linear;
  -moz-transition: border-color 0.15s linear,background 0.15s linear;
  -ms-transition: border-color 0.15s linear,background 0.15s linear;
  -o-transition: border-color 0.15s linear,background 0.15s linear;
  transition: border-color 0.15s linear,background 0.15s linear;
}
#formSearch .glyphicon-search {
  cursor: pointer;
  font-size: 20px;
  position: absolute;
  top: 4px;
  right: 15px;
  display: block;
  padding: 9px 10px 11px;
}
.mobile{
    -webkit-transform: translate3d(0,0,0);
}


/* burger open/close */
header.mobile + nav {
  z-index: 1000;
  transform: translate(-240px);
  transition-duration: .3s;
  transition-property: transform;
}

@media(min-width: 1024px) {
  header.mobile + nav {
    display: none;
  }
}

header.mobile.open + nav {
  transform: translate(0);
  box-shadow: 5px 0px 20px #eee;
}

.align .burger {
  display: none;
}



@media (max-width: 1023px) {
  nav.vertical {
    background-color: #7a9eaa !important;
	}
  nav.vertical ul{
    margin-left:15px;
	}
  
 
  
  header {
    border: 0px;
  }

  .below-navbar {
    display: none;
  }
  .topnav {
    position: relative;
    z-index: 1000;
  }
  nav {
    width: 220px;
    height: 100%;
    position: fixed;
    overflow-y: scroll;
    left: 0;
    top: 0;
    background-color: white;
  }
  

  nav::-webkit-scrollbar {
    display: none;
  }
  nav {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  header nav {
    z-index: 0;
  }
  nav .item {
    border-bottom: none;
  }
  nav .item .itemLink, nav .subitem .subitemLink {
    display: block;
    color: #f7f7f7;
    padding: 15px;
    border-bottom: 1px solid #474747;
    text-decoration: none;
    font-size:15px;
  }
    nav .item .itemLink,
  nav .subitem .subitemLink,
  #formSearch,
  header input[type="text"] {
    color:black;
  }
  #formSearch {
    float: none;
  }
  #formSearch {
    width: 100%;
    padding: 4px 15px;
    margin: 0px;
    border-bottom: 1px solid #474747;
  }
  #formSearch input {
    max-width: 100%;
    height: 36px;
  }
  #formSearch .glyphicon-search {
    margin-top: 0px;
    right: 30px;
  }
  .wrapper {
    background-color: white;
    position: relative;
    z-index: 1;

  }
  header {
    margin-left: 0px;
    width: 100%;
    overflow: hidden;
    transition: margin-left .25s ease-in-out;
    -moz-transition: margin-left .25s ease-in-out;
    -webkit-transition: margin-left .25s ease-in-out;
  }
  header.close {
    margin-left: 0px;
  }
  .wrapper {
    left: 0px;
    transition: left .25s ease-in-out;
    -moz-transition: left .25s ease-in-out;
    -webkit-transition: left .25s ease-in-out;
  }
  .wrapper.close {
    left: 0;
  }


  /* .view-subnav */
  .item.sub {
    position: relative;
  }
  .item.sub .itemLink {
    padding-right: 40px;
  }
  .item.sub.view-subnav .itemLink {
    font-weight: 600;
    padding-right: 15px;
  }
  nav .item.view-subnav {
    position: absolute;
    background-color: #3d3d3d;
    width: 100%;
    height: 100%;
    top: 0px;
    padding-top: 30px;
    z-index: 1000;
  }
  nav .subnav {
    display: none !important;
    -webkit-animation-duration: 0.3s;
      -webkit-animation-name: fadeIn;
  }
  nav .view-subnav .subnav {
    display: block !important;
    width: 100%;
    margin: 0px;
  }
  @-webkit-keyframes fadeIn {
      0% { display:none; opacity: 0;}
      1% { display: block; opacity: 0;}
      100% { display: block; opacity: 1;}
  }
  @-moz-keyframes fadeIn {
      0% { display:none; opacity: 0;}
      1% { display: block; opacity: 0;}
      100% { display: block; opacity: 1;}
  }
  @keyframes fadeIn {
      0% { display:none; opacity: 0;}
      1% { display: block; opacity: 0;}
      100% { display: block; opacity: 1;}
  }
  nav .view-subnav .subnav .subnav .subitemLink {
    padding-left: 30px;
  }

  /* icons */
  nav .glyphicon-play {
    color: #f7f7f7;
    position: absolute;
    font-size: 10px;
    top: 50%;
    margin-top: -5px;
    right: 15px;
  }
  nav .item.view-subnav .glyphicon-play, nav .glyphicon-remove {
    display: none;
  }
  nav .glyphicon-remove {
    cursor: pointer;
    position: absolute;
    z-index: 99999;
    color: #54afe9;
    right: 15px;
    top: 13px;
    font-size: 16px;
  }
}

/* CART */
header .minicart-button .cart {float: left; height: 18px; margin-top: 5px; width: 20px;}
header .minicart-button .quanti{ color: #363c3f; font-size: 11px; line-height: 33px; margin-left: 10px;}
header .minicart-button a{ cursor: pointer;  margin-right: 15px; margin-top:4px;  }
header .minicart-button .caret { color:#363c3f; margin-left: 10px;opacity: 0.5; }
header .minicart {margin-bottom:30px;}

header .cart-box {margin:0 0 0 40px; display: flex; align-items: center;}
header #cart {height:45px;float: right;padding: 0; position: relative;}
header #cart .total {font-size:14px;}
header #cart .total a {overflow:hidden;color:#222222;}
header #cart .total a:hover {overflow:hidden;color:#222222;}
header #cart .total .quantity {background:#000060;color:#FFF;border-radius:15px;width:15px;line-height:15px;position:absolute;right:15px;text-align:center;top:5px;font-size:11px;font-weight: 700;}
header #cart .overview{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; -webkit-transition: all 150ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 150ms cubic-bezier(0.77, 0, 0.175, 1);background: none repeat scroll 0 0 #fff; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); padding: 20px 25px 25px; position: absolute; right: -10px; top: 45px; width: 300px; z-index: 9999;pointer-events:none; }
header #cart:hover .overview{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; pointer-events:inherit;}
header #cart .overview .carttitle, header .minicart .overview .carttitle{ float: left; padding-bottom: 0px; width: 100%;}
header #cart .overview .carttitle strong, header .minicart .overview .carttitle strong {text-transform: uppercase;font-size:12px;}
header #cart .overview .carttitle a, header #cart .overview .carttitle span {font-size:11px;}
header #cart .overview .products { float: left; width: 100%;}
header #cart .overview .products .product, header .minicart .overview .product { border-bottom: 1px solid #d8d8d8; float: left; height: 95px; margin-bottom: 0; position:relative; padding: 10px 0; width: 100%;}
header #cart .overview .products .product .delete, header .minicart .overview .product .delete { float: left;  transform: scaleY(0.75); width: 10px; -ms-transform: scaleY(0.75); -webkit-transform:scaleY(0.75);}
header #cart .overview .products .product .delete a, header .minicart .overview .product .delete a{ color: #d8d8d8; padding: 10px; left: -30px; position: absolute; top: 25px;}
header #cart .overview .products .product .delete a:hover, header .minicart .overview .product .delete a:hover{ color: #22cde7; }
header #cart .overview .products .product .gui-up,
header #cart .overview .products .product .gui-down{ color:#333; }
header #cart .overview .products .product {display: flex;}
header #cart .overview .products .product .image,header .minicart .overview .product .image{ float: left; width: 85px;}
header #cart .overview .products .product .title,header .minicart .overview .product .title{ float: left; font-size: 12px; font-weight: bold; line-height: 12px; padding-top: 15px; width: 120px;}
header #cart .overview .products .product .title a,header .minicart .overview .product .title a{ color:#000; }
header #cart .overview .products .product .quantity, header .minicart .overview .product .quantity{ border: 0 none; float: right; font-size: 12px; font-weight: bold; height: auto; padding-left: 10px; padding-top: 15px; text-align: right; width: 30px;}
header #cart .overview .products .product .price, header .minicart .overview .product .price{ float: right; font-size: 12px; font-weight: normal; margin-top: -35px;}
header #cart .overview .sum, header .minicart .sum{float:left; width:100%; font-size:13px; margin-top:10px;color: #000;}
header #cart .overview .sum span, header .minicart .sum span{ float: right; font-weight: bold;}
header #cart .overview .sum .subsum, header .minicart .sum .subsum { color: #747474; font-size: 11px; font-style: italic; margin-bottom: 10px;}

header #cart .overview .products {border-top:1px solid #ebebeb;padding-top:4px;}
header #cart .overview .carttitle {height:20px;}
header #cart .titlee {font-size: 12px;line-height:12px;text-transform: uppercase;}
header #cart .text {line-height:12px;font-size:12px;display:inline-block;}
header #cart .text img {margin:0 0 0 -50px;  transition: margin 400ms; position:absolute;}
header #cart .total {line-height:12px;margin:0px;font-size:12px;}
header #cart .total a {padding-right:10px;}
header #cart .buttons {width:100%;position:relative;display:inline-block; display: flex; align-items: center;height: 50px;}
header #cart .buttons .bekijken {width:50%;position:relative;float:left;}
header #cart .buttons .bestellen {width:50%;position:relative;float:right;}
header #cart .buttons .bestellen .button {background:#58A9E0;}
header #cart .buttons .bestellen .button:hover {background:#000;}
header #cart .button {background:#405062;font-size:12px;text-transform:uppercase;border-radius:3px;text-align:center;padding: 7px 20px; color:white;font-weight: 900;}
header #cart .button:hover {background:#000;}
header #cart .cart-prijs {font-weight:bold;padding-top:4px;}
header #cart .deletee {padding-top:6%;}
header .link-icon-cart {position:relative}
header .link-icon-cart {font-size:30px; display: flex; align-items: center;}
header .link-icon-user {font-size:30px; margin-right: 30px;}
header .link-icon-cart .product-cart-indicator {position:absolute; right: -10px; top: 0;font-size: 12px; color: #fff; background-color: #db4242; width: 15px; height: 15px;line-height: 15px;border-radius: 50%;text-align: center;}


/* .page-tile .breadcrumbs
================================================== */
.page-title h1 {
  font-size: 1.6875em;
}
.page-title h1.product-page {
  float: left;
  margin-right: 5px;
}
@media (max-width: 767px) {
  .page-title h1 {
    font-size: 1.475em;
  }
}
.page-title .glyphicon  {
  font-size: 12px;
  top: -1px;
  float: left;
  margin-left: 5px;
  line-height: 24px;
}

.breadcrumbs, .breadcrumbs a {
  color: #797979;
  text-transform: uppercase;
  font-size: 13px;
  text-decoration: none;
}
.breadcrumbs, .breadcrumbs a:hover {
  color: #414141;
}
@media (max-width: 767px) {
  .page-title h1 {
    margin-bottom: 0px;
  }
  .breadcrumbs {
    clear: both;
    text-align: left;
    margin-top: 5px;
  }
  .breadcrumbs-slash{display:none;}

}

/* .slider
================================================== */
/* .headline */
.headline {
  margin-top: 23px;
	max-height: 325px;
  position: relative;
}
.headline.single {
  margin-bottom: 23px;
}
.headline .slider {
    border: 1px solid #e5e5e5;
}
.slider {
  width: 100%;
  position: relative;
    overflow: hidden;
}
.slider ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.slider li {
    float: left;
}
.slider img {
    display: block;
    width: 100%;
    background-color: #f7f7f7;
    height: auto !important;
}
.slider video {
    display: block;
    max-width: 100%;
    background-color: #f7f7f7;
    height: auto !important;
}


.slider-prev,
.slider-next {
    position: absolute;
    top: 50%;
    margin-top: -28px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    background-color: #414141;
    opacity: 0.15;
    padding: 5px 6px 5px 5px;
}
.headline:hover .slider-prev,
.headline:hover .slider-next,
.brands:hover .slider-prev,
.brands:hover .slider-next {
  opacity: 0.55;
}
.slider-prev {
    left: 26px;
}
.slider-next {
    right: 26px;
}
.slider-pagination {
  width: 100%;
  text-align: center;
  line-height: 0px;
  margin: 20px 0px;
}
.slider-pagination a {
  display: inline-block;
    height: 12px;
    width: 12px;
    background: #414141;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
    text-indent: -9999px;
    margin: 0px 6px;
    padding: 0px;
    border: 1px solid #54afe9;
}
.slider-pagination a.active {
    background: #54afe9;
}

/* .brands */
.brands {
  position: relative;
}
.brands .slider li {
  width: 285px;
  margin-right: -1px;
    border: 1px solid #e5e5e5;
}
.brands .slider-prev,
.brands .slider-next {
  margin-top: -14px;
}
@media (max-width: 767px) {
  .brands {
    display: none;
  }
}
@media (max-width: 992px) {
  .brands .slider li {
    width: 241px;
  }
  .brands {
    margin: 0px 0px 30px 0px;
  }
  .slider-prev,
  .slider-next {
    opacity: 1;
  }
}

@media (max-width: 768px) {
  .slider-prev,
  .slider-next {
    opacity: 0;
  }
  .slider-pagination {margin: 5px 0px;}
}

/* .categories
================================================== */
.product-listing{padding-left:0px!important;padding-right:0px!important;padding-top:20px;}
.categories {
  display: flex;
  flex-wrap: wrap;
}

.categories .category {
  border: 2px solid #ededed!important;
  margin: 1%;
  position: relative;
  width: 23%;
  border-radius: 10px;
  transition: 0.4s;
}

.categories .category:hover{transform: scale(1.01);}

.homepage-category {
  overflow: hidden;
}

.categories .category:hover {
  border: 2px solid #abc2c9 !important;
  transition: .3s;
}

.categories .category img {
  width: 100%;
  height: auto;
  position: relative;
  top: 0px;
  left: 0px;
  border-radius: 0 0 8px 8px;
}
.categories .category .homepage-category {
  width: 100%;
  padding: 7px 0;
  background: #ffffff;
  height: 38px;
  text-align: center;
  border-radius: 8px 8px 0 0;
  text-transform: uppercase;
  line-height: 16px;
}

@media (min-width: 992px) {
  .categories .category.hover span,
  .categories .category.hover img {
    opacity: 0.6;
  }
}
.sf_cat_img {
  width: 100%;
}
.categories .category span.title {
  position: relative;
  margin-top: 10px;
  font-size: 14px;
  font-weight:800;
  box-shadow: -4px 0 0 0 #414141, 4px 0 0 0 #414141;
  margin-left: 4px;
  color: #517787 !important;
}

.categories .category:hover span.title {
  color: #517787b3 !important;
}
.categories .category span.amount {
  position: absolute;
  bottom: 15px;
  right: 19px;
  font-size: 12px;
  padding: 0px 4px 0px 5px;
}
.categories .category span.amount .glyphicon {
  font-size: 10px;
  margin-right: 4px;
  opacity: 1;
  vertical-align: 1px;
}
@media (max-width: 992px) {
  .categories .category div {
    padding: 11px 14px;
  }
  .categories .category span.amount {
    bottom: 11px;
    right: 14px;
  }
}

@media(max-width: 1023px) {
  .categories .category {
    width: 31%;
  }
  .categories .category div {
    height: 25%;
  }
  .categories .category span.title {
    font-size: 14px;
  }
}

@media(max-width: 786px) {
  .categories .category {
    width: 48%;
  }
  .categories .category div {
    padding: 3px 0;
  }
}

/* .products
================================================== */
.products .col-md-10 {
  padding-right: 0px;
}
.products .col-md-10 .no-products-found {
  padding: 0px 15px;
  font-style: italic;
}
@media (max-width: 992px) {
  .products .col-md-10 {
    padding-left: 0px;
  }
}
.products .product {
  margin-bottom: 30px;
  align-items: center;
  transition: 0.2s;
  padding-left:5px;
  padding-right:5px;
}

.products .product a {
  text-decoration: none;
}
.products .imagee {
  margin-left: 8px;
  margin-right: 8px;
}
.products .deletee {
  font-size: 20px;
}
.products .product .image-wrap img {
    background-color: #f7f7f7;
    margin-right: 8px;
    border-bottom: 0px;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
  max-width: 235px;
    height: auto;
  margin:0 auto;
}

@media (min-width: 768px and max-width: 992px){
  .products .product .image-wrap img {
    max-height: 200px;
    height: 200px;
  }
}

@media (max-width: 767px) {
  .products .product .image-wrap img {
    max-width: 40vw;
    max-height: 180px;
    height: 140px;
  }
    .phnm-image-product {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }
}

.products .product .image-wrap {
  position: relative;
  border: 1px solid #e5e5e5;
  transition: 0.15s;
  overflow: hidden;
}

.products .product .info {
  transition: 0.15s;
}

.products .product:hover .image-wrap,
.products .product:hover .info {
  border: 1px solid #7a9fa99c;
  transform:scale(1.01); 
}

.products .product:hover .info a.title {
  color: #000;
}

.sf-homepage-product .image-wrap {
  height: unset !important;
  border: 1px solid #eaeaea;
}

.products .product .image-wrap .sale-new {
    position: absolute;
    background-color: #faaf0c;
    padding: 10px 20px;
    line-height: 12px;
    font-size: 16px;
    text-align: center;
    top: 0;
    right: 0;
    z-index: 1;
    text-transform: uppercase;
    color: white;
    font-weight: 900;
    border-radius: 0 0 0 4px;
}
.products .product .image-wrap .description {
  position: absolute;
  top: 0px;
  width: 100%;
  background-color: rgb(65, 65, 65);
  background-color: rgba(65, 65, 65, 0);
  height: 0px;
  overflow: hidden;
  color: #f7f7f7;
  font-size: 13px;
  -moz-transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  z-index: 2;
  line-height: 20px;
}
.products .product .image-wrap .description .text {
  overflow: hidden;
  padding: 0px 10px;
}
.products .product .image-wrap .description .stars {
  margin-bottom: 3px;
}
.products .product .image-wrap .cart {
  display: inline-block;
  position: relative;
  margin: auto;
  padding: 0px 4px;
  text-transform: uppercase;
  border: 1px solid;
  margin-top: 10px;
  text-decoration: none;
  color: #54afe9;
}
.products .product .image-wrap:hover .description {
  height: 100%;
  background-color: rgba(65, 65, 65, 0.8);
  padding: 20px;
}
.products .product .info {
  padding: 11px 15px 15px 15px;
  border: 1px solid #e5e5e5;
  height: 126px !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.related .products .product .info {
  height: 152px !important;
  border: none;
  border-top: 1px solid #e5e5e5;
  transition: .3s;
}

.related .products .product {
  padding-left: 5px;
  padding-right: 5px;
}

.related .products .product:hover .info {
  border-top: 1px solid #7a9fa978;
}

.wishlist{border:#cdcdcd solid 1px;margin-left: 8px;border-radius: 5px;}
.wishlist i{color:#7a9eaa;}
.wishlist a{display:block;padding: 12px;}
@media (max-width: 560px) {
  .products .product .info {
    height: 125px !important;
  }
  .products .product {
    padding-left: 2px;
    padding-right: 2px;
  }
  .products .product .image-wrap img {
  	max-width: initial;
    height:auto!important;
  }
}
.products .product .price-and-order {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.products .product .price-and-order .price {
  display: flex;
  flex-direction: column;
  margin-right: 5px;
}

@media(max-width: 550px) {
  .products .product .price-and-order {
    display: block;
  }
}
.products .product .price-and-order .price-top {
  font-size: 20px;
  font-weight: 900;
  line-height: 34px;
}
.products .product .price-bottom {
  font-size: 14px;
  font-weight: 900;
  color: #09b300;
}
.products .product .sf_add_to_cart {
  height: fit-content;
  color: white;
  padding: 8px 18px;
  border-radius: 4px;
  font-size: 28px;
  line-height: 30px;
  transition: 0.3s;
}
.products .product .sf_add_to_cart:hover {
  background: #1aa228;
}

  /*
.products .product .info .title {
  text-decoration: none;
  color: #414141;
  font-weight: 600;
  line-height: 20px;
  display: block;
  max-height: 40px;
 //overflow: hidden;// title hiding on small screens, removed stijn 8/12/25
  font-size:15px;
}
 */

.products .product .info a.title,
.products .product .info .title {
  text-decoration: none;
  color: #414141;
  font-weight: 600;
  line-height: 20px;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;   /* max 2 lines */
  overflow: hidden;        /* needed for line-clamp */
  height: auto !important;
  max-height: none !important;
  font-size: 15px;
}



.products .product .info .old-price {
  text-decoration: line-through;
  color: #797979;
  font-size: 12px;
}
.products .product .info.strict {
  min-height: 88px;
  height: auto;
}
.products .product .info.strict .unit-price {
  display: block;
  clear: both;
}
@media (max-width: 1023px) {
  .products .product .image-wrap .description {
    display: none;
  }
  .products .product .image-wrap .description .text {
    padding: 0px;
  }
}




/* .sidebar
================================================== */
.sidebar {
  color: #797979;
  margin-bottom: 20px;
}
.sort {
  padding-bottom: 15px;
  border-bottom: 1px solid #f0f0f0;
}
.sidebar strong {
  display: block;
  padding-top: 10px;
}

/* .price-filter */
.price-filter {
  padding-bottom: 40px;
}
.price-filter-range {
  font-size: 14px;
}
#collection-filter-price {
  height: 12px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin: 3px 4px 8px 8px;
  position: relative;
}
#collection-filter-price .ui-slider-range {
  background-color: #f7f7f7;
  border: 1px solid #e5e5e5;
  margin: -1px 0 0 -1px;
  position: absolute;
  height: 12px;
}
#collection-filter-price .ui-slider-handle {
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  border: 0;
  top: -3px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin-left: -10px;
  cursor: col-resize;
  border: 1px solid #ccc;
  background-color: white;
  outline: none;
}
.price-filter-range .min {
  float: left;
}
.price-filter-range .max {
  float: right;
}

/* select */
.sidebar select {
  display: block;
  margin-bottom: 10px;
  max-width: 100%;
}

/* nav */
.sidebar .item {
  border-bottom: 1px solid #f0f0f0;
  font-size: 14px;
  padding: 0px 0px 10px 0px;
}
.sidebar .item .itemLink {
  display: block;
  text-transform: uppercase;
  margin-top: 10px;
}
.sidebar .item .itemLink, .sidebar .item .subitemLink {
  color: #797979;
  text-decoration: none;
}
.sidebar .item .itemLink:hover, .sidebar .item .subitemLink:hover {
  color: #414141;
}
.sidebar .item .active, .sidebar .item .active:hover {
  color: #54afe9;
}
.sidebar .item .subnav .subnav {
  margin: 5px 0px 5px 10px;
}
@media (max-width: 992px) {
  .sort {
    padding-bottom: 0px;
    border-bottom: 0px;
  }
  .price-filter {
    display: none;
  }
  .sidebar {
    margin-bottom: 30px;
    margin-top: -15px;
  }
  .sidebar .item {
    display: none;
    padding-top: 10px;
    padding-bottom: 25px;
  }
  .sidebar .item.active {
    display: block;
  }
  .sidebar .item .itemLink {
    margin-top: 5px;
  }
}
@media (max-width: 767px) {
  .sidebar .item {
    border-bottom: 0px;
  }
  .sidebar {
    border-bottom: 1px solid #f0f0f0;
  }
}

/* .pager
================================================== */
.pager {
  font-size: 12px;
  color: #797979;
  margin: 0px;
  padding-top: 0px;
}
.pager .left {
  font-size: 12px;
}
.pager ul {
  border: 1px solid #e5e5e5;
}
.pager ul li {
  display: inline;
}
.pager ul li a {
  color: #797979;
  float: left;
  padding: 5px 13px;
  line-height: 20px;
  text-decoration: none;
  border-right: 1px solid #f0f0f0;
}
.pager ul li a:hover {
  color: #414141;
}
.pager ul li a .glyphicon {
  font-size: 10px;
  line-height: 18px;
}
.pager ul li:last-child a {
  border-right: 0px;
}
.pager ul li.active a {
  background-color: #f7f7f7;
}
.pager ul li.prev a {
  border-left-width: 1px;
}
.pager ul li.disabled {
  display: none;
}

/* Product page
================================================== */
.product-wrap {
  padding-top: 20px;
}

.product-wrap .product-img {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 768px) {
  .product-wrap .product-info {
    padding-left: 30px;
  }
}

/* .zoombox */
.zoombox .images {
  position: relative;
  display: block;
  border: 1px solid #e5e5e5;
}
.zoombox .images a {
  display: none;
  cursor: pointer;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  overflow: hidden;
}
.zoombox .images a.first {
  display: block;
}
.zoombox .images a img, .zoombox .thumbs a img {
  width: 100%;
  height: auto;
  background-color: #f7f7f7;
}
.zoombox .images a img.zoomImg {
  max-height: none;
}
.zoom a {
  text-decoration: none;
}
.zoombox .thumbs a  {
  display: block;
  cursor: pointer;
  border: 1px solid #e5e5e5;
  margin-bottom: 30px
}
@media (max-width: 767px) {
  .zoombox .images {
    max-width: 358px;
  }
}
.product-info .row {
  clear: both;
  margin-right: 0px;
}

.product-page-description {
  margin-bottom: 20px;
  margin-left: -15px;
}
.product-informatie {padding-left: 0 !important; margin-top: 0rem;}
.product-pagina .product-info .tabs.columns {
  margin:0px;
  height: 48px;
  border-bottom:1px solid #ebebeb;
}
.product-pagina .product-info .tabs-content {padding-top:10px;}
.product-pagina .product-info .tabs-content table {border:0px;}
.product-pagina .product-info .tabs-content table tr.even, table tr.alt, table tr:nth-of-type(2n) {background:#F5F5F5;}


.product-pagina .product-info .tabs-content #configureProfile td:last-child {
  font-weight: 700;
}

/* .product-option */
.product-info .product-option {
  border-top: 1px solid #f0f0f0;
  padding-bottom: 15px;
}
.product-configure .product-configure-variants select#product_configure_variants{
 	height: 38px;
  max-width: 400px;
}
.product-configure .product-configure-options-option,
.product-configure .product-configure-variants,
.product-configure .product-configure-custom-option {
  float: left;
  width: 360px;
  margin: 0px 15px 15px 0px;
}

.product-configure .product-configure-variants {
  margin-right: 0;
}

.product-configure .product-configure-variants label {
  font-size: 14px;
  padding-bottom: 6px;
}

.product-configure-custom,
.product-configure-variants,
.product-configure-options {
  clear: both;
}
@media (max-width: 992px) {
  .product-configure .product-configure-options-option,
  .product-configure .product-configure-variants,
  .product-configure .product-configure-custom-option {
    width: 100%;
  }
}
.product-configure-variants #product_configure_variants {
}
/* .product-price */
.product-info .product-price {
  padding-bottom: 30px;
  border-top: 1px solid #f0f0f0;
}
.product-info .product-price .options-row{
  padding-left: 15px;
  margin-right: 0;
}

.product-info .product-price .old-price {
  text-decoration: line-through;
  color: #797979;
}
.product-info .product-price .price {
  font-size: 24px;
  font-weight: 900;
  line-height: 40px;
}
.product-info .product-price .price-ex-vat{
  color: #22c533!important;
  font-weight: 800;
}
.greenbold{
  color: #22c533!important;
  font-weight: 800;
}


/* quantity */
.product-info .product-price .cart {
  line-height: 0px;
  display: flex;
}
.product-info .product-price .cart input {
  width: 50px;  
}
.product-info .product-price .cart .glyphicon-shopping-cart {
  width: 80%;
  border-radius: 12em;
}
.product-info .product-price .price-wrap .icon-check-circle,
.product-sticky-info .icon-check-circle {
  font-size: 14px !important; 
  color: #009600;
  margin-right: 4px;
} 
.product-info .product-price .price-wrap .green.voorraad {
  font-size: 14px !important; 
  color: #009600;
} 
.product-info .product-price .price-wrap .voorraad {
  font-size: 14px !important; 
  font-weight: bold;
} 
.product-info .product-price .price-wrap .green,
.product-sticky-info .price-wrap .green{
  color: #009600;
} 
.product-info .product-price .price-wrap .red {
  color: #D12C2A;
} 
.product-info .product-price .price-wrap {
  margin-bottom: 20px;
} 

.product-info .product-price .f input {
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  float: left;
  padding: 8px 5px;
}
.product-info .product-price .cart .change {
  float: left;
  height: 40px;
  background-color: #f7f7f7;
  margin-right: 10px;
  border: 1px solid #e5e5e5;
  border-left: 0px;
}
.product-info .product-price .cart .change a {
  color: #fff !important;
  display: block;
  width: 25px;
  height: 18px;
  text-align: center;
  text-decoration: none;
  line-height: 20px;
}
.product-info .product-price .cart .change a:hover {
  color: #414141;
}
@media (max-width: 480px) {
  .product-info .product-price .price {
    line-height: 24px;
  }
  .product-info .price-wrap, .product-info .product-price .cart {
    float: none;
    width: 100%;
  }
  .product-info .product-price .cart {
    margin-top: 15px;
  }
  .add-to-cart-text{font-size:10px;}
}

/* add to cart */
.product-info .product-price .btn {
  overflow: hidden;
  margin-top: -1px;
  line-height: 37px;
  height: 39px;
  padding: 0px 30px;
  border-radius:25em;
}
.product-info .product-price .btn:hover span {
  opacity: 0;
}
.product-info .product-price .btn::before {
  left: 0;
  top: -50px;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 16px;
  text-align: center;
}

#product_configure_form a.btn{
  background-color: #22c533;
  text-align:center;
}

.product-info .product-price .btn:hover::before {
  top: 2px;
}

@media (max-width: 500px) {
  .product-info.col-xs-12,
  .product-info .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 501px) {
  .product-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* .tabs */
.product-tabs {
  padding-top: 0px;
  border-top: 1px solid #f0f0f0;
}
.tabs ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.tabs ul li {
  float: left;
  width: 33.33%;
}
.tabs ul li.col-2 {
  width: 50%;
}
.tabs ul li a {
  color: #444;
    border: 1px solid #f0f0f0;
    border-top:0;
    border-right:0;
    display: block;
    padding: 15px 15px 15px 15px;
    text-decoration: none;
}
.tabs ul li:first-child a {
  border-left: 0px;
}
.tabs ul li.active a {
    border-bottom-color: transparent;
    font-weight: 600;
}
.tabs ul li.active a small {
  font-weight: normal;
}
.tabsPages {
    width: 100%;
}
.tabsPages .page {
  clear: both;
  display: none;
  overflow: auto;
  padding: 15px 0;
  width: 100%;
}
.tabsPages .page.active {
    display: block;
}
.tabsPages .page.info .details {
  margin-bottom: 20px;
}
.tabsPages .page.info .details tr td {
  padding-right: 10px;
  font-style: italic;
}
.tabsPages .page.info .details .out-of-stock {
  color: rgb(235, 97, 97);
}

/* .reviews */
.tabsPages .page.reviews .review {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid;
}
.tabsPages .page.reviews .stars {
  font-size: 10px;
  float: right;
}
.tabsPages .page.reviews .bottom {
  font-size: 12px;
}

/* .tags-actions */
.product-actions {
  padding-top: 30px;
  border-top: 1px solid #f0f0f0;
  margin: 0px;
}
.product-actions .social-media {
  line-height: 0px;
}
.product-actions .social-media .social-block {
  float: left;
  margin: 0px 15px 0px 0px;
}
.product-actions .tags-actions {
  padding-top: 0px;
  font-size: 12px;
  color: #797979;
  margin-right: 0px;
}
.product-actions .tags {
  padding-right: 0px;
}
.product-actions .tags h2 {
  font-size: 12px;
  font-weight: normal;
  margin: 0px;
  line-height: inherit;
  display: inline;
}
.product-actions .tags-actions .actions {
  padding-right: 0px;
}
.product-actions .tags-actions .actions a {
  color: #797979;
}
.product-actions .tags-actions .actions a:hover {
  color: #414141;
}
@media (max-width: 992px) {
  .product-actions .social-media {
    padding-left: 0px;
  }
  .product-actions  .tags-actions .actions {
    text-align: left;
    margin-top: 15px;
  }
  .product-actions .social-media {
    margin-bottom: 15px;
  }
  .product-actions .tags, .product-actions .actions {
    margin-left: -15px;
  }
}
@media (max-width: 767px) {
  .tabsPages .page {
    max-height: 280px !important;
    overflow-y: scroll;
  }
  .product-actions, .product-info .row {
    margin-right: -15px;
    margin-left: -15px;
  }
  .product-actions .tags, .product-actions .actions {
    margin-left: 0px;
  }
  .product-actions .social-media {
    padding-left: 15px;
  }
}

/* .related */
.related h3 {
  margin-bottom: 25px;
}
.related-title {
  padding-left: 15px;
  padding-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
}
.products .related {
  float: right;
}
@media (max-width: 767px){
  .related .product {
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
		
  }
  .products .product .info .title {
    font-size: 13px!important;
  }
  .related .product .info .title {
    font-size: 13px!important;
  }
  .related {
    padding: 0;
  }
}
ul.tabs li.tab-title a {
  width: fit-content;
  padding:10px 35px 10px 35px!important;
  font-size:14px!important;
}
ul.tabs li.tab-title a:hover {
  opacity: .9;
}
.tabs dd.active a, .tabs .tab-title.active a {background:#405062;color:#FFF;}
.tabs dd.active a:hover, .tabs .tab-title.active a:hover {background:#405062;color:#FFF;}
.tabs dd > a, .tabs .tab-title > a {background:#FFF;border-left:1px solid #EFECE8;border-top:1px solid #EFECE8;border-right:1px solid #EFECE8;}
.tabs dd > a:hover, .tabs .tab-title > a:hover {background:#FFF;}

/* footer
================================================== */
footer {
  background-color: #414141;
  color: #f7f7f7;
}
footer a, footer .links a {
  color: #f7f7f7;
}
footer .row {
  padding-top: 30px;
  padding-bottom: 30px;
}
footer hr {
  border-color: black;
  opacity: 0.085;
}
footer input[type="text"] {
  border-color: rgba(0, 0, 0, 0.085);
}

/* .social */
footer .newsletter {
  line-height: 0px;
}
footer .newsletter .title {
  display: block;
  line-height: 21px;
  float: left;
  font-weight: 600;
  font-size: 18px;
  margin: 5px 15px 5px 0px;
}
footer form {
  line-height: 0px;
  display: inline-block;
}
footer form input {
  display: inline-block;
  vertical-align: top;
}
footer form .btn {
  overflow: hidden;
  margin-top: -1px;
  line-height: 28px;
}
footer form .btn:hover span {
  opacity: 0;
}
footer form .btn::before {
  left: 0;
  top: -50px;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 16px;
  text-align: center;
}
footer form .btn:hover::before {
  top: 2px;
}
footer .contact-description {
  display: block;
  padding-bottom: 10px;
}
footer .contact .glyphicon {
  margin-right: 10px;
}

/* .social-icons */
.social-media {
  line-height: 0px;
}
.social-media .social-icon {
  display: inline-block;
    background-image: url(social-icons.png);
    background-repeat:no-repeat;
    overflow:hidden;
    width:32px;
    height:32px;
    opacity: 0.7;
}

.secure-icon {
display: inline-block;
    background-image: url(norton.png);
    background-repeat:no-repeat;
    overflow:hidden;
    width:200px;
    height:77px;
    opacity: 0.8;
}

.social-media .social-icon:hover {
  opacity: 1;
}
.social-media .social-icon.facebook { background-position: 0px 0px; }
.social-media .social-icon.twitter { background-position: -32px 0px; }
.social-media .social-icon.google { background-position: -64px 0px; }
.social-media .social-icon.pinterest { background-position: -96px 0px; }
.social-media .social-icon.youtube { background-position: -128px 0px; }
.social-media .social-icon.tumblr { background-position: -160px 0px; }
.social-media .social-icon.instagram { background-position: -192px 0px; }

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1) {
  .social-media .social-icon {
      background-image: url(social-icons-2x.png);
      background-size: cover;
  }
}

@media (max-width: 767px) {
  footer a {
    line-height: 25px
  }
  footer form {
    margin: 10px 0px;
  }
  footer .links ul {
    margin-bottom: 15px;
  }
  footer .contact {
    margin-bottom: 5px;
  }
  footer .newsletter .title {
    margin: 0px 0px 15px 0px;
    float: none;
  }
  footer .newsletter input {
    max-width: 160px;
  }
  footer form .btn {
    line-height: 37px;
  }
  footer .social-media, footer .newsletter {
    text-align: center;
  }
  footer .social-media {
    margin-top: 15px;
  }
}
footer .hallmarks {
  margin-top: 30px;
}
/* .copyright-payment */
.copyright-payment {
  color: #6c6c6c;
  font-size: 12px;
  background-color: #3d3d3d;
  padding-top: 15px;
  padding-bottom: 15px;
}
.copyright-payment .row {
  padding-top: 0px;
  padding-bottom: 0px;
}
.copyright-payment .copyright {
  opacity: 0.4;
}
.copyright-payment .copyright a {
  color: #969696;
  opacity: 0.7;
}
.copyright-payment .payments {
  line-height: 12px;
}
.copyright-payment .payments img {
  display: inline-block;
  height: 22px;
  width: auto;
  line-height: 35px;
  margin-left: 7px;
}

/* DE */
.strict-shipping {
  padding-top: 0px;
}
.shipping-cost {
  display: block;
  text-align: right;
  width: 100%;
}
.shipping-cost.collection {
  margin-bottom: 30px;
}

/* GUI
================================================== */
.gui {
  margin-top: 5px;
}
.gui a.gui-button-large,
.gui a.gui-button-small,
.gui-block,
.gui-block.gui-closed .gui-block-title,
.gui-block-option,
.gui-block-option img.gui-border,
.gui-block-option-block,
.gui-block-title span,
.gui-image,
.gui-input,
.gui-text,
.gui-messages ul,
.messages ul,
.gui-number,
.gui-popover,
.gui-popover-bg,
.gui-popover-content,
.gui-popover-title a,
.gui-select,
.gui-table,
.gui-block-content .gui-mask,
.gui-block-content {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
.gui .gui-progressbar {
  background-color: transparent;
}
.messages {
  margin-top: 30px;
  margin-bottom: 0px !important;
}



/*added 20-02-20258/
/***** Base Container Styles *****/
.gui-messages,
.messages {
  width: 100%;
  line-height: 20px;
  margin-bottom: 30px;
	font-size: 100% !important;
 
}

/***** Default / Info Messages *****/
/* Adjust these colors to match your shop’s primary or accent color */
.gui-messages ul,
.messages ul {
  position: relative;
  margin: 10px 0;
  padding: 10px 15px;
  list-style-type: none;
  border-radius: 8px !important;        /* Rounded corners */
  border-left: 4px solid #3B5998 !important; /* Thicker left border highlight */
  
  color: #3B5998;
  background: #ECEFF5;
  /* If you prefer no full border, remove the next line or change it to match background. */
  border: 2x solid #3B5998 !important;
}

/***** Error Messages *****/
.gui-messages ul.gui-error {
  color: #A94442 !important;       /* Slightly calmer red text */
  background: #F2DEDE !important;  /* Softer pastel background */
  border-left-color: #A94442 !important;
  border: 2x solid #A94442 !important;
}

/***** Success Messages *****/
.gui-messages ul.gui-success {
  color: #3C763D !important;
  background: #DFF0D8 !important;
  border-left-color: #3C763D !important;
  border: 2x solid #3C763D !important;
}

/***** Warning Messages *****/
.gui-messages ul.gui-warning {
  color: #8A6D3B !important;
  background: #FCF8E3 !important;
  border-left-color: #8A6D3B !important;
  border: 2px solid #8A6D3B !important;
}





/* Verberg betalen op factuur - leveren op rekening aan de frontend kant */
.gui-checkout-payment-provider.gui-payment-provider-invoice {
  display: none;
}

/* Sticky product card */
.product-sticky-block {
	max-width:1370px;
	margin:0 auto;
  display: flex;
}
#product-sticky {
  background: #fff;
  position: fixed;
  z-index: 800;
  width: 100%;
  box-shadow: 0 0.313em 0.625em 0 rgb(0 0 0 / 5%);
  opacity: 0;
  height: 72px;
  transform: translateZ(4px);
  pointer-events: none;
	left:0;
  transform: translateY(-100px);
  transition: all .55s cubic-bezier(.68,-.55,.27,1.55);
  padding: 0 var(--pageWidthPadding);
  border-top: 2px #f7f7f7 solid;
}

.product-sticky-image,.product-sticky-info,.product-sticky-buy {
  position:relative; 
  height: 72px;
}
.product-sticky-image {
  display: flex;
  align-items: center;
  width: 10%;
}
.product-sticky-image img {
  margin-right: 15px;
}
.product-sticky-info {
  width:60%!important;
}
.small-sticky {
  width: 70px; 
}
#product-sticky .icon-cart {
  font-size: 16px !important; 
  color: #fff; 
  margin-right: 0.5rem;
}
#product-sticky .shopping-cart {
  width:100%;
  height:45px;
  line-height:6px;
  border-radius:4px;
  background:#22c533;
  font-size:14px;
  font-weight:bold;
}
#product-sticky .shopping-cart:hover {
  opacity: .9;
  text-decoration:none;
}
#product-sticky .price {
  font-size: 18px;
}
.product-sticky-buy {
  width: 30%; 
  margin-top: 7px; 
  float: right;
}

.product-sticky-buy .sticky-desktop {
  display: none;
}

@media (min-width: 1024px) {
  .product-sticky-buy .sticky-desktop {
    display: block;
  }
  
  .product-sticky-buy .sticky-mobile {
    display: none;
  }
}

.product-sticky-buy-mobile {
  width: 10%; 
  margin-top: 0; 
  float: right;
}
#product-sticky.is-active { 
  opacity: 1; 
  pointer-events: all; 
  transform: translateY(0)!important;
}
#product-sticky .product-details a {
  color: white;
  line-height: 44px;
  text-align: center;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.sticky-title {
  margin-bottom: 0px;
}
@media(max-width: 1400px) {
  #product-sticky {padding: 5px 15px;}
}
@media(max-width: 1023px) {
  #product-sticky .sticky-title {margin-top: 5px; overflow: hidden;text-overflow: ellipsis; max-width: 600px; max-height: 1.5em;}
}
@media(max-width: 992px) {
  .product-sticky-block {
    margin-left: 20px;
    margin-right: 20px;
  }
  #product-sticky .product-sticky-buy .product-details{
    width: 24%;
    float: right;
  }
}
@media(max-width: 400px) {
  .product-sticky-block {
    margin-left: 5px;
  }
}
@media(max-width: 786px) {
  #product-sticky .product-sticky-buy {
    margin-top: 0;
  }
}
@media(max-width: 768px) {
  #product-sticky {padding: 5px; height: 70px;}
  #product-sticky .product-sticky-image{position:relative; top: -10px; width: 20%; margin-right: 15px;}
  #product-sticky .product-sticky-buy{width: 15%}
  #product-sticky .sticky-title {margin-top: 5px; overflow: hidden;text-overflow: ellipsis; max-height: 1.5em;}
  #product-sticky .price {font-size: 18px;}
  #product-sticky .icon-cart {font-size: 18px !important; margin-left: 5px;}
  #product-sticky .shopping-cart {top: 7px; margin: 0;left:-14px;width:45px}
}
@media(max-width: 375px) {
  #product-sticky .sticky-title {max-width: 230px;}
}
@media(max-width: 320px) {
  #product-sticky .sticky-title {max-width: 200px; font-size: 12px;}
}
.display-inline {display: inline; margin-left: 10px;}
.gui-col2-big-col1 .gui-right {float: right !important; background-color: #55aeeb !important; text-transform: uppercase; margin-bottom: 20px !important; border-color: transparent !important; border-radius: 5px !important; height: 40px;}
.gui-col2-big-col1 .gui-right .gui-button-small {float: right !important; background-color: transparent !important; color: #ffffff !important; border: none !important; line-height: 38px !important;}

.gui-login-registered .gui-form .gui-right {float: right !important; background-color: #7c9ea9 !important; border-color: transparent !important; border-radius: 5px !important; height: 40px;}
.gui-login-registered .gui-form .gui-right .gui-button-small {float: right !important; background-color: transparent !important; color: #ffffff !important; border: none !important; line-height: 38px !important;}

.gui-login-registered .gui-form label {font-weight: bold;}