/* 
Theme: InStijl Media Unity Theme
Developer: InStijl Media

License: InStijl Media
License URI: http://www.instijlmedia.nl
Platform: Lightspeed
*/

.gui {padding-top: 30px;}
#page .gui-block, #page .gui-block-title, #page .gui-buttons.gui-border, #page .gui-block-inner, #page .gui-image {border-color:#ddd;}
#page .gui-input, #page .gui-text, #page .gui-select, #page .gui-number {border-color:#ddd;}
#page .gui-block-subcontent {font-size:14px;line-height:normal;}
#page .gui-block-subtitle {padding: 10px 15px;float:left;width:100%;}
#page .gui-block-subcontent {border: 1px solid #ddd;padding:10px 15px;margin-bottom:15px;float:left;width:100%;}
.gui-form input[type="radio"], .gui-checkout .gui-form .gui-left[type="radio"] {width: 20px;}
#page .gui-form input[type="radio"], .gui-checkout .gui-form .gui-left[type="radio"] {width: 20px;height: 20px;margin: 3px 3px 3px 0px;}
.gui-form input[type="radio"]:checked::before {content: "";width: 10px;height: 10px;border-radius: 50%;display: block;position: absolute;margin: 3px;}
.gui-form .gui-checkbox label, .gui-form .gui-radio label {display:inline-block;float: left;line-height: 20px;}
.gui-form #gui-block-billing-address .gui-radio label {margin: 3px 5px;padding-bottom: 5px;}
#gui-block-review .gui-confirm-buttons {margin-bottom: 30px;}
#page #gui-block-billing-address a {color:#fff;}
.cart-product .cart-product-info ul {margin:0px -5px;}
.cart-product .cart-product-info .cart-bundle-product {display:block;float:left;margin: 5px 5px;width:100%;}
.cart-product .cart-product-info .cart-bundle-product a {float: left;max-width: 60px;position:relative;}
.cart-product .cart-product-info .cart-bundle-product img {border:1px solid #ddd;}
.cart-product .cart-product-info .cart-bundle-product strong {display:block;}
.cart-product .cart-product-info .cart-bundle-product .product-info {float: left;padding-left:15px;}

/* Progressbar */
.gui-progressbar{margin:0 0 60px;padding:0;border:0;background:none!important;color:#000;font-size:1em;font-weight:700;text-align:center}
.gui-progressbar * {float:none;width:auto;height:auto;margin:0;padding:0;border:0;background:none;line-height:1.3}
.gui-progressbar ul{position:relative;list-style:none;}
.gui-progressbar ul:before{content:"";display:block;position:absolute;left:0;top:15px;right:0;height:5px;background:#eee}
.gui-progressbar ul li{float: left;display: block;text-align: center;position:relative;z-index:2;font-size:14px;width: 20%;}
.gui-progressbar ul li:before{display:block;overflow:hidden;position:absolute;left:50%;top:0;z-index:1;width:40px;height:40px;margin:0 0 0 -18.8px;border-radius:99px;border:1px solid #E0E0E0;background:#fff;color:#bdbdbd;font-weight:700;font-size:18px;line-height:37px;text-align:center}
.gui-progressbar ul li.gui-active:before,.gui-progressbar ul li.gui-done:before{box-shadow:0 0 2px #bdbdbd;border-color:#27AE60;background:#27AE60;color:#fff}
.gui-progressbar ul li a{display:block;position:relative;z-index:2;padding:49px 0 0;color:#000;display: block;margin: 0 0px;color: inherit;white-space: nowrap;text-overflow: ellipsis;text-transform:uppercase;overflow: hidden;text-decoration: none;font-weight:700}
.gui-progressbar ul li a:before {content: "";background: #0bb8e1;float: left;height:5px;width:0%;position: absolute;top:15px;left: 0px;}
.gui-progressbar ul li.gui-active a {color: #0bb8e1;}

.gui-progressbar ul li.gui-active a:before {width:50%;}
.gui-progressbar ul li.gui-active a span {background: #ace1f5;border-color:#ace1f5;color: #fff;}
.gui-progressbar ul li.gui-done a {color: #0bb8e1;}
.gui-progressbar ul li.gui-done a span {background:#0bb8e1;border-color:#0bb8e1;color: #fff;}
.gui-progressbar ul li.gui-done a:before {width:100%;}
.gui-progressbar ul li a span {display: block;overflow: hidden;position: absolute;left: 50%;top: 0;z-index: 1;width: 37px;height: 37px;margin: 0 0 0 -18.8px;border-radius: 99px;border: 1px solid #E0E0E0;background: #fff;color: #bdbdbd;font-weight: 700;font-size: 18px;line-height: 34px;text-align: center;}
.gui-progressbar ul li a span:after {content:"";}
.gui-blogshort .gui-blog-article-image .gui-blog-article-content, .gui-blogshort .gui-blog-article-image footer, .gui-blogshort .gui-blog-article-image header {width:auto;padding-left:unset;}

#gui-form .gui-field > label {height:auto;}
.form-cart {float:left;width:100%;}
.form-cart h1 {font-size:24px;margin-top:15px;}
.form-cart p {font-size:14px;}
#gui-form-cart {float:left;width:100%;}
#gui-form-cart .not-found {background: #f7f7f7;border: 1px solid #ddd;display: block;text-align: center;padding: 30px; margin-bottom: 15px;width: 100%;}
#gui-form-cart .list-cart-main {margin-bottom:15px !important;}
#gui-form-cart .list-cart-main ul.heads {background: #eee;border:1px solid #ddd;padding: 5px 0px !important;margin-bottom:15px;}
#gui-form-cart .list-cart-main th {border-bottom:1px solid #ddd;padding:10px 0px;}
#gui-form-cart .list-cart-main .cart-product {border-bottom:1px solid #ddd;}
#gui-form-cart .list-cart-main .cart-product .cart-product-image {padding:0px 15px;width:100px;height:auto;vertical-align: middle;}
#gui-form-cart .list-cart-main .cart-product .cart-product-info {font-size: 14px;padding:15px;width:45%;vertical-align: middle;}
#gui-form-cart .list-cart-main .cart-product .cart-product-info .cart-product-variant {color: #888;}
#gui-form-cart .list-cart-main .cart-product .cart-product-info .cart-product-options i {font-size: 16px;padding-right:5px;vertical-align: middle;}
#gui-form-cart .list-cart-main .cart-product .cart-product-info .cart-product-options span {vertical-align: middle;}
#gui-form-cart .list-cart-main .cart-product .cart-product-stock {}
#gui-form-cart .gui-number .gui-value {position:unset;height: auto;left: auto;right:auto;padding:0px;overflow: inherit;}
#gui-form-cart .gui-number .gui-handle {border:0px solid;position:unset;right:auto;}
#gui-form-cart .list-cart-main .cart-product .quantity {border: 0px solid;display:inline-block;float:none;vertical-align:middle;margin-bottom:0px;vertical-align: middle;min-width:83px;}
#gui-form-cart .list-cart-main .cart-product .quantity .change {float: left;}
#gui-form-cart .list-cart-main .cart-product .quantity a.up {border: 1px solid #ddd;border-left: 0;box-sizing: border-box;background: #fff;color: #000;display: block;width: 22px;height: 26px;text-align: center;text-decoration: none;text-indent: unset;line-height:22px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#gui-form-cart .list-cart-main .cart-product .quantity a.up:hover {background: #ECECEC;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#gui-form-cart .list-cart-main .cart-product .quantity a.up i {font-size: 22px;}
#gui-form-cart .list-cart-main .cart-product .quantity a.down {border: 1px solid #ddd;border-top: 0;border-left: 0;box-sizing: border-box;background: #fff;color: #000;display: block;width: 22px;height: 22px;text-align: center;text-decoration: none;text-indent: unset;line-height: 22px;}
#gui-form-cart .list-cart-main .cart-product .quantity a.down:hover {background: #ECECEC;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#gui-form-cart .list-cart-main .cart-product .quantity a.down i {font-size: 22px;}
#gui-form-cart .list-cart-main .cart-product .quantity input[type="number"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 1px solid #ddd;border-top-right-radius: 0px;border-bottom-right-radius: 0px;width: 44px;height: 48px;float: left;padding:5px 8px;text-align: center;margin-bottom:0px;}
#gui-form-cart .list-cart-main .cart-product .quantity input[type="number"]::-webkit-outer-spin-button,
#gui-form-cart .list-cart-main .cart-product .quantity input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0;}
#gui-form-cart .list-cart-main .cart-product .quantity .remove {display:inline-block;font-size:13px;line-height: 48px;}
#gui-form-cart .list-cart-main .cart-product .price {display:inline-block;line-height:48px;}
#gui-form-cart .list-cart-main .cart-product .old-price {color: #999;font-size: 14px;font-weight: normal;line-height: normal;text-decoration: line-through;}
#gui-form-cart .list-cart-main .cart-product .new-price {display:inline-block;line-height: normal;}
#gui-form-cart .list-cart-main .cart-product .cart-product-price {font-size:18px;font-weight:bold;text-align:right;margin-bottom:15px;vertical-align: middle;}
#gui-form-cart .list-cart-main .cart-product .cart-product-info .stock-message{ font-size:12px;font-style:italic; }

.btn-continue i{display:inline-block;float:none;font-size: 28px;vertical-align: middle;margin-right: -15px;}
.btn-continue span {display:inline-block;float:none;vertical-align: middle;}
.coupon.list-submit {float:right;max-width:50%;}
#cart-sidebar .cart-order {background: #f7f7f7;border:1px solid #ddd;float:left;padding:30px 30px;margin-bottom:15px;width:100%;}
#cart-sidebar .cart-order .list-total {width:100%;}
#cart-sidebar .cart-order .list-total {font-size: 14px;line-height:32px;}
#cart-sidebar .cart-order .list-total tr.grand-total {font-size:16px;line-height:38px;}
#cart-sidebar .cart-order .list-total tr td:nth-child(2) {text-align:right;}
#cart-sidebar .cart-order .list-total tr td.color-green {color:#00963f;}
#cart-sidebar .cart-order .cart-usp {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 15px 0px;margin: 15px 0px;}
#cart-sidebar .cart-order .cart-usp .list-usp .item-usp, #cart-sidebar .cart-order .cart-usp .ism-product-countdown {display: block;font-size:15px;line-height:2.5;}
#cart-sidebar .cart-order .cart-usp i {font-size: 20px;padding-right:10px;vertical-align: middle;}
#cart-sidebar .cart-order .cart-usp strong, #cart-sidebar .cart-order .cart-usp span {}

#cart-methodes .payments {text-align:left;}
#related .productborder {float:left;padding: 0px 15px;margin-bottom:30px;position:relative;}
#related .productborder .product-overlay {position: absolute;pointer-events:none;z-index: 0;top: 0;right: 0;width: 100%;height:100%;box-sizing: border-box;opacity: 0;-webkit-transform: scale(0.9, 0.9);transform: scale(0.9, 0.9);-webkit-transform-origin: top center;transform-origin: top center;transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;transition: opacity 0.2s ease-out, transform 0.2s ease-out;transition: opacity 0.2s ease-out, transform 0.2s ease-out, -webkit-transform 0.2s ease-out;}
#related .productborder:hover .product-overlay {border:1px solid #ddd;-webkit-transform: none;transform: none;opacity: 1;}
#related .productborder .product {position:relative;}
.productborder .product .thumbnails {opacity:0;visibility: hidden;z-index:0;position: absolute;top:0px;left: -80px;bottom:0px;background:#fff;border-color:#ddd;padding-top:10px;-webkit-transform: scale(0.9, 0.9);transform: scale(0.9, 0.9);-webkit-transform-origin: top right;transform-origin: top center;transition: opacity 0.2s ease-out, -webkit-all 0.2s ease-out;transition: opacity 0.2s ease-out, all 0.2s ease-out;transition: opacity 0.2s ease-out, all 0.2s ease-out, -webkit-all 0.2s ease-out;}
.productborder:hover .product .thumbnails {opacity:1;visibility: visible;left:-80px;border:1px solid #ddd;border-right:0px;-webkit-transform: none;transform: none;display:block;border-right: 0px;z-index:99;}
#related .productborder .product .product-image .wishlist-login {position: absolute;top:10px;right:-5px;background: #fff;border-radius: 50%;color: #ff6664;font-size:22px;text-align: center;line-height: 40px;height: 40px;width: 40px;z-index: 9;}
#related .productborder .product .product-image {overflow:hidden;}
#related .productborder .product .product-image img {-webkit-animation: zoomIns 3s;animation: zoomIns 3s;-webkit-transition: -webkit-transform 3s cubic-bezier(.19,1,.22,1);transition: -webkit-transform 3s cubic-bezier(.19,1,.22,1);transition: transform 3s cubic-bezier(.19,1,.22,1);transition: transform 3s cubic-bezier(.19,1,.22,1),-webkit-transform 3s cubic-bezier(.19,1,.22,1);}
#related .productborder.zoom:hover .product .product-image img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
#related .productborder .product .product-image .wish {position: absolute;top:30px;right:15px;background: #fff;border-radius: 50%;color: #ff6664;font-size:22px;text-align: center;line-height: 40px;height: 40px;width: 40px;z-index:7;}
#related .productborder .product .stars-none.filler {display:block;height:24px;}
#related .productborder .product .stars .fa-star {color: #f39200;font-size: 13px;}
#related .productborder .product .stars .fa-star.o {color:#ddd;}
#related .productborder .product .product-title .label-state {height: 24px;line-height: 24px;}
#related .productborder .product .product-title a.title {float: left;font-size:18px;height: 3rem;line-height: 1.5;display:-webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%;}
#related .productborder .product .product-title a:hover {color:#000;}
#related .productborder .product .product-title a strong {color: #424242;display:inline-block;font-size: 1rem;font-style: normal;font-weight: 400;line-height: 1.4; margin-bottom: 0.5rem;text-rendering: optimizeLegibility;width:100%;}
#related .productborder .product .product-price .price-old {color: #999;font-size: 14px;vertical-align: middle;padding-right:5px;}
#related .productborder.thumb:hover .product .product-overlay {border-left: 0px solid;}
#related .productborder .product .instock span,
#related .productborder .product .outstock span {font-weight:bold;vertical-align: middle;}
#related .productborder .product .instock {color: #009544;font-size: 14px;display: inline-block;padding-bottom: 30px;width: 100%;}
#related .productborder .product .instock i {color: #009544;font-size: 18px;vertical-align: middle;}
#related .productborder .product .outstock {color:#e62117;font-size: 14px;display: inline-block;padding-bottom: 30px;width: 100%;}}
#related .productborder .product .outstock i {color:#e62117;font-size: 18px;font-weight: bold;vertical-align: middle;}
#related .productborder .product .product-cart {display:block;padding-bottom:30px;}

/* Custom GUI styles */
.gui-page-title, .gui h1, .gui h2, .gui h3, .gui h4, .gui h5, .gui h6{ font-weight:normal!important; }
.gui-block-title{ font-size:15px;padding:15px; }
#page .gui-block-subcontent{ border:0;padding:0;padding-top: 10px; line-height: 16px; }
#page .gui-block-subtitle{ padding:0;line-height:1.5;color:#000;padding-bottom:10px; }
.gui a.gui-button-link{ text-decoration:underline; }

/* Gui Form */
.gui .gui-form{ margin-top:0; }
.gui-form .gui-checkbox label, .gui-form .gui-radio label{ line-height:27px;padding-left:5px;padding-bottom:5px; }
#gui-form .gui-field > label{ font-weight:bold;font-size:13px;line-height:1.2; }
.gui-button-small.gui-button-outline{ background:#fff!important;border:1px solid #ddd!important;color:#000!important; }

/* GUI Checkout */
#gui-form-newsletter + label, #gui-form-newsletter{ display:none; }
.gui.gui-checkout{ padding-top:0; }
#gui-form-login .gui-field{ padding-bottom:0; }
.gui-checkout .gui-separator{ background-color:#fff!important; }
.gui-form #gui-block-billing-address .gui-radio label{ margin:0; }
.gui-payment-method input[type="radio"], .gui-payment-method .gui-left[type="radio"]{ margin: 7px 8px 3px 0!important; }
.gui a.gui-button-large.gui-button-action{ font-size:15px;padding:0px 20px!important; }
.gui-checkout .gui-form a.gui-button-social{ width:100%;margin-bottom:5px; }
.gui-checkout .gui-separator{ margin: 2px 0 2px 0; }


@media(min-width:640px){
  .gui-checkout #gui-block-method .gui-position-bottom{ bottom:15px; }
}

@media(max-width:767px){
  .gui-field-content{ padding-left: 27px;margin-top:0; }
  .gui-checkout .gui-separator{ display:none!important; }
	.gui-checkout .gui-form .gui-right{ width:100%!important; }
  .gui-checkout .gui-form a.gui-button-small:first-child{ float:left;width:49%; }
  .gui-checkout .gui-form a.gui-button-small:last-child{ float:right;width:49%; }
  #gui-block-method .gui-form a.gui-button-small:first-child,
  #gui-block-method .gui-form a.gui-button-small:last-child,
  .gui-div-cart-coupons .gui-button-small{ float:left!important;width:100%!important; }
  .gui-payment-method-service > label { line-height:5px!important; }
  .gui-blog table { display:block;width:100%!important;overflow-x:scroll;white-space:nowrap; }
  .gui-blog table td { padding-right:15px; }
}