PageSourceSearch

https://www.erlikkaffe.no/cart

html erlikkaffe.no collected 2026-09-30 12:21:39 UTC 198,950 bytes, 6,549 lines download raw bytes

1<!DOCTYPE html>
2<html lang="no">
3<head>
4    <meta charset="UTF-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
7    <title>
8                    Handlekurv - =Kaffe
9            </title>
10
11    
12    
13            <meta property="og:title" content="Handlekurv - =Kaffe" />
14        <meta property="og:type" content="website" />
15        <meta property="og:image" content="/users/erlikkaffe_mystore_no/logo/Header04.07.215." />
16    
17    
18        
18<script type="text/javascript">var currentPage = 'cart.php'; </script>
18
19
20    
20<script>
21
22 //Cart products Object
23  var _cartProducts = [];
24  var _catPorducts = [];
25
26  
27 
28 </script>
28
29
30
31    
31<script>
32    // Making language accessible
33        var current_lang_code = 'no';
34        var current_currency_code = 'NOK';
35        var productPageSwiperLoaded = true;
36        var languages = {
37        sort: 'Sorter produkter ',
38        manufacturer: 'Produsenter',        addedToCart: 'Varen ble lagt til i handlekurven din!'
39        }
40
41        var settings = {
42        dockedHeader: false,
43        lazyLoad: false,
44        advancedSearch: false,
45        advancedQuantity: false,
46        productAdvancedQuantity: true,
47        headerMegamenuShowBrandsTabbed: false,
48        infiniteScrolling: false,
49        advancedAjaxSearch: false,
50        currentPage: 'cart.php',
51        productBoxesPerMobile: 'col-6',
52        productGridAdvancedImages: true,
53        productGridAdvancedImagesTimeout: 1500,
54        advancedPopupOnPurchase: false,
55        americaTrimTextMobile: false,
56        americaEnableOptimization: false        };
57
58        var customer_group = "";
59                        var user_is_club_member = false;
60        
61                var user_is_company = false;
62        
63        var _cartTotals = {
64        'sidebar_cart_num_items': '0',
65        'sidebar_cart_total': '0,-',
66        'sidebar_cart_total_raw': '0',
67        };
68
69            </script>
69
70
71    
71<script type="text/javascript">
72        var show_q_in_stock = false;
73    </script>
73
74            
75
76
77
78<link rel="canonical" href="https://www.erlikkaffe.no/cart">
79
80
81
82
83            <meta name="csrf-token" content="4_a2kwqrsWtV1OavuvWI1M9DAgH13nAYda4b6TWNLC" />
84    
85
86<base href="//www.erlikkaffe.no">
87
88
89<link type="text/css" rel="stylesheet" href="global.css.php?version=a1749030662&amp;host=erlikkaffe_mystore_no" />
90<link type="text/css" rel="stylesheet" href="/css/ck4.css" />
91
92
93<script>
94	var params = {
95        load_fancybox:'1',
96        is_checkout:'0',
97        defaultLang: 'no',
98        langCode: ''
99    };
100</script>
100
101
102
103
104            
104<script type="text/javascript" src="https://erlikkaffe-i01.acendycdn.com/production/assets/localization/781592fc906423adb1885cb926ae54d23f6254a2-nb-NO.js?v=4.2026.09.30.15"></script>
104
105    
106
107<script type="text/javascript" src="global.js.php?version=1749030662&amp;v2&amp;host=erlikkaffe_mystore_no"></script>
107
108
109<script type="text/javascript">
110var cart_text_update = 'Oppdater';
111var cart_text_remove_singular = 'Fjern valgt produkt';
112var cart_text_remove_plural = 'Fjern valgte produkter';
113</script>
113
114
115
116
117
118
119	
120<script>
121    let anonip = '';
122
123    
124        window.dataLayer = window.dataLayer || [];
125        function gtag(){dataLayer.push(arguments);}
126    
127
128    gtag('js', new Date());
129
130    </script>
130
131
132<script type="text/javascript">
133    
134        
135    
136</script>
136
137
138	
139		
140
141
142                        
142<script>
143        var _CrallConfig = {
144            features:{
145                recommendations:{
146                    usePreload:true,
147                                    },
148                                reviews:{}
149            },
150            pk:13669
151        };
152
153        function renderNativeMystoreProducts(elm, products, callback, ...rest) {
154            console.log("Reccomendations hook triggered");
155            console.log(products);
156            var template = products.template;
157            var products = products.products;
158
159            if (products.length > 0){
160                $.post('/product_box.php?action=crall', { action: 'crall', data: JSON.stringify(products) }, function(resp){
161                    var $products_html = $('<div class="products-injected products-list row">' + resp + '</div>');
162                    var cssClasses = 'col-6 col-md-4 col-lg-4 col-xl-2 plr5';
163
164                    if (typeof customCrallClasses == 'function') {
165                        cssClasses = customCrallClasses();
166                    }
167
168                    $products_html.find('.product-box').wrap('<div class="'+ cssClasses +'"></div>');
169
170                    $(elm).html($products_html);
171                    $('.products-injected .lazyloaded').lazyload();
172
173                    var crallRenderInterval = setInterval( function(){
174                        if (typeof crallProductsHook === 'function'){
175                            clearInterval(crallRenderInterval);
176                            crallProductsHook('loaded', elm, callback, products, template);
177                        }
178                    }, 50);
179                });
180            }
181        }
182
183        function renderNativeMystoreSarch(elm, data, callback) {
184            console.log("REACT Native search");
185            if (data.products.length > 0){
186                $.post('/product_box.php?action=crall', { action: 'crall', data: JSON.stringify(data.products) }, function(resp){
187                    var $products_html = $('<div class="col-md-12"><div class="products-injected products-list row">' + resp + '</div></div>');
188                    var cssClasses = 'col-6 col-md-4 col-lg-4 col-xl-2 plr5';
189
190                    if (typeof customSeachCrallClasses == 'function') {
191                        cssClasses = customSeachCrallClasses();
192                    }
193
194                    $products_html.find('.product-box').wrap('<div class="'+ cssClasses +'"></div>');
195
196                    $('.crall-search-filter-right > .crall-search-product-result').html($products_html);
197                    $('.products-injected .lazyloaded').lazyload();
198
199                    if (typeof crallSearchProductsHook === 'function'){
200                        crallSearchProductsHook('loaded', elm, callback, data.products);
201                    }
202                });
203            }
204
205        }
206        </script>
206
207
208        
208<script type="text/javascript">(function(){
209                var cc=document.createElement('script');cc.type='text/javascript';cc.async=true;cc.src='https://cdn.crall.io/w/widgets.js?v=4';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(cc, s);})();
210        </script>
210
211        
212    
212<script type="text/javascript">var __crallEmail='';var __crall_id=13669; (function(){
213            var cc=document.createElement('script');cc.type='text/javascript';cc.async=true;cc.src='https://cdn.crall.io/t/client.js?v=4';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(cc, s);})();
214    </script>
214
215    
216
217
218
219
220
221
222
223
224	
225	
226	
227	
228	
229
230
231    
231<script defer src="templates/global/mystore/emojis.js?v=6"></script>
231
232
233
234
235
236    
236<script type="text/javascript">
237                if (typeof $ !== 'undefined' && typeof $.ajaxSetup === 'function') {
238            $.ajaxSetup({
239                headers: {
240                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
241                }
242            });
243        }
244
245                    </script>
245
246    
247    
248    
249            
250        
250<script src="/templates/america/js/bootstrap-tabcollapse.js" ></script>
250
251        
251<script src="/templates/america/js/jquery.colorbox-min.js" ></script>
251<!--Move to Global JS -->
252        <link rel="stylesheet" href="/templates/america/css/colorbox.css"  /><!--Move to Global CSS -->
253    
254
255    
256            <div class="popup_dark_bg" style="display: none;"></div>
257<div class="popup_wrapper" style="display: none;">
258	<div class="tabs_title">
259    <h4 class="p20 m0">Lagt til i handlekurven</h4>
260
261      <a href="javasctip:void(0)" onclick="continueShopping()" class="close-popup-america">
262        <i class="fa fa-2x fa-times pull-right pr10 pt10" aria-hidden="true"></i>
263      </a>
264	</div>
265  <div class="info_wrapper">
266  	<section id="newitemsp" class="tabs_content" style="display: block;">
267  		<div class="singular_product mt0">
268        <div class="left_part col-md-12 col-sm-12">
269          	<div class="row">
270              <div class="image image-newitem col-4 col-md-3 col-sm-3 col-xs-3">
271              </div>
272              <div class="col-8 col-md-8 col-sm-9  col-xs-9 title_wrapper">
273                <h4 class="product_title" style="font-size: 16px;"></h4>
274                <h5 style="font-size: 14px;"></h5>
275                <span class="productPrice" style="font-size: 14px;"><strong></strong></span>
276              </div>
277      		</div>
278        </div>
279        <div class="right_part col-md-12 col-sm-12 buttons_wrapper">
280                     <div class="row">
281            <div id="shipment-countdown-popup" class="flex-center mob-menu" style="display: block;">
282              <div class="warning-visible" id="mobile-shipping-countdown">
283                <div class="cp-panel panel panel-default">
284                    <div class="alert-warning warning main-kco-background shippment_calc_main_wrapper" style="font-weight: 700; padding-left: 10px; padding-right: 10px;color:#000000;background: #dec7c7;border-color: #f3e1e3; text-align: center;padding: 8px;font-size: 16px;">
285                        <div class="mobile_shipping_wrapper">
286                            <div class="mobile_shipping_progress" style="width: 0%;"></div>
287                        </div>
288                        <div class="info_wrapper">
289                          <h2>
290                            <i class="fa fa-info"></i>
291                            <span class="shipping-notification-sum-left" style="color: #ff0000;">
292                                1000</span>
293                            <span>,- KR IGJEN TIL FRI FRAKT!</span>
294                          </h2>
295                        </div>
296                    </div>
297                </div>
298              </div>
299            </div>
300          </div>
301          
302          <div class="row">
303            <span class=" col-md-6 col-xs-12 button">
304          		<a href="javascript:void(0)" onclick="continueShopping()" class="action_button button">Fortsett å handle</a>
305            </span>
306            <span class=" col-md-6 col-xs-12 til_kasse">
307            	<a href="https://www.erlikkaffe.no/cart" class="action_button button">GÃ¥ til handlekurven</a>
308            </span>
309          </div>
310        </div>
311                  <div class="multiple_products">
312            <div class="clerkplaceholder">
313                                                                  <span id="clerk1-popup" class="clerk crall-fontpage-one" data-template="" data-products="[]"></span>
314                                          </div>
315		</div>
316		      </div>
317  	</section>
318  </div>
319
320</div>
321
322<style>
323  div.popup_wrapper .crall-slide .crall-product-item .crall-buy .fa {
324	color: #fff;
325  }
326  .block.full {
327    display: block;
328    width: 100%;
329  }
330  .cart-menu .cart-product-wrapper {
331    max-height: 500px;
332    overflow-x: hidden;
333    overflow-y: auto;
334  }
335  .productPrice h5 {
336    font-size: 14px;
337  }
338  div.popup_wrapper .right_part a {
339    font-size: 16px;
340    font-weight: 300;
341  }
342  div.popup_wrapper .crall-wrapper .crall-slide {
343    padding-top: 0;
344  }
345
346  @media (max-width: 768px){
347    .popup_wrapper {
348          max-width: 350px !important;
349    }
350    .singular_product .left_part > .row {
351      margin: 0 !important;
352    }
353    .image-newitem {
354      padding: 0 !important;
355    }
356    body .buttons_wrapper > div > .button, body .buttons_wrapper .til_kasse {
357      padding: 0 !important;
358    }
359     body .buttons_wrapper > div > .button {
360      margin-bottom: 10px;
361     }
362    span.productPrice span,
363    html .price_active,
364    html body .productPrice.hasSpecialPrice > .price_active,
365    html .p_special {
366      font-size: 16px !important;
367      vertical-align: text-bottom;
368    	font-weight: 700 !important;
369          }
370    html body .overlay .__bottom_container .price-and-delete-wrapper .cart-price {
371      font-size: 16px !important;
372    }
373    .title_wrapper {
374      padding-right: 0 !important;
375    }
376    .title_wrapper .product_title {
377      font-size: 14px !important;
378    }
379    #newitemsp .left_part .image {
380    	width: 30%;
381    }
382    #newitemsp .left_part .col-md-8 {
383      width: 70%;
384    }
385    #newitemsp .singular_product {
386      width: 100%;
387    }
388  }
389  .close-popup-america {
390    position: absolute;
391    top: 0;
392    right: 0;
393  }
394
395  .overlay .__bottom_container .price-and-delete-wrapper .cart-old-price,
396  .overlay .__bottom_container .price-and-delete-wrapper .cart-old-price s,
397  html .overlay .__bottom_container .price-and-delete-wrapper .cart-price,
398  html .price_active, html .productPrice.hasSpecialPrice > .price_active,
399  html .p_special {
400    font-size: 18px !important;
401    font-weight: 700 !important;
402  }
403  .productPrice.hasSpecialPrice > .price_active {
404  }
405
406body div.popup_wrapper {
407  height: auto !important;
408  border-radius: 12px;
409  overflow: hidden;
410  max-width: 768px;
411  margin-left: 0;
412  position: fixed;
413  z-index: 9999;
414  top: 50%;
415  left: 50%;
416  transform: translate(-50%, -50%) !important;
417  background: #fff;
418  box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.15);
419  border: none !important;
420  width: 100%;
421}
422
423.tabs_title {
424  text-align: center;
425  padding: 0 12px;
426}
427.popup_wrapper > .tabs_title > h4 {
428  font-size: 24px;
429  color: #374151;
430  font-weight: normal;
431  border-bottom: 1px solid #F1F5F9;
432}
433
434  .buttons_wrapper .til_kasse a {
435    border: none !important;
436  }
437
438.buttons_wrapper {
439  margin-top: 0px;
440}
441div.popup_wrapper .tabs_content {
442  padding: 20px 0 !important;
443}
444.tabs_title .close-popup-america {
445  width: 28px;
446  height: 28px;
447  background: red;
448  border-radius: 50%;
449  background: #F1F5F9;
450  display: flex;
451  align-items: center;
452  justify-content: center;
453  top: 20px;
454  right: 20px;
455}
456.product_title {
457  font-size: 18px !important;
458}
459.tabs_title .close-popup-america i {
460  font-size: 18px;
461  padding: 0;
462  margin: 0;
463}
464
465.productPrice {
466  font-weight: bold;
467}
468.productPrice h5 {
469  color: #3F3F46 !important;
470  font-weight: normal !important;
471}
472.buttons_wrapper .button .button{
473  color:#121212 !important;
474  border: 1px solid #CBD5E1 !important;
475  background: transparent !important;
476}
477.buttons_wrapper .til_kasse a {
478  background: #F4A261;
479  border-color: #F4A261;
480}
481.buttons_wrapper .til_kasse, .buttons_wrapper > div {
482  padding: 0 20px !important;
483}
484.singular_product .left_part {
485  padding: 0 20px !important;
486}
487.buttons_wrapper .til_kasse, .buttons_wrapper > div > .button {
488  padding: 0 !important;
489  border-radius: 6px !important;
490}
491.buttons_wrapper .button .button, .buttons_wrapper .til_kasse a {
492  margin: 0 !important;
493  padding: 12px !important;
494}
495.buttons_wrapper > div > .button {
496  padding-right: 10px !important;;
497}
498.buttons_wrapper .til_kasse {
499  padding-left: 10px !important;
500}
501.price_active {
502  font-size: 20px !important;
503  font-weight: normal !important;
504}
505
506  .productPrice.hasSpecialPrice > .price_active {
507     color: #BE185D !important;
508  }
509
510.p_special {
511  margin-right: 14px;
512  color: #374151;
513  text-decoration: line-through;
514  font-size: 20px !important;
515  font-weight: normal !important;
516  float: left;
517}
518#shipment-countdown-popup.flex-center.mob-menu {
519	display: block !important;
520  	width: 100%;
521    margin-top: 0px !important;
522    margin-bottom: 0px;
523}
524#shipment-countdown-popup .shippment_calc_main_wrapper {
525  padding-bottom: 8px !important;
526  margin-bottom: 10px !important;
527}
528html .header_main_wrapper,
529html .header_main_wrapper > .success-visible, html .header_main_wrapper.flex-center.mob-menu,
530html .flex-center.mob-menu.header_main_wrapper > .success-visible, html .flex-center.mob-menu.header_main_wrapper.flex-center.mob-menu {
531	margin-top: 0 !important;
532  padding-top: 0 !important;
533}
534html .flex-center.mob-menu.header_main_wrapper > .success-visible, html .flex-center.mob-menu.header_main_wrapper > .warning-visible {
535	display: none !important;
536}
537
538html .flex-center.mob-menu > .warning-visible, .flex-center.mob-menu > .success-visible {
539	position: static !important;
540}
541
542
543
544
545  @media (min-width: 1024px) {
546    .header_main_wrapper {
547      display: none !important;
548    }
549  }
550
551  div.popup_wrapper .product-box .product .product-meta {
552    margin-top: 0;
553    margin-bottom: 0;
554  }
555  div.popup_wrapper .product-box .product .product-meta > * {
556    display: none;
557  }
558  div.popup_wrapper .product-box .product .product-meta > .product_box_title_row {
559    display: block;
560  }
561  div.popup_wrapper .product-box .product .product-meta > .product_box_title_row .title {
562	overflow: hidden;
563    line-height: 1.8;
564  }
565  div.popup_wrapper .product-box .product .product-meta > div:last-child {
566    display: block;
567  }
568  div.popup_wrapper .product-box .product .product_box_button {
569    display: none !important;
570  }
571   div.popup_wrapper #newitemsp img {
572    /*height: 100px !important;*/
573  }
574  div.popup_wrapper .product-box .product .quick_view {
575    display: none !important;
576  }
577  div.popup_wrapper #newitemsp .clerkplaceholder .clerkheader {
578    margin-bottom: 0;
579  }
580  div.popup_wrapper .crall-slide .crall-product-item .crall-buy {
581    /*display: none !important;*/
582  }
583  div.popup_wrapper .crall-slide .crall-product-item .crall-product-image {
584    height: auto !important;
585    max-height: 250px !important;
586  }
587  div.popup_wrapper .crall-slide .crall-product-item .crall-product-name {
588    /*height: 2rem !important;*/
589    margin-left: 0;
590  }
591  div.popup_wrapper .crall-slide .crall-product-item .crall-price {
592    margin-left: 0;
593  }
594  div.popup_wrapper .product .product-meta .price {
595    margin-top: 0;
596  }
597
598  body .cart-page-V2 .summarybox-wrapper .summarybox div.mobile_shipping_progress {
599              background: linear-gradient(90deg,#000000 0, #000000 100%) !important;
600      }
601
602  #newitemsp .product_title {
603    font-size: 1.8em !important;
604  }
605
606  #newitemsp .price_active {
607    font-size: 1.6em !important;
608  }
609
610  /*#newitemsp .club_price {
611    color: #f05135;
612    background: transparent;
613    display: block;
614    padding: 0;
615    margin: 0;
616    font-weight: bold;
617    font-size: 18px;
618    margin-bottom: 20px;
619  }
620  */
621  #newitemsp .bonus_points_info {
622      margin-bottom: 8px;
623  }
624
625  @media (max-width: 600px) {
626   body #newitemsp .product_title {
627      font-size: 1.1em !important;
628    }
629  }
630
631
632  @media (max-width: 460px) {
633    div.popup_wrapper .multiple_products {
634		display: none !important;
635    }
636  }
637</style>
638<script>
639  function onRegularPurchaseHook(thisButton){
640    var product = {};
641    if (currentPage == 'product.php'){
642
643      // This would be if regular popup is used with shopthelook module
644      if (thisButton.hasClass('shopthelook_button')){
645        var parentContainer = thisButton.closest('.stl_product');
646        product.title = parentContainer.find('.data_title').text();
647        product.image = parentContainer.find('.data_image').attr('src');
648        product.price = parentContainer.find('.valid_price').html();
649
650        if (parentContainer.find('.data_price .original_price').length > 0){
651          product.price_special = parentContainer.find('.original_price').html();
652        } else {
653          product.price_special = null
654        }
655
656        var attributes_array = [];
657        parentContainer.find('.attrbutedropdown').each( function(i){
658            var title = $(this).attr('title');
659            var value = $(this).find("option:selected").text();
660            attributes_array.push('<h5>' + title + ': ' + value + '</h5>');
661        });
662
663        product.attributes = attributes_array;
664
665      } else {
666
667        product.title = $('#add2cart h1').text();
668        product.image = $('.product_page_slider img:first-child').attr('src');
669
670        if ($('#add2cart .products_price.special').length > 0){
671          product.price = $('#add2cart .products_price.special').text();
672          product.price_special = $('#add2cart .products_price_old').text();
673        } else {
674          product.price = $('#add2cart .product-price').text();
675          product.price_special = null
676        }
677
678        var attributes_array = [];
679        $('.attrbutedropdown').each( function(i){
680            var title = $(this).attr('title');
681            var value = $(this).find("option:selected").text();
682            attributes_array.push('<h5>' + title + ': ' + value + '</h5>');
683        });
684
685        product.attributes = attributes_array;
686        product.retail_priceHTML = $('#add2cart .club-price').html();
687        product.bonusInfoHTML = $('#add2cart .posted_in').html();
688      }
689
690    } else {
691      product.title = thisButton.closest('.product-box').find('.title').text();
692      product.image = thisButton.closest('.product-box').find('.image img').attr('src');
693      product.price = thisButton.closest('.product-box').find('.price').text();
694      product.price_special = thisButton.closest('.product-box').find('.price').text();
695    }
696
697    console.log(' product.retail_price',  product.bonusInfoHTML);
698
699
700    $('#newitemsp .left_part .col-md-8 .productPrice').removeClass('hasSpecialPrice');
701    $('#newitemsp .left_part .image-newitem').html('<img src="' + product.image + '"/>');
702    $('#newitemsp .left_part .col-md-8 .product_title').text(product.title);
703
704    // Add bonus point info
705     $('#newitemsp .left_part .col-md-8 .product_title').after('<div class="bonus_points_info>' + product.bonusInfoHTML + '</div>');
706
707    $('#newitemsp .left_part .col-md-8 .productPrice').html('<span class="price_active">'+ product.price + '</span><div class="club_price"></div>');
708
709	// Add club price
710    product.retail_priceHTML ? $('#newitemsp .left_part .col-md-8 .productPrice .club_price').html(product.retail_priceHTML) : '';
711
712    if (product.price_special) {
713      $('#newitemsp .left_part .col-md-8 .productPrice').append('<span class="p_special">'+ product.price_special +'</span>');
714      $('#newitemsp .left_part .col-md-8 .productPrice').addClass('hasSpecialPrice');
715    }
716
717      $('.singular_product .col-md-8 h5').remove();
718
719      if (currentPage == 'product.php'){
720          product.attributes.forEach(function(entry) {
721              $('#newitemsp .left_part .col-md-8 .productPrice').prepend(entry);
722          });
723      }
724      $('.popup_wrapper .panel-title:first-child a').click();
725    $('.popup_wrapper, .popup_dark_bg').show();
726
727    if ($(window).width() < 992){
728        //$('html, body').animate({
729        //    scrollTop: $('.popup_wrapper').offset().top - 80
730        //}, 400);
731    }
732    //reloadCrallWidget();
733
734    $('.popup_wrapper').show();
735    $('.popup_dark_bg').show();
736
737  }
738
739  function onQuickPurchaseHook(thisButton){
740    // This is a dirty fix created to fix crall purchase event
741    if (thisButton && thisButton.type != 'button' && thisButton[0].type == 'button') {
742      thisButton = $(thisButton[0]);
743    }
744
745    var product = {};
746    var closest_form = thisButton.closest('form');
747
748    if (currentPage == 'product.php' && thisButton.attr('id') == 'addToShoppingCart'){
749      // This would be if regular popup is used with shopthelook module
750      if (thisButton.hasClass('shopthelook_button')){
751        var parentContainer = thisButton.closest('.stl_product');
752        product.title = parentContainer.find('.data_title').text();
753        product.image = parentContainer.find('.data_image').attr('src');
754        product.price = parentContainer.find('.valid_price').html();
755
756        if (parentContainer.find('.data_price .original_price').length > 0){
757          product.price_special = parentContainer.find('.original_price').html();
758        } else {
759          product.price_special = null
760        }
761
762
763        var attributes_array = [];
764        parentContainer.find('.attrbutedropdown').each( function(i){
765            var title = $(this).attr('title');
766            var value = $(this).find("option:selected").text();
767            attributes_array.push('<h5>' + title + ': ' + value + '</h5>');
768        });
769
770        product.attributes = attributes_array;
771
772      } else {
773
774        product.title = $('#add2cart .title h1').text() != '' ? $('#add2cart .title h1').text() : $('#add2cart .product-title-v1').text();
775        product.image = $('.gallery_image img:first-child').attr('src') ? $('.gallery_image img:first-child').attr('src') : $('.productpage-slider img:first-child').attr('src');
776        //product.price = $('#add2cart .product-price').text();
777        //product.price_special = $('#add2cart .product-price').text();
778
779        if ($('#add2cart .products_price.special').length > 0){
780          product.price = $('#add2cart .products_price.special').text();
781          product.price_special = $('#add2cart .products_price_old').text();
782        } else {
783          product.price = $('#add2cart .product-price').text();
784          product.price_special = null
785        }
786
787        var attributes_array = [];
788        $('.attrbutedropdown').each( function(i){
789            var title = $(this).attr('title');
790            var value = $(this).find("option:selected").text();
791            attributes_array.push('<h5>' + title + ': ' + value + '</h5>');
792        });
793
794        product.attributes = attributes_array;
795
796      }
797
798    } else {
799      product.title = closest_form.closest('.product-box').find('.title').text();
800      product.image = closest_form.closest('.product-box').find('.image img').attr('src');
801
802      if (closest_form.closest('.product-box').find('.price').find('.special').length > 0){
803        product.price = closest_form.closest('.product-box').find('.price .special').text();
804        product.price_special = closest_form.closest('.product-box').find('.price s').text();
805      } else {
806        console.log(product.title);
807        product.price = closest_form.closest('.product-box').find('.price').text();
808        product.price_special = null
809        console.log(product.price_special);
810      }
811    }
812
813    $('#newitemsp .left_part .col-md-8 .productPrice').removeClass('hasSpecialPrice');
814    $('#newitemsp .left_part .image-newitem').html('<img src="' + product.image + '"/>');
815    $('#newitemsp .left_part .col-md-8 .product_title').text(product.title);
816    $('#newitemsp .left_part .col-md-8 .productPrice').html('<span class="price_active">'+ product.price + '</span>');
817    if (product.price_special) {
818      $('#newitemsp .left_part .col-md-8 .productPrice').append('<span class="p_special">'+ product.price_special +'</span>');
819      $('#newitemsp .left_part .col-md-8 .productPrice').addClass('hasSpecialPrice');
820    }
821      $('.singular_product .col-md-8 h5').remove();
822
823      if (currentPage == 'product.php' && thisButton.attr('id') == 'addToShoppingCart'){
824          product.attributes.forEach(function(entry) {
825              $('#newitemsp .left_part .col-md-8 .productPrice').prepend(entry);
826          });
827      }
828      $('.popup_wrapper .panel-title:first-child a').click();
829    $('.popup_wrapper, .popup_dark_bg').show();
830
831    if ($(window).width() < 992){
832        $('html, body').animate({
833            scrollTop: $('.popup_wrapper').offset().top - 80
834        }, 400);
835    }
836
837    //reloadCrallWidget();
838
839    $('.popup_wrapper').show();
840    $('.popup_dark_bg').show();
841  }
842
843  $('.popup_wrapper .tabs_title a').click( function(e){
844    e.preventDefault();
845
846  	var target = $(this).attr('href');
847
848	$(target).addClass('active').show();
849    $(target).siblings().removeClass('active').hide();
850
851    $(this).parent().addClass('active');
852    $(this).parent().siblings().removeClass('active');
853  });
854
855  $('.popup_dark_bg').mousedown(function() {
856    isDragging = false;
857  })
858  .mousemove(function() {
859    isDragging = true;
860   })
861  .mouseup(function() {
862    var wasDragging = isDragging;
863    isDragging = false;
864    if (!wasDragging) {
865      $('.popup_wrapper').hide();
866      $('.popup_dark_bg').hide();
867    }
868  });
869
870  function continueShopping(){
871    $('.popup_wrapper, .popup_dark_bg').hide();
872  }
873
874  function reloadCrallWidget() {
875    $('.multiple_products .clerkplaceholder').load(location.href + ' .multiple_products .clerkplaceholder > *', function(data){
876
877    });
878  }
879
880  $(document).ready( function(){
881		$('#shoppingcartp').delegate('.remove_product_from_minicart', 'click', function(e){
882      e.preventDefault();
883      var $this = $(this);
884      $.get('ajax.php?action=ajax&ajaxfunc=remove_from_cart&products_id=' + $(this).attr('id'), function(){
885          $this.parent().parent().slideUp(600, function(){
886              reloadCart();
887          });
888      });
889
890      return false;
891
892    });
893
894    reloadCart = (function() {
895      let cached = reloadCart;
896
897      return function() {
898        // your code
899
900        var result = cached.apply(this, arguments); // use .apply() to call it
901
902        $('.products_container .left_part').load(location.href + ' .products_container .left_part > *',  function(){
903          console.log('Reloaded popup cart');
904        });
905        // more of your code
906
907      };
908
909    }());
910  });
911
912
913</script>
913
914    
915                    
915<script src="users/erlikkaffe_mystore_no/templates/custom_javascript.js?v=1790770896" async></script>
915
916                <link rel="stylesheet" href="users/erlikkaffe_mystore_no/templates/custom_stylesheet.css?v=1790770896"  />
917    
918              <!-- Template settings style -->
919     <link href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,300i,400,400i,700,700i" rel="stylesheet">
920    <style>
921      body {
922        font-family: 'Josefin Sans', sans-serif !important;
923      }
924    </style>
925                                                
926  <!-- Font settings for headings -->
927       <link href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,300i,400,400i,700,700i" rel="stylesheet">
928    <style>
929      h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6  {
930        font-family: 'Josefin Sans', sans-serif !important;
931      }
932    </style>
933                                                        <!-- Settings -->
934  <style type="text/css">
935    
936    .slogans-mobile {
937      flex-basis: 0;
938    }
939      @media (max-width: 767px){
940        .js-filter .js-filter-box, .js-filter-box .checkbox label {
941          padding: 8px 23px !important;
942        }
943      }
944      body.mys-adminbar #mys-abw #mys-apw {
945        left: 0;
946      }
947      body.open-drawer-cart #mys-abw #mys-apw {
948        left: -17px;
949      }
950      .highlight
951      {
952          font-weight: 700;
953      }
954    /* FIX for sidebar */
955    
956    
957    .sidebar-list.selected-item > a:first-child, .sidebar-list.selected-item.active_selected_item > a:first-child {
958      color: #000000!important ;
959    }
960    /* fix for narrow (1400px) page */
961        /* if customer have alot of categories, we can do a little trickyricky */
962    
963    /* add padding to productboxes if the images looks too "tight" */
964
965    .image-pad {
966      padding: 0px;
967    }
968
969    @media (max-width: 1200px){
970      #search-down-wrapper .right_part .search_result > li {
971        /*width: 100%;*/
972      }
973    }
974    /* AJAX SEARCH  END */
975          body {
976          background-color: #fff !important;
977        }
978              body {
979        color: #212529;
980        }
981              a {
982        color: #212529;
983        }
984              /* Header Float Disable */
985
986        /* Logo size */
987    .logo-lg {  max-height: 100px !important; }
988    .logo { max-height: 100px !important; }
989
990
991    /* Mobile Menu Typography Options -Advance */
992
993    .overlay .mob-icons-text, #overlay-menu a {
994      font-size: 0.75rem !important;      font-weight: 500 !important;      font-style: normal !important;      text-transform: none !important;    }
995
996
997    /* Color for logoarea on mobile. nice if the use a white logo */
998    body > .header_main_wrapper.flex-center.mob-menu,
999    .cart-page > .header_main_wrapper {
1000      background-color: rgba(0,0,0,0);
1001      	}
1002
1003    /* Mobile shippment countdown Style */
1004     .mobile-only .shippment_calc_main_wrapper {
1005            	 background:#ffffff !important;
1006          }
1007    .mobile-only .shippment_calc_main_wrapper, .mobile-only .shippment_calc_main_wrapper div,
1008    .mobile-only .shippment_calc_main_wrapper i {
1009            	color: #000000 !important;
1010          }
1011    .mobile_shipping_wrapper .mobile_shipping_progress {
1012            background: linear-gradient(90deg ,#000000 0,#000000 100%)!important;
1013          }
1014        .mobile-only .mobile_shipping_wrapper {
1015      background: #d7d7d7 !important;
1016    }
1017        /* Filter Optins */
1018        .sb-sidebar .main-filter-wrapper {
1019       background: #f8f8f8 !important;
1020    }
1021    
1022    .sb-sidebar .filter-wrapper .js-filter > .js-filter-toggle,
1023    .sb-sidebar .product-filter select,
1024    .sb-sidebar .container .js-filter-tags .fs-dropdown-selected,
1025    .sb-sidebar .js-filter-mobile .js-filter-toggle {
1026      color: #000000 !important;       background: #f8f8f8 !important;             border-color: #e6e6e6 !important;       border-width:  0px !important;      border-style: solid !important;
1027    }
1028
1029    /** Megamenu SORTING direction **/
1030    /* Brands Style */
1031    
1032
1033        /* display the breadcrumb on mobile */
1034    body .breadhead {
1035      border-top: 1px solid #ffffff !important;      border-bottom: 1px solid #ffffff !important;    }
1036    @media(max-width: 1024px){
1037      .breadcrumb {
1038        max-height: initial;
1039        display: flex;
1040        margin-top: 70px;
1041        }
1042      .breadcrumb a {
1043        display: flex;
1044      }
1045      section.breadhead {
1046        min-height: 35px;
1047      }
1048    }
1049    /* display the breadcrumb on mobile */
1050    
1051    
1052    /** Blog **/
1053
1054
1055    /* Blog Style START */
1056    #left-part .blog_article .blog_content *, .article_main_wrapper *, .heading_and_description *, .post_wrapper .social-sharing,
1057    #left-part .blog_article .blog_content .bottom_info .blog_read_more,  body #left-part .blog_content div.blog_date {
1058      text-align: left !important;      color: #000000 !important;       text-shadow: none !important;
1059    }
1060    #left-part .blog_content h3, .article_main_wrapper h1, .article_main_wrapper h2, .article_main_wrapper h3 {
1061                  text-transform: uppercase !important;    }
1062
1063   body #full_wrapper #left-part .blog_content p, .article_main_wrapper p {
1064      text-align: center !important;      color: #000000 !important;    }
1065
1066     #full_wrapper #left-part .blog_article .blog_content .bottom_info .blog_read_more span {
1067      color: #000000 !important;    }
1068    .article_main_wrapper .button {
1069      text-align: center !important;
1070    }
1071
1072    /* BlogStyle END */
1073
1074            /******************************************************************/
1075    /******************   PRODUCT PAGE SETTINGS   *********************/
1076    /** Hide Special Ending In **/
1077        .special-ending-in {
1078      display: none !important;
1079    }
1080        /** Discount Badge on product page **/
1081    .product_page_slider .discount_badge_pp {
1082      position: absolute;
1083      right: 0;
1084      width:120px;      height:120px;      background:#000000;      line-height:120px;      font-size:16px;      border: 1px solid #000000;      color: #ffffff;      font-size: 16px;       text-align: center;
1085      border-radius: 50%;
1086      margin: 40px;
1087      z-index: 7;
1088    }
1089
1090        
1091
1092    /** Blog **/
1093    
1094    /******************************************************************/
1095    /******************   PRODUCT GRID SETTINGS   *********************/
1096
1097    /************************* SQUARE IMAGES IN GRID WITH PADDING   **************************/
1098
1099    /* Settings for image ratio in grid */
1100
1101      /* START CHECKING FOR SIDEBAR */
1102        @media (max-width: 575px){
1103      .img-fit-grid {
1104        height: 95vw;
1105      }
1106      .col-6 .img-fit-grid{
1107      height: 46vw;
1108      }
1109    }
1110    @media (min-width: 576px) and (max-width: 767px){
1111
1112      .row .col-12 .img-fit-grid {
1113      height: 95vw;
1114      }
1115      .col-6 .img-fit-grid  {
1116        height: 47vw ;
1117      }
1118    }
1119    @media (min-width: 768px) and (max-width: 991px){
1120      .img-fit-grid {
1121        height: 32vw ;
1122      }
1123      .col-md-3 .img-fit-grid {
1124        height: 24vw;
1125      }
1126      .col-md-6 .img-fit-grid  {
1127      height: 48vw;
1128      }
1129      .col-md-12 .img-fit-grid {
1130      height: 98vw;
1131      }
1132    }
1133    @media (min-width: 992px) and (max-width: 1200px){
1134      .img-fit-grid {
1135        height: 24vw ;
1136      }
1137      .col-lg-4 .img-fit-grid {
1138      height: 32vw;
1139      }
1140      .col-lg-6 .img-fit-grid {
1141      height: 49vw;
1142      }
1143      .col-lg-12 .img-fit-grid {
1144      height: 98vw;
1145      }
1146    }
1147    @media (min-width: 1201px){
1148      .img-fit-grid {
1149        height: 24vw ;
1150      }
1151      .col-xl-2 .img-fit-grid {
1152      height: 16vw;
1153      }
1154      .col-xl-4 .img-fit-grid {
1155      height: 32vw;
1156      }
1157      .col-xl-6 .img-fit-grid {
1158      height: 49vw;
1159      }
1160    }
1161    @media (min-width: 1601px){
1162      .img-fit-grid {
1163        height: 23vw ;
1164        max-height: 385px;
1165      }
1166      .col-xl-2 .img-fit-grid {
1167      height: 15vw;
1168      }
1169      .col-xl-4 .img-fit-grid {
1170      height: 30vw;
1171      max-height: 525px;
1172      }
1173      .col-xl-6 .img-fit-grid {
1174      height: 48vw;
1175      max-height: 780px;
1176      }
1177    }
1178    @media (min-width: 1920px){
1179      .img-fit-grid {
1180        height: 20vw ;
1181        max-height: 385px;
1182      }
1183      .col-xl-2 .img-fit-grid {
1184      height: 13vw;
1185      max-height: 250px;
1186      }
1187      .col-xl-4 .img-fit-grid {
1188      height: 28vw;
1189      }
1190      .col-xl-6 .img-fit-grid {
1191      height: 46vw;
1192      max-height: 780px;
1193      }
1194    }
1195         /****************************************  SQUARE IMAGES IN GRID & NARROW PAGE   **************************/
1196
1197    
1198
1199
1200    /****************************************  HORIZONTAL IMAGES IN GRID WITH PADDING   **************************/
1201    /* Use this setting for Liggende bilder */
1202
1203  
1204    /****************************************  HORIZONTAL IMAGES IN GRID & NARROW PAGE  **************************/
1205
1206    
1207     /******************************** VERTICAL IMAGES IN GRID WITH PADDING   **************************/
1208
1209      /******************************************************************/
1210     /****************************************  VERTICAL IMAGES IN GRID & NARROW PAGE  **************************/
1211
1212    
1213    /*********************************** PRODUCT PAGE IMAGES **********************************/
1214    /***********************************  SQUARE PRODUCT IMAGES  START ************************/
1215    /* Settings for image ratio in grid */
1216      
1217      .fit-prod-page {
1218          width: 100%;
1219          height: 50vw;
1220          object-fit: contain;
1221          margin-bottom: 10px;
1222          max-height: 800px;
1223          max-width: 850px;
1224        }
1225        @media (max-width: 425px){
1226          .fit-prod-page {
1227            height: 100vw;
1228          }
1229        }
1230        @media (min-width: 426px) and (max-width: 575px){
1231          .fit-prod-page {
1232            height: 98vw ;
1233          }
1234
1235        }
1236        @media (min-width: 576px) and (max-width: 767px){
1237          .fit-prod-page {
1238            height: 50vw ;
1239          }
1240          .fit-prod-large {
1241            height: 58vw;
1242          }
1243        }
1244         @media (min-width: 768px) and (max-width: 991px){
1245          .fit-prod-page {
1246            height: 47vw ;
1247          }
1248          .fit-prod-page.fit-prod-page5050 {
1249            height: 50vw ;
1250          }
1251          .fit-prod-large {
1252            height: 58vw;
1253          }
1254        }
1255        @media (min-width: 992px) and (max-width: 1199px){
1256          .fit-prod-page {
1257            height: 46vw ;
1258          }
1259          .fit-prod-page.fit-prod-page5050 {
1260            height: 50vw ;
1261          }
1262          .fit-prod-large {
1263            height: 70vw;
1264            max-height: 840px;
1265          }
1266        }
1267        @media (min-width: 1200px){
1268          .fit-prod-page {
1269            height: 47vw;
1270          }
1271          .fit-prod-large {
1272            height: 66vw;
1273            max-height: 840px;
1274          }
1275        }
1276        @media (min-width: 1400px){
1277          .fit-prod-page {
1278            height: 47vw;
1279            max-height: 760px;
1280          }
1281          .fit-prod-large {
1282            height: 58vw;
1283            max-height: 840px;
1284          }
1285        }
1286        @media (min-width: 1600px){
1287          .fit-prod-page {
1288            height: 47vw;
1289            max-height: 760px;
1290          }
1291          .fit-prod-large {
1292            height: 51vw;
1293            max-height: 840px;
1294          }
1295        }
1296         @media (min-width: 1920px){
1297          .fit-prod-page {
1298            height: 47vw;
1299          }
1300          .fit-prod-large {
1301            height: 42vw;
1302            max-height: 850px;
1303          }
1304        }
1305         /* css for product-page with slider */
1306         .fit-prod-page-slide {
1307          width: 100%;
1308          height: 50vw;
1309          object-fit: cover;
1310          margin-bottom: 10px;
1311          max-height: 1025px;
1312          max-width: 1025px;
1313        }
1314        @media (max-width: 425px){
1315          .fit-prod-page.fit-prod-page-slide {
1316            height: 100vw ;
1317          }
1318        }
1319        @media (min-width: 426px) and (max-width: 575px){
1320          .fit-prod-page.fit-prod-page-slide {
1321            height: 100vw ;
1322          }
1323        }
1324        @media (min-width: 576px) and (max-width: 767px){
1325          .fit-prod-page.fit-prod-page-slide {
1326            height: 50vw ;
1327          }
1328        }
1329         @media (min-width: 768px) and (max-width: 991px){
1330          .fit-prod-page.fit-prod-page-slide {
1331            height: 50vw ;
1332          }
1333        }
1334        @media (min-width: 992px) and (max-width: 1199px){
1335          .fit-prod-page.fit-prod-page-slide {
1336            height: 65vw ;
1337          }
1338        }
1339        @media (min-width: 1200px){
1340          .fit-prod-page.fit-prod-page-slide {
1341            height: 64vw ;
1342          }
1343        }
1344        @media (min-width: 1400px){
1345          .fit-prod-page.fit-prod-page-slide {
1346            height: 64vw ;
1347          }
1348        }
1349         @media (min-width: 1600px){
1350          .fit-prod-page.fit-prod-page-slide {
1351            height: 64vw;
1352            max-height: 1025px;
1353          }
1354        }
1355      /* START CHECKING FOR SIDEBAR */
1356        
1357    
1358    /* If sidebar and narrow page are used */
1359            /***********************************  SQUARE PRODUCT IMAGES  END   ****************************/
1360
1361     /**********************************  HORIZONTAL PRODUCT IMAGES  START ************************/
1362    /* Settings for image ratio in grid */
1363    
1364
1365
1366    /*********************************  HORIZONTAL PRODUCT IMAGES  END   *****************************/
1367
1368     /**********************************  VERTICAL PRODUCT IMAGES  START ***************************/
1369    /* Settings for image ratio in grid */
1370    
1371
1372    /*********************************  VERTICAL PRODUCT IMAGES  END   ********************************/
1373
1374
1375    /* Docked header */
1376    
1377    /************************************       OLD STUFF     ****************************************/
1378    .main_menu,
1379    .wrapper.visible-xs.centered.mobile-logo { background-color: #ffffff; }
1380
1381    /* Megamenu dropdown opacity */
1382    .blocky.hasChild:hover .level_one { opacity: ;  }
1383
1384    /* Megamenu colors*/
1385    .megamenu, .sticky.is-sticky { background-color: #ffffff;
1386    border-top: 1px solid #ffffff; }
1387    .menu_dropdown, .dropdown-menu.show { background-color:       #000000
1388    ;
1389    }
1390  ul.menu_dropdown > li > a { border-right: 1px solid #ffffff; }  ul.menu_dropdown > li > a { border-right: 1px solid #ffffff; }
1391      .navbar {
1392        width: 100% !important;
1393      }
1394
1395      .megamenu {
1396        background: #ffffff !important;        border-bottom: 1px solid #ffffff!important;      }
1397      /* Level 1 */
1398      /* NEEDS FIX AND CLEANUP. Adding new settings on top */
1399      #navbarNavDropdown > ul > li.list-inline-item >  a,
1400      #navbarNavDropdown > ul > li.list-inline-item >  span a,
1401      .nav-link, .menu-cat-text, .menu-hover,
1402      #header_centered_logo_polaria .flat-menu .flat-menu-list a
1403            { color: #000000; }
1404     body #navbarNavDropdown > ul > li.list-inline-item >  a:hover, .nav-link:hover, .menu-hover:hover { color: #000000 !important;  }
1405      .nav-item.active{ font-weight: 600;}
1406
1407      /* OLD STUFF */
1408      ul.menu_dropdown > li > a > span { color: #000000; }
1409      ul.menu_dropdown > li:hover > a > span { color: #000000;  }
1410      ul.menu_dropdown > li > a > span:hover { color: #000000; }
1411      .cart-mini-icon:hover, .icons-float > .js-search-icon:hover, li.icons-float.js-search-icon:hover { color: #000000; }
1412      .cart-mini-icon, .icons-float > .js-search-icon, li.icons-float.js-search-icon { color: #000000; }
1413      ul.menu_dropdown > li { background-color: #ffffff; }
1414      ul.menu_dropdown > li:hover,
1415      ul.menu_dropdown > li:active,
1416      ul.menu_dropdown > li:focus { background-color: #e1f5f1; }
1417      ul.level_two a  { color: #000000; }
1418
1419      /* Level 2, needs to be tested*/
1420      .dropcontent h4 a, .dropcontent_block h4, .dropcontent_block h5, .dropcontent_block h5 a, .dropdown_head_cat,
1421      .dropdown_sub_head_cat
1422       {  color: #363241; }
1423      .dropcontent h4 a:hover,
1424      .dropcontent h4 a:active,
1425      .dropcontent h4 a:focus { color: #363241; }
1426
1427      /* Level 3, needs to be tested*/
1428      .dropcontent_block > p > a { color: #363241; }
1429      .dropcontent_block > p > a:hover,
1430      .dropcontent_block > p > a:active,
1431      .dropcontent_block > p > a:focus { color: #363241; }
1432
1433
1434      /* Level 2 colors */
1435        .sub_menu > .outer > div > a > div > div, .sub_menu > a > div > .menu-cat-text,
1436        .menu-cat-text {
1437          color: #ffffff !important;
1438          font-weight: 400 !important;
1439        }
1440        .sub_menu > .outer > div > a > div > div:hover, .sub_menu > a > div > .menu-cat-text:hover, .menu-cat-text:hover {
1441          color: #ffffff !important;
1442        }
1443        .sub_menu > .outer > div > ul div:hover,
1444        .sub_menu > .outer > div > a > div > div:hover,
1445        .menu-cat-text:hover {
1446                  }
1447        /* Level 3 colors */
1448        .sub_menu > .outer > div > ul div {
1449          color: #000000 !important;
1450        }
1451        .sub_menu > .outer > div > a > div > ul div:hover, .sub_menu_desktop .outer .level0 a.menu-hover:hover, body .sub_menu > .outer > div > ul div:hover {
1452          color: #000000 !important;
1453        }
1454    /* Product boxes colors */
1455
1456      /* Product box border */
1457      .products_list, .product-box, .crall-search-filter .crall-product-item { border: 1px solid #f0f
14570f0; background-color: #ffffff; }
1458
1459      /* Prices */
1460        /* Normal */
1461        .product .product-meta .price, .product-price, .crall-product-item .crall-price .crall-price, .special, .cart-content .cart_bottom_part .not-on-sale { color: #000000; }
1462
1463        /* Before */
1464        .product .price s, .products_price_old, .cart-old-price s, .cart-page .price-on-special s, body .crall-old-price { color: #989898 !important; }
1465
1466        /* Color on text for discount tag above product box, cart page and cart */
1467        .special, .cart-content .cart_bottom_part .on-sale, .cart-page .price-on-special span,
1468        .crall-product-item .crall-price .crall-old-price ~ .crall-price,
1469        #cart-page .total_discount.boldtext,
1470        body #cqty .price-on-special span
1471            { color: #eb5333 !important; }
1472
1473
1474       /* News badge */
1475      .news_tag {
1476        color: #555555;
1477        background: #fbfbfb;
1478      }
1479
1480      /* Product title */
1481      .product a.title, .product .product-meta .title, .manufacturers, .crall-product-name a { color: #363241 !important;  padding: 0;}
1482      .product a.title:hover, .product .product-meta .title:hover, .manufacturers:hover, .crall-product-name a:hover { color: #363241 !important;}
1483
1484          /* Attributs */
1485        .attribute_info_container {
1486          background: #000000 !important;
1487          opacity: 0.5 !important;
1488        }
1489        .attribute_info_container .attribute_info_header, .attribute_info_container .attribute_info_content {
1490          color: #ffffff !important;
1491          background: transparent !important;
1492          font-size: 12px !important;
1493        }
1494
1495
1496      /* Product Box Discount Color */
1497      div .special_tag, body div.crall-wrapper .crall-slide .crall-banner > div {
1498        color: #ffffff;
1499        background: #eb5333 !important;
1500                text-align: center;
1501        display: flex;
1502        justify-content: center;
1503        align-items: center;
1504      }
1505
1506
1507        .product-page div .special_tag {
1508          position: absolute;
1509                     right: 30px;
1510            top: 30px;
1511                   background: red;
1512        }
1513
1514
1515      /* Product Box Set logo height / size and position */
1516      .product-box .manufacturer-box img {
1517                  max-height:60px !important;
1518          max-width:60px !important;
1519              }
1520
1521      /* Product Boxes Quick View Style*/
1522      div .quick_view {
1523        background: #000000;
1524        color: #ffffff
1525      }
1526            div .quick_view span {
1527              font-size: 10px;
1528            }
1529            div .quick_view i {
1530              font-size: 16px;
1531            }
1532
1533      /* Productpage percentage discount color */
1534      #productdiscount{
1535      	color: #ffffff;
1536        background: #eb5333 !important;
1537		padding: 5px;
1538      }
1539
1540    /* Footer colors */
1541    #footer { background-color: #f8f8f8; }
1542    #footer  { color: #212529; }
1543    #footer a:link,
1544    #footer a:visited { color: #212529; }
1545    #footer a:hover,
1546    #footer a:active,
1547    #footer a:focus { color: #212529; }
1548    #footer .footer_social_icon, #footer .footer_social_icon i { font-family: 'FontAwesome' !important;}
1549    #footer .footer_social_icon i {
1550      color:#000 !important;}
1551    }
1552
1553
1554    h1, h1.product-title-v1, .clerkheader, a .bannerheadercolor, .form_wrapper h3 {
1555      color: #000000 ;
1556    }
1557          h1.title,h3.title,
1558      .clerkplaceholder > h3.clerkheader {
1559          font-size: 1.8em;
1560        }
1561        .product-buy-header > h1  {
1562          font-size: 1.8em;
1563        }
1564        @media (max-width: 768px) {
1565          h1.title,h3.title,
1566      .clerkplaceholder > h3.clerkheader {
1567          font-size: 1.6rem;
1568        }
1569      }
1570      @media(min-width: 1025px) {
1571      h1.product-title-v1 {
1572        font-size: 1.8em;
1573      }
1574    }
1575    
1576    .container > h3.clerkheader {
1577      font-weight: 100;
1578      text-transform: none;
1579    }
1580
1581    /* General color settings */
1582    /*Top Menu*/
1583
1584      .topmenu-buttons {
1585          color: #212529;
1586      }
1587     .topmenu-buttons:hover {
1588          color: #212529;
1589      }
1590
1591      /* Add borde width and color and fix overlapping */
1592
1593      /*.menu-grid {
1594        border-color: #efefef;
1595        border-width:  1px  !important;
1596      }*/
1597      #overlay-menu .__mob_menu_wrapper {
1598        border: 1px solid #000;
1599        padding: 0;
1600        border-color: #efefef;
1601        border-width:  1px  !important;
1602        border-bottom: none;
1603        border-right: none;
1604
1605      }
1606       #overlay-menu .__mob_menu_wrapper .menu-grid {
1607          border-left: none;
1608          border-right: none;
1609         border-bottom: 1px  solid #efefef;
1610        }
1611      #overlay-menu .__mob_menu_wrapper .menu-grid:nth-child(3n + 2 ) {
1612          border-left:  1px  solid #efefef;
1613          border-right: 1px  solid #efefef;
1614      }
1615      #overlay-menu .__mob_menu_wrapper .menu-grid:nth-child(3n + 3 ) {
1616		border-right: 1px  solid #efefef;
1617      }
1618         #overlay-menu .__mob_menu_wrapper .menu-grid span,  #overlay-menu .__mob_menu_wrapper .menu-grid a, #overlay-menu .__mob_menu_wrapper .menu-grid i {
1619              color: #212529 !important;
1620            }
1621
1622
1623      .flex-container .topmenu-buttons i, #mobile_header div > a i, .menu__elem > p, .menu-grid a, .menu-list a, .menu-links a, .cat-header, .menu__text, .menu-links-text,
1624      .has-child .fa-plus, .menu-grid-img > .fa-plus, svg.fa-fake {
1625
1626          color: #ffffff !important;
1627      }
1628          .flex-container .topmenu-buttons:hover i, #mobile_header div > a i {
1629          border-color:  !important;
1630      }
1631
1632               body #mobile_header, .mobile-navbar {
1633          background-color: #000000;
1634        }
1635      
1636                .menu-grid {
1637        height: 75px;
1638        border-width: 1px;
1639        }
1640        .mob-icons-text {
1641        /*height: 3em; */
1642        line-height: 1.5em;
1643        overflow: hidden;
1644        }
1645        
1646       /* Top Line - Slogans colors */
1647            .slogans-mobile {
1648              background: #000000 !important;
1649            }
1650          .slogans-mobile .mobile_slogan * {
1651            color: #ffffff !important;
1652          }
1653      div .slogans {
1654          background: #000000 !important;
1655          color: #ffffff !important;
1656      }
1657      div .slogans a {
1658        color: #ffffff !important;
1659      }
1660      .mobile_slogan, .mobile_slogan i {
1661         color: #ffffff !important;
1662      }
1663      div .slogans li a, .request_quantity_num, .mobile_slogan, .mobile_slogan i {
1664          color: #ffffff !important;
1665      }
1666      div .slogans li a:hover, .request_quantity_num.hover, .mobile_slogan:hover {
1667          color: #ffffff !important;
1668      }
1669            .form_wrapper div > span,  .form_wrapper div > span:hover {
1670              color: #212529 !important;
1671            }
1672      /* Buttons */
1673      body .bundle-product-page-button--complete > #addToShoppingCart,
1674      .product_box_button form .button,
1675      .button .button,
1676      .form_wrapper .request_quantity button,
1677      .main_menu .checkout-cart .btn,
1678      #cartDrawer .cart_button a,
1679      .crall-product-item .crall-buy,
1680      .account-pages .btn-account,
1681      .account-pages .btn-default-1,
1682      .login-page .btn-default,
1683      .add2cart button, .btn-default, .btn-default-1, .account_consents-page article button,
1684      .index-page .latest_from_blog_row .__read_more_blog span,
1685      .__read_more_blog span,
1686      .related-products-tag .button {
1687        background-color: #000000 !important;
1688        color: #ffffff !important;
1689        border-color: #000000 !important;
1690
1691      }
1692      .index-page .latest_from_blog_row .__read_more_blog span {
1693        border: 2px solid #000000 !important;
1694      }
1695      .product_box_button form .button {
1696        border: 1px solid transparent;
1697        padding: .375rem .75rem;
1698      }
1699      .product_box_button form {
1700          text-align: center;
1701      }
1702      .product_box_button form a {
1703          display: inline-block;
1704          height: 40px;
1705          line-height: 30px;
1706          min-width: 160px;
1707      }
1708
1709      body .bundle-product-page-button--complete > #addToShoppingCart:hover,
1710      body .bundle-product-page-button--complete > #addToShoppingCart:active,
1711      body .bundle-product-page-button--complete > #addToShoppingCart:focus,
1712      .product_box_button form .button:hover,
1713      .product_box_button form .button:active,
1714      .product_box_button form .button:focus,
1715      .account_consents-page article button:hover,
1716      .account_consents-page article button:active,
1717      .account_consents-page article button:focus,
1718      .button .button:hover,
1719      .button .button:active,
1720      .button .button:focus,
1721      .form_wrapper button:hover,
1722      .form_wrapper button:active,
1723      .form_wrapper button:focus,
1724      .add2cart button:hover,
1725      .add2cart button:active,
1726      .add2cart button:focus,
1727      .product_box_button button:hover,
1728      .product_box_button button:active,
1729      .product_box_button button:focus,
1730      .login-page .btn-default:hover,
1731      .login-page .btn-default:focus,
1732      .login-page .btn-default:active,
1733      .account-pages .btn-account:hover,
1734      .account-pages .btn-account:active,
1735      .account-pages .btn-account:focus,
1736      .account-pages .btn-default-1:hover,
1737      .account-pages .btn-default-1:active,
1738      .account-pages .btn-default-1:focus,
1739      .main_menu .checkout-cart .btn:hover,
1740      .main_menu .checkout-cart .btn:active,
1741      #cartDrawer .cart_button a:hover,
1742      #cartDrawer .cart_button a:active,
1743      #cartDrawer .cart_button a:focus,
1744      .main_menu .checkout-cart .btn:focus,
1745      .btn.btn-default-1.active,
1746      .btn.btn-default-1.active .fa-smile,
1747      .crall-product-item .crall-buy:hover,
1748      .crall-product-item .crall-buy:focus,
1749      .crall-product-item .crall-buy:active,
1750      .index-page .latest_from_blog_row .__read_more_blog span:hover,
1751      .index-page .latest_from_blog_row .__read_more_blog span:focus,
1752      .index-page .latest_from_blog_row .__read_more_blog span:active,
1753      .related-products-tag .button:hover,
1754      .related-products-tag .button:focus,
1755      .related-products-tag .button:active
1756
1757       {
1758        background-color: #000000 !important;
1759        color: #ffffff !important;
1760
1761      }
1762    	.index-page .latest_from_blog_row .__read_more_blog span {
1763        padding: 8px;
1764      }
1765      .lates_blog_image_wrapper {
1766         min-height: 140px;
1767      }
1768      .index-page .lates_blog_wrapper h6 {
1769        font-size:16px !important;
1770      }
1771      .index-page .lates_blog_wrapper p {
1772        min-height: 124px;
1773      }
1774    /* Fonts */
1775      /* Megamenu font-size */
1776            body .crall-slide .crall-product-item .crall-product-name, body .crall-price, .crall-product-name {
1777              text-align: center !important;
1778            }
1779      .nav-link { font-size: 15px; }
1780      .dropcontent_block, .dropdown_head_cat, .menu-cat-text { font-size: 1rem; }
1781      .dropcontent_block > p, .dropdown_sub_head_cat, .dropdown-menu .has-subchild .no-sub .menu-cat-text { font-size: 1rem;  }
1782      ul.menu_dropdown > li > a, .nav-link, .menu-cat-text { text-transform: uppercase !important; }
1783
1784      /* Product title */
1785      .product a.title, .clerk-list-item .name a, .crall-product-name a { font-size: 18px !important; }
1786      .product a.title, .clerk-list-item .name a, .logo-tag, .discount-corner-v2, .crall-product-name a { text-transform: none !important; }
1787
1788      /* Headers */
1789      h1.title,h3.title, .clerkplaceholder > h3.clerkheader, .navbar-nav li a, .navbar-nav li a span { text-transform: uppercase!important; }
1790       h1.title,h3.title, .clerkplaceholder  h3.clerkheader, p.title, h2.title,  h6.title   {
1791        font-weight: lighter;
1792        text-align:center !important;
1793      }
1794
1795      h2.title, h6.title {
1796        font-size: 2rem !important;;
1797      }
1798      .text-adjust {
1799        text-align:center !important;
1800      }
1801      @media(max-width: 575px){
1802        .text-adjust-sm, h1.product-title-v1 {
1803          text-align:center !important;
1804        }
1805      }
1806  /*****************************    PRODUCT BOXES   ******************/
1807    .product_box_title_row {
1808      height: 3.2rem;
1809      overflow: hidden;
1810    }
1811    
1812    .products_list a {
1813      color: ;
1814    }
1815    .products_list a:hover {
1816      color: ;
1817    }
1818    .product_quantity > a {
1819    display: inline-block;
1820        padding: 6px;
1821        background: #fff;
1822        min-width: 33px;
1823        text-align: center;
1824        border: 1px solid #c7c7c7;
1825        border-radius: 3px;
1826    }
1827      /*** Main Banner, A - arrows style && Product page slider arrows ***/
1828                  .index-page .swiper-button-prev.swiper-button-white, .index-page .swiper-container-rtl .swiper-button-next.swiper-button-white, .index-page .swiper-button-next.swiper-button-white {
1829            background-image: none !important;
1830          }
1831          .index-page .swiper-button-prev i, .index-page .swiper-button-next i {
1832            font-family: 'Font Awesome 5 Pro' !important;
1833            line-height: 44px;
1834                          font-size: 60px !important;
1835                                      font-weight: light !important;
1836                                      color: #000000 !important;
1837                      }
1838          .swiper-button-next {
1839            right: 30px;
1840          }
1841      
1842      
1843          .product-page .swiper-container .swiper-button-next,  .product-page .swiper-container .swiper-button-prev {
1844            background-image: none !important;
1845            outline: none;
1846                          font-size: 40px !important;
1847            
1848                          color: #000000 !important;
1849                      }
1850            /**** H banners, align heading option ****/
1851    .bannersH #banner_h_one_four_one_header {
1852      text-align: left !important;
1853    }
1854    .bannersH #banner_h_one_four_two_header {
1855      text-align: left !important;
1856    }
1857    .bannersH #banner_h_one_four_three_header {
1858      text-align: left !important;
1859    }
1860    .bannersH #banner_h_one_four_four_header {
1861      text-align: left !important;
1862    }
1863
1864    /**** G banners, align heading option ****/
1865    #banner_g_one_four_one_header{
1866      text-align: left !important;
1867    }
1868    #banner_g_one_four_two_header{
1869      text-align: left !important;
1870    }
1871    #banner_g_one_four_three_header {
1872      text-align: left !important;
1873    }
1874    #banner_g_one_four_four_header {
1875      text-align: left !important;
1876    }
1877    /******************** Index Banner A slider ************************/
1878    .swiper-slide a, a .slider-header {
1879      color: #000000;
1880      text-align: center;
1881    }
1882    /* Adding bg color to banner text */
1883                                                    #bannerBTwo, #bannerBOne, #bannerB2Three, #bannerB2Four {
1884      padding: 6px !important;
1885    }
1886    /** Search Options **/
1887    #overlay-search {
1888      background: rgba(0,0,0,0) !important;
1889    }
1890    #overlay-search .search-input,
1891     {
1892      border: 1px solid #000000 !important;
1893      border-radius: px !important;
1894      background: #ffffff !important;
1895    }
1896
1897  	.header__row #quick_find_search .form-control,
1898    .header__row #quick_find_search .search-icon {
1899      border: 1px solid #cacaca !important;
1900             background: #ffffff !important;    }
1901    .header__row #quick_find_search .search-icon {
1902      border: none !important;
1903    }
1904    .form-control.js-input-search::placeholder {
1905      color: #000000 !important;
1906    }
1907    .form-control.js-input-search {
1908      color: #000000;
1909    }
1910    .input-group-btn i {
1911      color: #000000 !important;
1912    }
1913    /******************* /Index Banner A slider ************************/
1914
1915    /******************* /Index Banner F slider ************************/
1916
1917    /******************** Crall ************************/
1918
1919    #overlay-search .crall-search-result-wrapper {
1920		top:46px!important;
1921    }
1922
1923    .crall-search-filter .crall-product-item {
1924          margin: 0px 10px 10px 10px;
1925    }
1926    /******************* /Crall ************************/
1927    /** Brands Background Color **/
1928    body .brand-card {
1929      background: #ffffff;
1930    }
1931    body .cat_banner_image:before {
1932      background: #ffffff;
1933      opacity: 0.5;
1934    }
1935    /** Category Description Colors **/
1936    .category-page .extra-info > *:not(.crl),
1937    .category-page .extra-info > *:not(.crl) * {
1938      color:#000000;
1939    }
1940  	.category-page .extra-info a:not(.crl-button) {
1941      color:#0d25ce !important;
1942    }
1943
1944    /** Category Boxes Color **/
1945    .categories-images .cat-sub-head .cat-head-text {
1946      color: #ffffff;
1947      background: #ffffff;
1948      opacity: 0.5;
1949      border-radius: 8px;
1950      display: inline-block;
1951      padding: 10px 20px;
1952    }
1953    .categories-images:hover .cat-sub-head .cat-head-text {
1954      color: #ffffff
1955     }
1956      /** NEwsletter Button Color **/
1957      .newsletter-box .newsletter-btn .btn {
1958        background: #000000;
1959        border-color: #000000;
1960        color: #ffffff;
1961      }
1962      .newsletter-box .newsletter-btn .btn:hover {
1963        background: #000000;
1964        border-color: #000000;
1965        color: #ffffff;
1966      }
1967    /** Cart Buttons **/
1968    .empty .btn-info, .btn-info {
1969      background: #000000;
1970      color:#ffffff;
1971      border-color: #000000 !important;
1972    }
1973    .empty .btn-info:hover, .btn-info:hover {
1974      background: #000000;
1975      color:#ffffff;
1976      border-color: #000000 !important;
1977    }
1978    .cart-actions .buy-button .buy-button-cart,
1979  	.mob-menu .btn-buy-button,
1980    .pay-button .btn,
1981    #cart-page .btn-purchase,
1982	div.popup_wrapper .right_part a {
1983      background: #000000;
1984      color:#ffffff;
1985              border: 1px solid #000000 !important;
1986          }
1987    .cart-actions .buy-button .buy-button-cart:hover,
1988    .pay-button .btn:hover,
1989    #cart-page .btn-purchase:hover,
1990	div.popup_wrapper .right_part a:hover {
1991      background: #000000;
1992      color:#ffffff;
1993              border-color: #000000;
1994              -webkit-transition: none !important;
1995        -moz-transition: none !important;
1996        -o-transition: none !important;
1997        transition: none !important;
1998    }
1999    .cart-actions .buy-button .close-cart-button,
2000  	body div.popup_wrapper .button .action_button {
2001      background: #dadfe1 !important;
2002      color:#000000 !important;
2003    }
2004    .cart-actions .buy-button .close-cart-button:hover,
2005    body div.popup_wrapper .button .action_button:hover {
2006      background: #c1c1c1 !important;;
2007      color:#000000 !important;;
2008    }
2009    body .delete-cart {
2010      background: #f3a433;
2011      }
2012    body .delete-cart i, body .delete-cart span {
2013         color:#ffffff;
2014      }
2015    body .mega-cart-icon .cart-counter, body .cart-counter {
2016       background: #000000;
2017      color: #ffffff;
2018      border-color:  #000000;
2019    }
2020    body .mega-cart-icon:hover .cart-counter, body .cart-counter:hover {
2021      background: #000000;
2022      color: #ffffff;
2023      border-color:  #000000;
2024    }
2025    
2026    /** PopUp For Cart Info(add to cart) style */
2027    .addtocart_popup {
2028      position: fixed;
2029      background: #fff;
2030      z-index: 9;
2031      box-shadow: 0 0 40px -30px;
2032      transition-timing-function: ease;
2033      -webkit-transition-timing-function: ease;
2034      -webkit-transition: all 1s;
2035      transition: all 1s;
2036    }
2037
2038    @media (min-width: 993px){
2039      .addtocart_popup {
2040          top: -330px;
2041          right: -400px;
2042          border-radius: 50%;
2043          width: 400px;
2044          height: 400px;
2045      }
2046      .addtocart_popup.addtocart_popup_animation {
2047          top: -140px;
2048          right: -140px;
2049      }
2050      .addtocart_popup h6 {
2051          position: absolute;
2052          bottom: 12%;
2053          right: 50%;
2054          text-transform: uppercase;
2055          width: 120px;
2056      }
2057      .addtocart_popup i {
2058        padding: 28px;
2059        border-radius: 50%;
2060          position: absolute;
2061          left: 20%;
2062          bottom: 34%;
2063          font-size: 46px;
2064      }
2065    }
2066
2067    .addtocart_popup i {
2068      background:#97cece !important;
2069      color:#000000 !important;
2070    }
2071
2072        #sort-dropdown-wrapper-3 {
2073    	display: none !important;
2074    }
2075    
2076    @media (max-width: 992px){
2077      .addtocart_popup {
2078          bottom: -230px;
2079          right: 0;
2080          width: 100%;
2081          height: 120px;
2082      }
2083      .addtocart_popup.addtocart_popup_animation {
2084          bottom: 77px;
2085          right: 0px;
2086      }
2087      .addtocart_popup h6 {
2088          width: 100%;
2089        margin-top: 80px;
2090        text-align: center;
2091      }
2092      .addtocart_popup i {
2093          background: #97cece;
2094          padding: 28px;
2095          position: absolute;
2096          left: 50%;
2097          margin-left: -54px;
2098          top: -52px;
2099          font-size: 46px;
2100          border-radius: 50%;
2101          border: 10px solid #fff;
2102      }
2103
2104      
2105              #sort-dropdown-wrapper-3 {
2106            display: block !important;
2107            float: none;
2108              width: 100%;
2109              padding: 0 10px;
2110          margin-bottom: 15px;
2111        }
2112      #sort-dropdown-wrapper-3 .fs-dropdown {
2113        margin-top: 0;
2114        max-width: 490px;
2115        margin: 0 auto 20px auto;
2116      }
2117      #sort-dropdown-wrapper-3 .fs-dropdown button {
2118        border-radius: 0;
2119      }
2120      .js-filter-mobile {
2121        margin-bottom: 0 !important;
2122      }
2123
2124
2125        #sort-select-3 {
2126          display: block;
2127          float: none;
2128        	width: 100%;
2129          text-indent: 10px;
2130        }
2131      .filter-wrapper > .js-filter-tags {
2132        display: none !important;
2133      }
2134
2135          }
2136    .open-search-field #overlay-search {
2137        width: 100%;
2138    }
2139    .main-page-section {
2140        max-width: 100%;
2141    }
2142
2143    /** Custon Tag/Ribbon style **/
2144    .custom_ribbon {
2145      position: absolute;
2146      top: 0;
2147      z-index: 999;
2148      justify-content: center;
2149      margin: 10px;      background: #000000;      color: #ffffff;      left: 0;              padding: 10px;
2150        border-radius: 0px;          }
2151            /**** Video Banner Style Settings ****/
2152
2153    /*Button Options*/
2154    #fullwidth-video-banner p > a {
2155                              transition: all .3s;
2156    }
2157    #fullwidth-video-banner p > a:hover {
2158                      }
2159    /*Background Option*/
2160            #fullwidth-video-banner .container > div {
2161                                                      }
2162            /*Text Options*/
2163           #fullwidth-video-banner > .container h1 {
2164                                        }
2165            #fullwidth-video-banner > .container p {
2166                                        }
2167
2168  /* CartButton Color options */
2169  #cart-page .company-button > input {
2170          background: #000000 !important;
2171    
2172          color: #ffffff !important;
2173    
2174          border-color: #ffffff !important;
2175      }
2176
2177  #cart-page .company-button > input:hover {
2178          background: #000000 !important;
2179    
2180          color: #ffffff !important;
2181    
2182          border-color: #ffffff !important;
2183      }
2184
2185</style>
2186
2187<style>
2188      /***Cart Image and Text Settings ***/
2189    body .slide_in_cart_mobile .img-cart .img-cart {
2190      max-height: 40px !important;
2191        height: auto;
2192        width: auto;
2193    }
2194    @media (max-width: 992px){
2195      .cart_bottom_part {
2196        padding: 5px 5px 25px 5px;
2197      }
2198      .cart-content.additional-crall > .container {
2199        overflow-x: visible !important;
2200      }
2201    }
2202      .cart-content .shippment_calc_main_wrapper {
2203        display: block !important;
2204      }
2205
2206      .product-cart-row > .col-5 {
2207        max-width: 70px;
2208      }
2209     @media (max-width: 600px){
2210          .product-cart-row > .col-5 {
2211          max-width: 70px !important;
2212        }
2213      }
2214      .product-cart-row > .col-5 .img-cart {
2215        max-width: 100%;
2216        margin-left: 0 !important;
2217        object-fit: contain;
2218        height: auto !important;
2219        margin-right: 0 !important;
2220        text-align: center;
2221      }
2222      .product-cart-row > .col-7 {
2223        flex-grow: 1;
2224        max-width: none;
2225      }
2226      .cart-price {
2227        margin-top: 0;
2228      }
2229      .cart-selector {
2230        margin-top: 0;
2231        margin-left: -15px;
2232      }
2233    body .cart-prod-title {
2234     font-size: 14px !important;  }
2235  body .cart-price {
2236     font-size: 14px !important;}
2237
2238  
2239  
2240  @media (max-width: 992px) {
2241     .js-filter-box .checkbox label:before {
2242       display: none ;
2243      }
2244      }
2245
2246  </style>
2247<!-- Cart Slide In -->
2248
2249<style>
2250
2251
2252  /** CLUB PRICE STYLE **
2253  /* Product box */
2254  .product .club-price-category {
2255    background: #e38435;
2256    color: #ffffff;
2257    top: 36px;
2258  }
2259
2260  .product .club-price-category:before {
2261    border: none;
2262  }
2263
2264  .product .__club_price .special {
2265    display: block;
2266    padding: 0;
2267  }
2268
2269  .product .product-meta .__club_price s {
2270    text-decoration: none;
2271    color: #000 !important;
2272    font-size: 18px !important;
2273  }
2274
2275  .product .__club_price .special {
2276    color: #e38435 !important;
2277  	font-size: 14px;
2278  }
2279  .product .__not_logged .__club_price .special {
2280    font-size: 15px !important;
2281  }
2282  .product .__club_price .special.normalize-price {
2283    font-size: 1.10rem;
2284    font-weight: bold;
2285  }
2286  .product .__club_price .special.normalize-price-alt {
2287    display: inline;
2288    font-size: 1.10rem;
2289    font-weight: bold;
2290  }
2291  .__club_price_simple_style .special {
2292    color: #e38435 !important;
2293  }
2294  .product .__club_price_simple_style .justify-between,
2295  .product .__club_price .justify-between {
2296    justify-content: space-between;
2297    display: flex;
2298  }
2299  /*.product .__club_price .special:before {
2300    content: "Medlemsprise: ";
2301  }*/
2302
2303  .__ribbon_inside .product .club-price-category {
2304    top: 0 !important;
2305    display: inline-block;
2306    right: 5px !important;
2307    left: auto;
2308    position: absolute;
2309    z-index: 1;
2310        	font-weight: regular;
2311      }
2312
2313  .__productbox_with_club_price .price {
2314    min-height: 62px;
2315  }
2316
2317  .club-price-category {
2318    padding: 5px 10px !important;
2319  }
2320.product .discount-corner, .discount-corner, body .crall-wrapper .crall-slide .crall-banner,
2321.__ribbon_inside .product .club-price-category {
2322    font-size: 14px !important;
2323  }
2324
2325  @media ( max-width: 500px) {
2326    .__ribbon_inside .product .club-price-category {
2327      padding: 5px 10px !important;
2328      font-weight: normal !important;
2329      font-size: 12.8px !important;
2330    }
2331  }
2332  /* Produt Page regular price */
2333  .product-page .prices {
2334    padding: 0;
2335  }
2336
2337  /* Product Page */
2338  #add2cart .club-price-wrapper .prices {
2339    padding-bottom: 0;
2340  }
2341
2342  #add2cart .club-price, .info_wrapper .club_price {
2343    color: #e38435;
2344      	background: transparent;
2345    display: block;
2346    padding: 0;
2347    margin: 0;
2348    font-weight: bold;
2349    font-size: 18px;
2350  }
2351
2352
2353
2354  .club-price-wrapper .prices, .members-club-price-wrapper .prices {
2355    float: none;
2356    padding: 0;
2357  }
2358
2359
2360
2361  .members-club-price-wrapper .member_only {
2362    color: #3333337a !important;
2363    font-size: 16px !important;
2364    text-decoration: line-through;
2365}
2366
2367
2368  .customer-club {
2369    padding: 20px !important;
2370  }
2371
2372  .customer-club-header {
2373    display: none;
2374  }
2375
2376  .members-club-price-wrapper .prices .products_price {
2377    color: #e38435 !important;
2378    background: transparent;
2379    display: block;
2380    padding: 0;
2381    margin: 0;
2382    font-weight: bold;
2383
2384  }
2385
2386  .customer-club-content .customer-club-sign-up,
2387  .customer-club-slide .customer-club-accept {
2388    background: #4a84ba !important;
2389    color: #ffffff !important;
2390	border-bottom: 3px solid #00000033 !important;
2391    cursor: pointer;
2392  }
2393
2394  #customer-club-logged-out .customer-club-abort, .customer-club-slides input[type="checkbox"],
2395  .customer-club-checkbox a {
2396    cursor: pointer;
2397  }
2398  /*.members-club-price-wrapper .products_price:before {
2399    content: "Medlemsprise: ";
2400  }*/
2401
2402  .short_info_wrapper .special-ending-in {
2403    background: #000000;
2404    color: #ffffff;
2405    display: inline-block;
2406    padding: 8px;
2407  }
2408  .short_info_wrapper .special-ending-in b span {
2409    margin: 0 4px;
2410  }
2411  @media only screen and (max-width: 600px) {
2412    .short_info_wrapper {
2413      text-align: center;
2414    }
2415  }
2416</style>
2417<style>
2418  @media only screen and (max-width: 500px) {
2419    body #countdown-container h4 {
2420      margin-right: 0px !important;
2421    }
2422
2423    #countdown-container .row {
2424      padding-bottom: 0;
2425    }
2426
2427    #countdown-container .row .date-element {
2428      text-align: center;
2429      padding: 0px;
2430    }
2431
2432    body #countdown-container .row div div {
2433      line-height: 18px;
2434    }
2435
2436    body #countdown-container .button__countdown {
2437      display: none;
2438    }
2439  }
2440
2441  @media only screen and (max-width: 1024px) {
2442    #countdown-container.mobile__class__only {
2443      margin-top: 50px;
2444    }
2445    #countdown-container .row {
2446      padding: 16px;
2447    }
2448    #countdown-container .row .date-element, #countdown-container .button__countdown {
2449      margin-right: 0 !important;
2450    }
2451    #countdown-container .button__countdown {
2452      display: block;
2453      width: 100%;
2454      text-align: center;
2455    }
2456  }
2457  @media only screen and (max-width: 600px) {
2458    #countdown-container h4 {
2459      margin-right: 20px !important;
2460    }
2461  }
2462</style>
2463
2464<style>
2465  body .nav-tabs .nav-item.show .nav-link, body .nav-tabs .nav-link.active, body .nav-link.active:hover, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
2466    border-bottom:3px solid #000000 !important;
2467  }
2468  body .nav-tabs {
2469     border-bottom:3px solid #f8f8f8;
2470  }
2471  #tabs .nav-item .nav-link {
2472    color:#000000 !important;
2473  }
2474  #tabs .nav-item .nav-link:hover {
2475     color:#000000 !important;
2476  }
2477  #bottom-menu .exclude_tax.active, #bottom-menu .include_tax.active {
2478    font-weight: bold !important;
2479  }
2480
2481  
2482  /* Fix for CartV2 shipment countdown */
2483  #shipment-countdown-cart .mobile-only .shippment_calc_main_wrapper {
2484    display: block !important;
2485  }
2486  .popup_wrapper .mobile-only .shippment_calc_main_wrapper {
2487    display: block !important;
2488  }
2489  /* ENDOF: Fix for CartV2 shipment countdown */
2490
2491  /***** TEMP fix cart page elements *****/
2492  @media (max-width: 600px) {
2493/* Cart GRID align
2494  .cartbox > #cqty > div > .row {
2495    display: grid;
2496    grid-template-areas: "image description" "image quantityAndPrice";
2497  }
2498  .cartbox > #cqty > div > .row > div{
2499    grid-area: quantityAndPrice;
2500    margin: 0 !important;
2501  }
2502
2503  .cartbox > #cqty > div > .row > .cartimagebox{
2504    grid-area: image;
2505  }
2506
2507  .cartbox > #cqty > div > .row > .cartdescription{
2508    grid-area: description;
2509    padding-left: 0;
2510  }
2511  .cartquantity > .inputQuantity {
2512    width: 42px !important;
2513  }
2514  .cartquantity > .update-quantity {
2515    padding: 10px !importan;
2516  }
2517  .multiply-txt {
2518    display: none;
2519  }
2520  .cartbox > #cqty .producttotal {
2521    margin-left: 15px;
2522    margin-right: 4px;
2523  }*/
2524}
2525 </style>
2526<style>
2527    /* UPS on product page Font size */
2528  .product-page .usp_wrapper p, .product-page .usp-row p,
2529  .product-page .usp_wrapper span, .product-page .usp-row span {
2530    font-size:16px;
2531    font-weight: bold !important;
2532  }
2533  .product-page .usp_wrapper i, .product-page .usp-row i {
2534    font-size:16px !important;
2535
2536  }
2537
2538  /** Show only 2 latest post on index page **/
2539  
2540    #scroller-content {
2541    padding-bottom: 80px;
2542  }
2543  .mobile_shipping_wrapper {
2544    background: #f9f9f9 !important;
2545  }
2546
2547  #freeShippingBar {
2548    background: #f9f9f9 !important;
2549  }
2550  .freeShippingWrapper > span {
2551    color: #000000 !important;
2552  }
2553  #overlay-cart .cart-container .mobile_shipping_progress, #overlay-cart .cart-container .shippment_pprogress_bar  {
2554          background: linear-gradient(90deg,#000000 0, #000000 100%) !important;
2555    }
2556   #freeShippingBar #myProgress {
2557                background: linear-gradient(90deg,#000000 0, #000000 100%) !important;
2558        }
2559  body .mobile_shipping_wrapper ~ div.info_wrapper span, .mobile_shipping_wrapper ~ div.info_wrapper h2 {
2560    color: #000000 !important;
2561    font-size: 12px !important;
2562  }
2563
2564      .mobile-only .mobile_shipping_wrapper ~ div.info_wrapper h2,
2565    .mobile-only .mobile_shipping_wrapper ~ div.info_wrapper h2 span {
2566       color: #000000 !important;
2567    }
2568  
2569
2570
2571        .mobile-only .success .mobile_shipping_wrapper ~ div.info_wrapper h2,
2572    .mobile-only .success .mobile_shipping_wrapper ~ div.info_wrapper h2 span {
2573       color: #d7d7d7 !important;
2574    }
2575  
2576    #mobile_header .navbar-nav .col.menu {
2577    padding: 0 !important;
2578  }
2579  #mobile_header .navbar-nav .col.menu p {
2580     font-size: 10px !important;   }
2581
2582
2583    .main_menu .logo__wrapper {
2584    align-self: center;
2585  }
2586  @media (max-width: 500px) {
2587    .cat_info_box.filter-select p a img {
2588      width: 100% !importnat;
2589      height: auto;
2590    }
2591  }
2592  @media (max-width: 420px) {
2593    .slide_in_cart_mobile {
2594      width: 100% !important;
2595    }
2596  }
2597
2598  .has-img .menu-hover .img-desktop-menu {
2599      }
2600
2601    .has-img .menu-hover .img-desktop-menu ~ .menu-cat-text {
2602    text-align: left;
2603  }
2604  	.fa-cart:before {
2605      content: "\f07a";
2606  }
2607      .header__row {
2608    display: flex !important;
2609  }
2610  .logo__wrapper {
2611    order: 2 !important;
2612  }
2613  .__serach_wrapper {
2614    order: 1 !important;
2615  }
2616  .__header_icons_wrapper {
2617    order: 3 !important;
2618  }
2619  .menu-desktop {
2620    display: flex !important;
2621    justify-content: center !important;
2622  }
2623  .menu-desktop .navbar {
2624    width: auto !important;
2625  }
2626  .logo__wrapper {
2627    justify-content: center !important;
2628  }
2629  
2630  
2631    .product-page .product.description p a, .card-body p a {
2632    color: #000000 !important;
2633  }
2634  
2635  .mega-icons svg {
2636    height: 32px !important;
2637  }
2638</style>
2639<style>
2640  /* Blog Heading / index page*/
2641  .index-page .latest_from_blog_row .lates_blog_wrapper h6 {
2642    font-size:16px !important;
2643  }
2644
2645  @media (max-width: 992px){
2646
2647    .vertical_images {
2648      display: block !important;
2649    }
2650
2651    .vertical_images #slider.swiper-container-vertical {
2652      padding: 0 !important;
2653    }
2654    .product-page .sl_favorite {
2655      /*top: 0 !important;*/
2656    }
2657  }
2658
2659  @media (max-width: 500px){
2660    
2661    .index-page .latest_from_blog_row .lates_blog_wrapper h6 {
2662    	font-size:16px !important;
2663    }
2664      }
2665
2666  .attach-to-bottom {
2667    margin-bottom: 76px !important;
2668  }
2669  #overlay-cart {
2670    max-height: calc(100vh - 76px);
2671    height: calc(100vh - 76px);
2672  }
2673
2674  /*Fix for login popup */
2675  .login-page .notification_wrapper .notification-error {
2676    text-indent: 0;
2677    padding: 90px 20px;
2678    top: 50%;
2679    left: 50%;
2680    margin: auto;
2681    transform: translate(-50%, -50%);
2682  }
2683  .login-page .notification_wrapper .notification-error:after {
2684    top: 40px;
2685    right: 50%;
2686    transform: translateX(50%);
2687  }
2688  .login-page .notification_wrapper .notification-error:before {
2689    right: 0;
2690  }
2691
2692  /* Button on the product page / extend if there is no quantity*/
2693  	.product-page .attribute_element .fs-dropdown { margin-top: 0; }
2694
2695  /* category page / hide filters */
2696
2697  
2698  
2699  .menu-desktop .category-box > .dropdown-menu {
2700    max-height: 100vh;
2701    overflow: auto;
2702    padding-bottom: 80px !important;
2703  }
2704
2705  .overlay .menu-grid .dropmenu-small.m-menu-2 .sub_menu>.row {
2706    padding-bottom: 100px;
2707  }
2708
2709  .overlay__elem #bottom-menu {
2710    padding-bottom: 60px;
2711  }
2712
2713  
2714  /* Text Info Wrapper */
2715  .info-text__banner {
2716    background-color: #000000;
2717    padding: 8px;
2718    text-align: center;
2719  }
2720
2721  .info-text__banner h4, .info-text__banner i {
2722    display: inline-block;
2723    color: #ffffff;
2724  }
2725
2726  .info-text__banner i {
2727    font-size: 24px;
2728  }
2729
2730  .info-text__banner  p {
2731    color: #ffffff;
2732    max-width: 640px;
2733    margin: auto;
2734  }
2735
2736  .input_wrapper {
2737    display: flex;
2738    align-items: baseline;
2739    justify-content: center;
2740  }
2741  .input_wrapper input {
2742    max-width: 70%;
2743  }
2744  .input_wrapper label {
2745    margin-right: 10px;
2746    display: flex;
2747    align-items: baseline;
2748  }
2749  @media only screen and (max-width: 1200px) {
2750     .input_wrapper {
2751       flex-direction: column;
2752       align-items: center;
2753  	}
2754    .input_wrapper input {
2755    	max-width: 100%;
2756  	}
2757    .input_wrapper label {
2758      margin-right: 0px;
2759    }
2760  }
2761
2762
2763  /* Search result new style */
2764  #search-down-wrapper .left_part ul li {
2765    border-bottom: 1px solid #e2e2e2 !important;;
2766  }
2767
2768  #search-down-wrapper, #search-down-wrapper-2 {
2769    box-shadow: 0 0 20px -15px #000 !important;
2770  }
2771
2772  #search-down-wrapper .right_part h3 {
2773    font-size: 18px;
2774  }
2775
2776  .right_part .search_result {
2777    display: flex;
2778    flex-direction: column;
2779
2780  }
2781
2782  .right_part .search_result li {
2783	display: flex;
2784    flex: 1;
2785    background: #f4f4f4;
2786    padding: 4px;
2787    margin: 4px;
2788    border-radius: 10px;
2789    float: none !important;
2790    width: 100% !important;
2791    text-align: left !important;
2792    margin: auto !important;
2793    margin-bottom: 6px !important;
2794  }
2795
2796  .right_part .search_result li .img_wrapper {
2797    margin-right: 10px;
2798  }
2799
2800  .right_part .search_result li .manufacturers_name {
2801	font-size: 10px;
2802    border: 1px solid #000;
2803    display: inline-block !important;
2804    padding: 4px;
2805    border-radius: 4px;
2806    margin-right: 10px;
2807  }
2808
2809  #search-down-wrapper .right_part .display_price {
2810    display: flex !important;
2811    color: #6f6f6f;
2812  }
2813
2814
2815  #search-down-wrapper .right_part .display_price span {
2816    color: #ff005b;
2817    font-weight: bold;
2818    margin-left: 10px;
2819  }
2820
2821@media (max-width: 992px) {
2822  .productpage-slide-active .mobile-navbar .cat-header {
2823      max-height: none !important;
2824  }
2825  .productpage-slide-active .mobile-navbar > .col-12 {
2826    display: block !important;
2827  }
2828  .productpage-slide-active .mobile-navbar .col-10 {
2829    width: 100% !important;
2830    max-width: 100% !important;
2831  }
2832  .productpage-slide-active .fit-prod-page.fit-prod-page-slide {
2833      height: auto !important;
2834  }
2835
2836}
2837
2838/* Category filter fix */
2839@media (min-width: 992px) {
2840  .container .js-filter-wrapper {
2841    display: flex;
2842    align-items: stretch;
2843  }
2844
2845  .container .js-filter-wrapper .filter-wrapper {
2846    padding: 0 !important;
2847  }
2848
2849  .container .js-filter-wrapper .js-filter-tags > div {
2850    min-height: 40px !important;
2851    margin-top: 0 !important;
2852  }
2853}
2854
2855</style>
2856<script>
2857    // Add classes to the side bar
2858    $(document).ready(function() {
2859
2860        var sidebarSelected = (function(){
2861
2862            var selectedItems = document.querySelectorAll('.selected-item');
2863
2864           if(!!selectedItems.length) {
2865              selectedItems.forEach( function(item, index) {
2866
2867                if(index === 0) {
2868                  item.classList.add('parent_of_selected_child');
2869                };
2870
2871                if(index < selectedItems.length - 1) {
2872                  item.classList.add('has_active_child');
2873                }
2874
2875                if(index === selectedItems.length - 1) {
2876                  item.classList.add('active_selected_item');
2877                }
2878              });
2879
2880              return {
2881                selectedItems
2882              }
2883			}
2884        })();
2885      });
2886</script>
2886
2887    
2888    
2889            <!-- Vendor Styles -->
2890<link rel="stylesheet" href="/filter/assets/font-awesome-4.5.0/css/font-awesome.min.css" />
2891<link rel="stylesheet" href="/filter/assets/dropdown/dropdown.css" />
2892<link rel="stylesheet" href="/filter/assets/jquery-ui-1.10.4.custom/css/base/jquery-ui-1.10.4.custom.min.css" />
2893
2894<!-- App Styles -->
2895<link rel="stylesheet" href="/filter/assets/style.css?v=2" />
2896    
2897    
2898    <style>
2899        .info_wrapper > h2 {
2900        font-size: 15px !important;
2901        font-weight: 500;
2902        }
2903            </style>
2904
2905        
2906    
2907        
2908        
2909        
2909<script>
2910            </script>
2910
2911
2912    </head>
2913
2914
2915<body class="not-index cart-page megamenu_narrow-active productpage-vakrevene-alternative-active  ">
2916
2917    <!--- Exclude customer groups -->
2918        
2919    
2920    
2921    
2922	
2923
2924
2925	
2926
2927<div id="fb-root"></div>
2928
2929<script>
2930window.fbAsyncInit = function() {
2931	FB.init({
2932	appId      : '138255156243557', // App ID
2933	status     : true, // check login status
2934	cookie     : true, // enable cookies to allow the server to access the session
2935	oauth      : true, // enable OAuth 2.0
2936	xfbml      : true  // parse XFBML
2937	});
2938};
2939
2940(function(d, s, id) {
2941	var js, fjs = d.getElementsByTagName(s)[0];
2942	if (d.getElementById(id)) {return;}
2943	js = d.createElement(s); js.id = id;
2944	js.async=true; js.src = "//connect.facebook.net/nb_NO/all.js#xfbml=1";
2945	fjs.parentNode.insertBefore(js, fjs);
2946}(document, 'script', 'facebook-jssdk'));</script>
2946
2947
2948
2949
2950	<div class="crall-cart" style="display:none">
2951                </div>
2952
2953
2954
2955
2956
2957
2958
2959
2960
2961
2962
2963
2964
2965        
2966  	<div style="flex-direction:column; " class="header_main_wrapper pt15 pb10 plr0 flex-center mob-menu col-12" style="margin-top: 50px;">
2967        
2968        
2969        
2970                    <a class="mobile__logo_only mb15" href="https://www.erlikkaffe.no" ><img class="img-fluid logo " src="/users/erlikkaffe_mystore_no/logo/Header04.07.215." alt="=Kaffe" ></a>
2971        
2972        <!-- Open Search Field START -->
2973        
2974                </div>
2975
2976        <!-- Open Search Field END -->
2977                    <!--  Slogans for mobile -->
2978            <div class="col-12 flx justify-content-center mob-menu slogans-mobile" style="min-height: 46px;background: #000000;">
2979
2980      
2981
2982        
2983                                
2984                            <div class='mobile_slogan' style='font-size:16px'>
2985                                                                                                                                Fast frakt 69,- 
2986                                                                                        </div>
2987                        
2988        
2989                                
2990                        
2991        
2992                                
2993                        
2994    </div>
2995
2996            <!-- /Slogans for mobile -->
2997        
2998            </div>
2999
3000        
3001
3002    
3003
3004
3005                <!-- mobile_menu_3 -->
3006        <!-- mobile menu in templates -->
3007<nav id="mobile_header" class="navbar navbar-expand fixed-bottom mob-menu mob-menu-3 d-print-none">
3008  <div class="collapse navbar-collapse" id="navbarNav">
3009    <div class="container-fluid plr5">
3010      <ul class="navbar-nav">
3011        <div class="col menu __home_icon">
3012          <a class="menu__elem" href="https://www.erlikkaffe.no">
3013            <div class="menu__icons">
3014                            	<i class="fal fa-home mob-icons mb5" aria-hidden="true"></i>
3015                            <p class="menu__text">Hjem</p>
3016            </div>
3017          </a>
3018        </div>
3019
3020        <div class="col menu _mobile_menu_icon">
3021          <a class="menu__elem" data-target="overlay-menu" onclick="javascript:$('.overlay').toggleClass('menu-open');">
3022            <div class="menu__icons">
3023                              <i class="fal fa-align-justify mob-icons mb5" aria-hidden="true"></i>
3024                <i class="fal fa-times mb5" aria-hidden="true"></i>
3025                            <p class="menu__text">Meny</p>
3026            </div>
3027          </a>
3028        </div>
3029
3030      <!-- Hide Search With Advanced Option -->
3031  		          <div class="col menu text-center __search_icon">
3032                        <a class="menu__elem" data-target="overlay-search" onclick="javascript:$('.overlay.menu-open').removeClass('menu-open');">
3033              <div class="menu__icons">
3034                                  <i class="fal fa-search mob-icons mb5" aria-hidden="true"></i>
3035                  <i class="fal fa-times mob-icons mb5" aria-hidden="true"></i>
3036                                <p class="menu__text">Søk</p>
3037              </div>
3038            </a>
3039                      </div>
3040                <div class="col menu __myaccount_icon">
3041          <a class="text-center" href="https://www.erlikkaffe.no/account">
3042            <div class="menu__icons">
3043                              <i class="fal fa-user mob-icons mb5" aria-hidden="true"></i>
3044                <i class="fal fa-times mob-icons mb5" aria-hidden="true"></i>
3045                              <p class="menu__text">Konto</p>
3046            </div>
3047          </a>
3048        </div>
3049        <div class="col menu __cart_icon">
3050           <a  class="menu__elem topmenu-buttons flx flex-column align-items-center plr5" data-target="overlay-cart">
3051            <div class="menu__icons mega-cart-icon">
3052                              <i class="fal fa-shopping-cart mob-icons mb5" aria-hidden="true"></i>
3053              	<span class="cart-counter"><span>0</span><span>0</span></span>
3054                <i class="fal fa-times mob-icons mb5" aria-hidden="true"></i>
3055                          <p class="menu__text">Handlekurv</p>
3056            </div>
3057          </a>
3058        </div>
3059      </ul>
3060    </div>
3061  </div>
3062</nav>
3063<div class="col-10 pl0 buy-button fixed-bottom mob-menu">
3064
3065  <a class="btn-buy-button"
3066     href="           	           		https://www.erlikkaffe.no/cart
3067           	           "
3068     style="display: block;"><h5 class="pt10">Til kassen</h5><span class="cart-total-price">Totalt 0</span></a>
3069</div>
3070<div id="slide-in-v3" class="overlay slide_in_cart_mobile ">
3071  <div class="container-fluid plr0">
3072    <div class="overlay__elem no-icons" id="overlay-menu">
3073      		<div class="row mlr0">
3074  <div class="col-12 plr0 mt20">
3075    <div>
3076      <h2 class="text-center mob-header">Meny</h2>
3077    </div>
3078  </div>
3079  <div class="col-12 plr0 pt10">
3080    <!-- function for mobile menu -->
3081    
3082
3083    
3084    <!-- /function for mobile menu -->
3085    
3086              <div class="row mlr0 pb20 __mob_menu_wrapper">
3087                                                    <div
3088                 class="col-4 plr5 menu-grid text-center category-box KAFFEMEDLEMSKAP-cat"><a
3089                  href="https://www.erlikkaffe.no/categories/kaffemedlemskap" data-target="m-menu-2"
3090                  class="menu-grid-img no-image">
3091                                    <span class="mob-icons-text">KAFFEMEDLEMSKAP</span>
3092                </a>
3093              </div>
3094
3095                                                <div
3096                 class="col-4 plr5 menu-grid text-center category-box KAFFEKOPP-cat"><a
3097                  href="https://www.erlikkaffe.no/categories/kaffekopp" data-target="m-menu-2"
3098                  class="menu-grid-img no-image">
3099                                    <span class="mob-icons-text">KAFFEKOPP</span>
3100                </a>
3101              </div>
3102
3103                                  
3104              <div
3105                class="col-4 plr0 category-box KAFFE & TE-cat text-center menu-grid has-child ">
3106                <span href="https://www.erlikkaffe.no/categories/kaffete" data-target="m-menu-2"
3107                  class="menu-grid-img no-image">
3108                  <span class="clicker">
3109                    <i class="fa fa-plus"></i>
3110                                        <span class="mob-icons-text">KAFFE & TE</span>
3111                  </span>
3112                                      <div class="dropmenu-small m-menu-2">
3113                                                              <h3 class="text-center mob-header one-step-back" data-id="102">
3114                        <i class="fa fa-angle-left"></i> KAFFE & TE
3115                      </h3>
3116                    
3117                    <ul class="sub_menu">
3118                                            <div class="row mlr0 pb20">
3119
3120                        <div
3121                           class="col-4 plr5 menu-grid text-center"><a href="https://www.erlikkaffe.no/categories/kaffete"
3122                            data-target="m-menu-2"
3123                            class="menu-grid-img no-image">
3124                            
3125                            <span class="mob-icons-text">Se alle</span>
3126                          </a>
3127                        </div>
3128
3129                        
3130                                                  <div
3131                 class="col-4 plr5 menu-grid text-center category-box Kaffe-cat"><a
3132                  href="https://www.erlikkaffe.no/categories/kaffe" data-target="m-menu-2"
3133                  class="menu-grid-img no-image">
3134                                    <span class="mob-icons-text">Kaffe</span>
3135                </a>
3136              </div>
3137
3138                                                <div
3139                 class="col-4 plr5 menu-grid text-center category-box TE-cat"><a
3140                  href="https://www.erlikkaffe.no/categories/te" data-target="m-menu-2"
3141                  class="menu-grid-img no-image">
3142                                    <span class="mob-icons-text">TE</span>
3143                </a>
3144              </div>
3145
3146                                          
3147                      </div>
3148                    </ul>
3149                                        </div>
3150                                  </span>
3151              </div>
3152                                                <div
3153                 class="col-4 plr5 menu-grid text-center category-box UTSTYR & GAVER-cat"><a
3154                  href="https://www.erlikkaffe.no/categories/kunst" data-target="m-menu-2"
3155                  class="menu-grid-img no-image">
3156                                    <span class="mob-icons-text">UTSTYR & GAVER</span>
3157                </a>
3158              </div>
3159
3160                                              </div>
3161          
3162                  
3163                
3164                            <!-- INSERT CURRENCIES HERE. SIMILAR STYLE AS LANGUAGE AND TAX, plz -->
3165    
3166    <!-- Links from Hovedmeny/Innhold -->
3167    <!-- THIS SHOULD CHECK IF LINK IS INCLUDED IN BOTH TOP AND BOTTOM MENU AND SHOW ONLY ONE!! -->
3168    <div class="col-12 mb40 menu-border">
3169      <div class="row mlr0 pt20">
3170                          <div class="col-6 menu-links text-center">
3171            <span class="menu-links-text">
3172              <a href="https://www.erlikkaffe.no/pages/om-oss">Om =Kaffe
3173              </a>
3174            </span>
3175          </div>
3176                  <div class="col-6 menu-links text-center">
3177            <span class="menu-links-text">
3178              <a href="https://www.erlikkaffe.no/pages/conditions">Salgsbetingelser
3179              </a>
3180            </span>
3181          </div>
3182                  <div class="col-6 menu-links text-center">
3183            <span class="menu-links-text">
3184              <a href="https://www.erlikkaffe.no/pages/frakt-og-retur">Frakt og retur
3185              </a>
3186            </span>
3187          </div>
3188              </div>
3189    </div>
3190    <!-- /Links -->
3191    <!-- Storename etc -->
3192      </div>
3193</div>
3194          </div>
3195    <!-- /mobile menu -->
3196    <!-- Overlay for search -->
3197        <div class="overlay__elem" id="overlay-search">
3198      <div class="row">
3199        <div class="col-12">
3200          <form name="quick_find" action="/search_result" method="GET" onSubmit="return check_form(this);">
3201            <div class="mobile-menu-close">
3202            </div>
3203            <div class="col-12 plr0 pt10">
3204              <div class="row">
3205                <div class="col-12">
3206                   <div></div>
3207                  <div class="input-group input-group-lg search-input">
3208                    <input type="text" class="form-control js-input-search clerk-v2-search-input" name="keywords" id="keywords2" value=""  placeholder="Hei. Hva leter du etter?">
3209                                                              	                            		<div class="crall-search" data-search-container="#keywords2" data-result-types="categories,products" data-recommendation-id="@live-search-mobile"></div>
3210                               <span id="clerklsm" class="clerk"  data-live-search-categories="true" data-bind-live-search="#keywords2" data-template="@live-search-mobile" data-live-search-categories-title="Kategorier" data-live-search-products-title="Produkter"></span>
3211                                                                                          <span class="input-group-btn">
3212                      <button class="btn btn-default js-reset-btn" type="button">Nullstill</button>
3213                    </span>
3214                    <div id="search-down-wrapper-2"></div>
3215                  </div><!-- /input-group -->
3216                </div><!-- /.col-lg-6 -->
3217              </div>
3218              <div class="row mt10">
3219                <div class="col-12">
3220                  <p class="pull-right search-help">
3221                    Trykk ENTER for å søke
3222                  </p>
3223                </div>
3224              </div>
3225            </div>
3226          </form>
3227        </div>
3228      </div>
3229    </div>
3230	    <!-- Overlay for search -->
3231
3232    <!-- Overlay for cart -->
3233     
3234    <div class="overlay__elem h-100 cart-content test" id="overlay-cart">
3235      <div data-template="menu" class="cart-content additional-crall">
3236        <div class="container cart-container">
3237          <div>
3238            <h5 class="text-center mt10 mb20">
3239              Handlekurv / <span id="total_cart_quantity">0</span> produkter
3240                            <!-- FIX THIS SO IT CHECKS FOR ONE OR SEVERAL PRODUCTS AND USE CORRESPONDING TEXT -->
3241            </h5>
3242          </div>
3243                       <div
3244                class="cart_bottom_part"
3245                data-sidebar-cart-num-items="0"
3246                data-sidebar-total="0.00"
3247                data-sidebar-total-alt="0,-"
3248              >
3249                                 <div class="content text-center">
3250                      <div class="col-xs-12">
3251                          <div class="empty">
3252                              <i class="fa fa-meh-o fa-3x" aria-hidden="true"></i><br><h4>Handlekurven er tom</h4>
3253                              <h5 class="mb20 pt20">Er du usikker på hvor du skal begynne??</h5>
3254                              <a href="../new_products" class="btn btn-block btn-info mb10">
3255                                  Sjekk ut nyhetene våre
3256                              </a>
3257                          </div>
3258                      </div>
3259                  </div>
3260                              </div><!-- Cart Wrapper End-->
3261            </div>
3262          </div>
3263          <div class="attach-to-bottom">
3264  <div class="cart-actions container-fluid plr0">
3265    <div class="buy-button" data-sidebar-total="0,-" data-sidebar-cart-num-items="0">
3266      <h5 class="pt10 flex justify-between total-price-wrapper">
3267        <span>TOTALT</span>
3268                  <span class="cart-total-price"
3269            data-cart-total-price="0,-">0,-
3270          </span>
3271              </h5>
3272      <div class="btn-buy-button cart-button buy-button-cart">
3273                  <a href="https://www.erlikkaffe.no/cart" class="cart-cta-btn">GÃ¥ til handlekurven <i class="fal fa-long-arrow-right"></i></a>
3274                <a href="#" class="close-button"><i class="fa fa-times"></i></a>
3275      </div>
3276    </div>
3277  </div>
3278</div>
3279
3280<style>
3281  #overlay-cart {
3282    max-height: none;
3283    overflow: hidden;
3284    margin-bottom: 0;
3285  }
3286
3287  .cart-content.additional-crall {
3288    max-height: 100% !important;
3289    height: auto !important;
3290    margin: 0 !important;
3291    border-bottom: 2px solid #E2E8F0;
3292    height: 100% !important;
3293  }
3294
3295  .attach-to-bottom {
3296    display: none !important;
3297    background: #fff;
3298  }
3299
3300  .overlay.active.cart-open .attach-to-bottom {
3301    display: block !important;
3302  }
3303
3304  .total-price-wrapper {
3305    margin-bottom: 16px;
3306  }
3307
3308  .total-price-wrapper span {
3309    font-size: 16px;
3310    line-height: 1.6;
3311    font-weight: 700;
3312  }
3313
3314  .attach-to-bottom .flex {
3315    display: flex;
3316  }
3317
3318  .attach-to-bottom .justify-between {
3319    justify-content: space-between;
3320  }
3321
3322  .overlay.cart-open>.container-fluid {
3323    height: calc(100vh - 140px);
3324  }
3325
3326  .overlay.active.cart-open {
3327    max-width: 375px;
3328    width: 100%;
3329    right: 0;
3330    left: auto;
3331  }
3332
3333  .attach-to-bottom {
3334    position: fixed;
3335    width: 100%;
3336    max-width: 375px;
3337    left: auto;
3338    right: 0;
3339    box-sizing: border-box;
3340    padding: 0 20px 60px 20px;
3341    /* was 20px 20px 60px 20px */
3342    bottom: 0;
3343  }
3344
3345  .cart-button {
3346    display: block;
3347    text-transform: uppercase;
3348    height: auto;
3349    border-radius: 6px;
3350    color: #000 !important;
3351    font-weight: 400;
3352
3353    position: absolute;
3354    left: 0;
3355    bottom: 0;
3356    border-radius: 0;
3357    display: flex;
3358  }
3359
3360  .cart-button>a {
3361    padding: 16px;
3362  }
3363
3364  .cart-button>a.cart-cta-btn {
3365    flex-grow: 1;
3366    background: #000000;
3367    color:#ffffff;
3368          border-color: #000000;
3369      }
3370
3371  .cart-button>a.cart-cta-btn:hover {
3372    background: #000000;
3373    color:#ffffff;
3374          border-color: #000000;
3375      }
3376
3377  .cart-button>a.close-button {
3378    width: 56px;
3379    background: #fff;
3380  }
3381
3382  .cart-container h5>.success-visible,
3383  .cart-container h5>.warning-visible {
3384    display: none !important;
3385  }
3386
3387  body .cart-actions .buy-button .buy-button-cart,
3388  body .mob-menu .btn-buy-button,
3389  body .pay-button .btn,
3390  body #cart-page .btn-purchase,
3391  body div.popup_wrapper .right_part a {}
3392
3393  .cart-actions .buy-button .buy-button-cart {
3394    background: #fff !important;
3395    width: 100%;
3396    display: flex !important;
3397    margin: 0 !important;
3398  }
3399
3400  #addShadeBg.active {
3401    display: block;
3402    width: 100%;
3403    opacity: .6;
3404    height: 100%;
3405    position: fixed;
3406    top: 0;
3407    left: 0;
3408    background: #000;
3409  }
3410
3411  .buy-button.fixed-bottom.mob-menu {
3412    display: none !important;
3413  }
3414
3415  #overlay-cart .cart-content,
3416  #overlay-cart .cart-content .container.cart-container,
3417  #overlay-cart .cart-content .cart_bottom_part {
3418    padding: 0;
3419    overflow-x: hidden !important;
3420  }
3421
3422  @media (max-width: 992px) {
3423
3424    html.no-scroll body,
3425    html.no-scroll {
3426      overflow-y: hidden;
3427    }
3428  }
3429
3430  @media (min-width: 993px) {
3431    #overlay-cart .cart-content .cart_bottom_part {
3432      padding: 0 15px;
3433    }
3434
3435    #overlay-cart h5 .close-button {
3436      position: absolute;
3437      top: 13px;
3438      right: 15px;
3439      margin: 0 !important;
3440    }
3441  }
3442
3443  .overlay .__top_container .cart-prod-title,
3444  .overlay .__top_container .cart-prod-title a {
3445    font-weight: 600;
3446    max-height: none;
3447  }
3448</style>
3449<script type="text/javascript">
3450  $(document).ready(function($) {
3451    setTimeout(function() {
3452      var menuElements = $('.menu__elem')
3453      var overlay = $('.overlay')
3454      var addShade = $('#addShadeBg')
3455      var overlayElements = $('.overlay__elem')
3456      var closeMenu = $('.mobile-menu-close')
3457
3458      function getIcons() {
3459        return $(this).find('.menu__icons').find('.fal')
3460      }
3461
3462      function resetMenu() {
3463        menuElements.removeClass('menu__elem--active')
3464        $.each(menuElements, function(i, element) {
3465          var icons = getIcons.call(element)
3466          if (icons.hasClass('fa-home')) {
3467            return
3468          }
3469          icons.filter('.fa-times').hide()
3470          icons.filter('.fal:not(.fa-times)').css('display', 'inline-block')
3471
3472        })
3473        $('.buy-button').removeClass('big-btn');
3474        overlayElements.hide()
3475
3476      }
3477
3478      function hideOverlay() {
3479        overlay.removeClass('active')
3480        overlay.removeClass('cart-open')
3481        overlay.removeClass('menu-open')
3482        addShade.removeClass('active')
3483        $('html').removeClass('no-scroll')
3484        $('.cart-counter').show()
3485      }
3486
3487      $('body').undelegate('#close-button', 'click');
3488      $('#close-button').unbind('click');
3489      $('body').off('click', '.overlay .close-button');
3490      $('body').on('click', '.overlay .close-button', function(e) {
3491        console.log("Called from a custom event handler");
3492        e.preventDefault();
3493        setTimeout(function() {
3494          resetMenu();
3495          hideOverlay();
3496        }, 1);
3497      });
3498    }, 1);
3499
3500  });
3501</script>
3501
3502      </div>
3503      
3504
3505    </div>
3506    <!-- /Overlay for cart -->
3507  </div>
3508</div>
3509
3510<style>
3511.close_cart {
3512    padding: 0;
3513    height: 20px;
3514    width: 20px;
3515    background: #F1F5F9;
3516    border-radius: 50%;
3517    margin-top: 4px !important;
3518    line-height: 18px;
3519}
3520
3521.close_cart i {
3522  font-weight: normal;
3523}
3524
3525/**** TOP PART STYLE ****/
3526.cart-content.additional-crall {
3527  overflow-x: hidden;
3528}
3529.cart-content.additional-crall::-webkit-scrollbar {
3530  display: none;
3531}
3532
3533.__top_container,
3534.__bottom_container {
3535  /*padding-left: 0;
3536  padding-right: 0;*/
3537}
3538
3539.overlay .__top_container {
3540  min-height: 70px;
3541}
3542
3543.overlay .__top_container .img-cart {
3544  max-width: 100%;
3545  width: 100% !important;
3546  height: auto !important;
3547}
3548
3549.overlay .__top_container .cart-prod-title {
3550  margin-top: -6px;
3551}
3552
3553.overlay .__top_container .cart-prod-title,
3554.overlay .__top_container .cart-prod-title a {
3555  font-style: normal;
3556  font-weight: 600;
3557  font-size: 16px !important;
3558  line-height: 22px;
3559}
3560
3561.overlay .__top_container .cart-prod-attributs * {
3562  font-size: 14px;
3563}
3564
3565/**** BOTTOM PART STYLE ****/
3566.overlay .__bottom_container .__remove_icon {
3567  display: flex;
3568  justify-content: center;
3569}
3570
3571.overlay .__bottom_container .__remove_icon .remove_product_from_minicart {
3572  text-align: center;
3573  width: auto;
3574  height: auto;
3575}
3576
3577.overlay .__bottom_container .delete-cart i  {
3578  width: 28px;
3579  height: 28px;
3580  background: #F3F4F6;
3581  border-radius: 4px;
3582  line-height: 28px;
3583  text-align: center;
3584  color: #4B5563;
3585  margin: auto;
3586  position: static;
3587}
3588
3589.overlay .__bottom_container .cart-info-text {
3590  padding-left: 0 !important;
3591  align-items: flex-end;
3592  padding: 0;
3593}
3594
3595.overlay .__bottom_container .cart-info-text input {
3596  min-width: auto !important;
3597  width: 28px;
3598  height: 28px;
3599  padding: 0;
3600  background: #F3F4F6;
3601  border: none;
3602  color: #374151;
3603  font-size: 16px;
3604  line-height: 22px;
3605}
3606
3607.overlay .__bottom_container .price-and-delete-wrapper .cart-old-price,
3608.overlay .__bottom_container .price-and-delete-wrapper .cart-old-price s,
3609.overlay .__bottom_container .price-and-delete-wrapper .cart-price  {
3610  font-size: 16px !important;
3611  color: #374151 !important;
3612  font-weight: 600 !important;
3613}
3614
3615.overlay .__bottom_container .price-and-delete-wrapper .cart-old-price {
3616  margin-left: 0 !important;
3617  margin-right: 10px;
3618}
3619.overlay .__bottom_container .price-and-delete-wrapper .cart-old-price s {
3620  /* text-decoration: none; */
3621}
3622
3623.overlay .__bottom_container .price-and-delete-wrapper .cart-old-price ~ .cart-price,
3624.overlay .__bottom_container .price-and-delete-wrapper .customer-club-price > span {
3625  color: #BE185D !important;
3626  font-weight: bold;
3627}
3628
3629.price-and-delete-wrapper > div > div {
3630  padding-top: 0 !important;
3631}
3632
3633  .dropmenu-small.m-menu-2 {
3634    display: none;
3635  }
3636  body .attach-to-bottom {
3637    margin:  0 !important;
3638  }
3639
3640  .overlay.active.cart-open{
3641    z-index: 10000;
3642  }
3643
3644.product-cart-row {
3645  padding-bottom: 28px;
3646  padding-top: 10px;
3647}
3648
3649
3650  .product-cart-row:last-child {
3651    margin-bottom: 60px;
3652    border-bottom: none !important;
3653  }
3654
3655  /* Bonus points notification */
3656 .bonus_points_notification {
3657    background-color: #38b489;
3658    color: #fff;
3659    display: flex;
3660    flex-direction: column;
3661    align-items: center;
3662    border-radius: 8px;
3663   	padding: 8px;
3664   	max-width: 320px;
3665    margin: 0 auto 10px;
3666   color: #0C573C !important;
3667    background: #D6F2E1;
3668    border: 1px solid rgba(12, 87, 60, 0.34) !important;
3669  }
3670
3671  /*.bonus_points_notification:before {
3672    content: "";
3673    display: inline-block;
3674    width: 10px;
3675    height: 10px;
3676    background-color: #38b489;
3677    padding: 0;
3678    transform: rotate(45deg);
3679    margin-top: -12px;
3680    position: absolute;
3681  }*/
3682
3683  .bonus_points_notification p {
3684    margin: 0;
3685  }
3686  .plr30 {
3687    padding-left: 30px;
3688    padding-right: 30px;
3689  }
3690</style>
3691        
3692        <div class="page-wrapper">
3693        
3694                    <section class="front-image">
3695                                                        <!-- Default menu for America -->
3696
3697  <div class="header_full_wrapper">
3698        <div class="w-100 slogans">
3699      <div class="container-fluid plr10">
3700        <div class="col-12 plr0 flx">
3701                           <div class="col-6 slogans-text plr0">
3702            <!-- Slogans -->
3703                          		                    	                          <sp
3703an>Fast frakt 69,- </span>
3704            		                                                | 						                      <span>Fri frakt over 1000,-</span>
3705					                                          <!-- /Slogans -->
3706
3707              
3708          </div>
3709          <div class="col-6">
3710            <!-- Right slogans links etc-->
3711            <nav class="float-right slogans-text">
3712              <ul class="flat-menu">
3713                  
3714                                                                <li class="flat-menu-list "><a class="menubutton0" href="https://www.erlikkaffe.no/pages/om-oss">Om =Kaffe</a></li>
3715                                            <li class="flat-menu-list "><a class="menubutton1" href="https://www.erlikkaffe.no/contact_us">Kontakt oss</a></li>
3716                                            <li class="flat-menu-list "><a class="menubutton2" href="https://www.erlikkaffe.no/pages/jobb-hos-oss">Jobb hos oss</a></li>
3717                                                            
3718                                                      </ul>
3719            </nav>
3720            <!-- /Right slogans links etc-->
3721          </div>
3722    	</div>
3723    </div>
3724  </div>
3725  <!-- /slogans -->
3726
3727  <!-- logo area -->
3728  <div class="w-100 main_menu">
3729    <div class="container-fluid plr10">
3730      <div class="row no-gutters">
3731        <div class="col-12 plr0">
3732          <div class="row header__row">
3733            <div class="logo__wrapper d-flex col-md-4 " >
3734              <!-- LOGO -->
3735                            <a href="https://www.erlikkaffe.no"><img class="logo-lg img-fluid" src="/users/erlikkaffe_mystore_no/logo/Header04.07.215." alt="=Kaffe"></a>
3736                            <!-- LOGO -->
3737
3738              
3739            </div>
3740
3741        	<!-- Hide Search With Advanced Option -->
3742                          <div class="col-md-4 align-items-center flx __serach_wrapper">
3743                <form id="quick_find_search" class="w100" name="quick_find" action="https://www.erlikkaffe.no/search_result" method="get" onsubmit="return this.keywords.value.trim() !== '';">
3744                <div class="input-group input-group-lg">
3745                  <div class="search-icon">
3746                  <i class="fal fa-search" aria-hidden="true"></i>
3747                  </div>
3748                  <input type="text" name="keywords" value="" id="keywords3" class="form-control search-form-input clerk-v2-search-input" aria-label="Search" placeholder="Hei. Hva leter du etter?">
3749                                              
3750                                                                                            <div class="crall-search" data-search-container="#keywords3" data-result-types="categories,products" data-recommendation-id="@live-search-mobile"></div>
3751                                                                                                                          </div>
3752              </form>
3753              </div>
3754            
3755                                  	<div class="col-4 align-items-center justify-content-end flx __header_icons_wrapper" style="min-height: 102px;">
3756                      
3757                            
3758                                                         
3759                                        	
3760                  <div class="mega-icons account-menu-icon">
3761                    <a href="https://www.erlikkaffe.no/account" class="topmenu-buttons flx flex-column align-items-center plr15">
3762                                                    <i class="fal fa-2x fa-user" aria-hidden="true"></i>
3763                                                                            <span class="mega-icons-txt">
3764                                                              Logg inn
3765                                                          </span>
3766                                            </a>
3767                                      </div>
3768              	
3769                            <div class="mega-icons mega-cart-icon">
3770           		<a                    class="menu__elem topmenu-buttons flx flex-column align-items-center plr15"
3771                   data-target="overlay-cart">
3772                 
3773                  <span class="cart-counter ref"><span>0</span><span>0</span></span>
3774                  
3775                                      <i class="fal fa-2x topmenu-buttons fa-shopping-cart" aria-hidden="true"></i>
3776                                   <span class="mega-icons-txt topmenu-buttons">Handlekurv</span>
3777                </a>
3778              </div>
3779            </div>
3780          </div>
3781        </div>
3782      </div>
3783    </div>
3784  </div>
3785  
3785<script>
3786    function preventMe(e) {
3787      e.preventDefault()
3788    }
3789  </script>
3789
3790  <!-- /logo area -->
3791  <!-- Megamenu for desktop -->
3792               <div class="w-100 megamenu">
3793        <div class="container-fluid plr0">
3794          <div class=" menu-desktop desknav" data-toggle="sticky-onscroll">
3795            <nav class="navbar navbar-expand-lg plr0 ptb0">
3796            <div class="navbar-container" id="navbarNavDropdown">
3797              <!-- function for desktop menu -->
3798              
3799              
3800              <ul class="list-inline">
3801              <!-- /function for desktop menu -->
3802              
3803
3804                                                <!-- har ikke underkategori og kommer fra menu tpl -->
3805                <li  class="list-inline-item"><a href="https://www.erlikkaffe.no/categories/kaffemedlemskap" data-target="m-menu-2" class="nav-link">
3806                  KAFFEMEDLEMSKAP
3807                </a>
3808              </li>
3809                                                            <!-- har ikke underkategori og kommer fra menu tpl -->
3810                <li  class="list-inline-item"><a href="https://www.erlikkaffe.no/categories/kaffekopp" data-target="m-menu-2" class="nav-link">
3811                  KAFFEKOPP
3812                </a>
3813              </li>
3814                                                            <!-- har  underkategori og kommer fra menu.tpl -->
3815                <li class="list-inline-item dropdown has-child ">
3816                  <span>
3817                    <a class="nav-link dropdown-toggle" href="javascript:void(0)" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
3818                       KAFFE & TE
3819                     </a>
3820                                <div class="dropdown-menu m-menu-2">
3821                                    <ul class="sub_menu pl0">
3822                    
3823                                <a class="menu-hover" href="https://www.erlikkaffe.no/categories/kaffete">
3824                <div class="col-12 plr10 pb5 flx align-items-center desktopmenu">
3825                <div class="col-12 menu-cat-text">
3826                        Se alle produkter
3827                </div>
3828                </div>
3829            </a>
3830                    
3831        <div class="outer">
3832                                                                        <!-- categories with child but no sub-child og kommer fra page_header -->
3833                        <a href="https://www.erlikkaffe.no/categories/kaffe" data-target="m-menu-2" class="no-sub menu-hover">
3834                        <div  class="col-12 plr0 pt5 pb5 flx align-items-center desktopmenu">
3835                                                        <div class="col-12 plr10 pt5 pb5 flx align-items-center">
3836                            <div class="col-9 menu-cat-text pl5">Kaffe</div>
3837                            </div>
3838                                                </div>
3839                        </a>
3840                                                                                <!-- categories with child but no sub-child og kommer fra page_header -->
3841                        <a href="https://www.erlikkaffe.no/categories/te" data-target="m-menu-2" class="no-sub menu-hover">
3842                        <div  class="col-12 plr0 pt5 pb5 flx align-items-center desktopmenu">
3843                                                        <div class="col-12 plr10 pt5 pb5 flx align-items-center">
3844                            <div class="col-9 menu-cat-text pl5">TE</div>
3845                            </div>
3846                                                </div>
3847                        </a>
3848                                                        </div>
3849    
3850                  </ul>
3851                                  </div>
3852                                                                              <!-- har ikke underkategori og kommer fra menu tpl -->
3853                <li  class="list-inline-item"><a href="https://www.erlikkaffe.no/categories/kunst" data-target="m-menu-2" class="nav-link">
3854                  UTSTYR & GAVER
3855                </a>
3856              </li>
3857                                          
3858                                  
3859                                                           </ul>
3860            <div class="pull-right list-inline-item dnone floating-cart pr20">
3861                  <a class="menu__elem topmenu-buttons flx flex-column align-items-center plr15" data-target="overlay-cart">
3862                    <span class="cart-counter ref" style=""><span>0</span><span>0</span></span>
3863                    <i class="fal topmenu-buttons fa-shopping-cart" aria-hidden="true"></i>
3864                    <span class="mega-icons-txt topmenu-buttons"> </span>
3865                  </a>
3866                </div>
3867          </div>
3868                 </nav>
3869        </div>
3870        </div>
3871      </div>  <!-- /desktop simple menu -->
3872        <!-- /done megamenu for desktop -->
3873
3874</div><!-- .header_full_wrapper -->
3875                                                </section>
3876
3877                        
3878                        
3879                                        
3880            <!-- Video Banner START -->
3881                        <!-- Video Banner END -->
3882
3883            
3884                                                        
3885            
3886
3887<style>
3888  .notification_wrapper > .modal-dialog {
3889    position: absolute;
3890    left: 50%;
3891    top: 50%;
3892    transform: translate(-50%, -50%);
3893    min-height: 10px !important;
3894    min-width: 320px;
3895    
3896  }
3897  .notification_wrapper .modal-content {
3898    padding: 10px;
3899  }
3900   .notification_wrapper .modal-content > div {
3901     border: none;
3902  }
3903  .notification_wrapper .modal-header {
3904  	display: flex;
3905    flex-direction: row;
3906    justify-content: start;
3907    align-items: center;
3908  }
3909  
3910  .notification_wrapper .modal-footer {
3911    justify-content: flex-start;
3912  } 
3913  
3914  .notification_wrapper div:before, .notification_wrapper div:after {
3915    content: "" !important;
3916  }
3917  .notification_wrapper .modal-icon {
3918    font-size: 36px;
3919    margin-right: 14px;
3920    color: #1e83f7;
3921    line-height: 0;
3922  }
3923  
3924  
3925  .modal-header .close{
3926    position: absolute;
3927    top: 10px;
3928    right: 20px;
3929    
3930  }
3931  
3932  .notification_wrapper > .modal-dialog > .modal-content {
3933    top: 0;
3934  }
3935  .notification_wrapper .modal-footer {
3936    justify-content: center;
3937  }
3938  
3939  /* Success color scheme */
3940    .notification_wrapper .success .modal-footer .btn {
3941    background:#65a579 !important;
3942    border-color:#65a579 !important; 
3943  }
3944  
3945  .notification_wrapper .success .modal-icon {
3946     color:#65a579 !important; 
3947  }
3948  
3949    /* Error color scheme */
3950    .notification_wrapper .error .modal-footer .btn {
3951    background:#dc0a49 !important;
3952    border-color:#dc0a49 !important; 
3953  }
3954  
3955  .notification_wrapper .error .modal-icon {
3956     color:#dc0a49 !important; 
3957  }
3958  
3959  /* Warning color scheme */
3960  .notification_wrapper .warning .modal-footer .btn {
3961    background:#dcb20a !important;
3962    border-color:#dcb20a !important; 
3963  }
3964  
3965  .notification_wrapper .warning .modal-icon {
3966     color:#dcb20a !important; 
3967  }
3968  
3969  /* Info color scheme */
3970  .notification_wrapper .info .modal-footer .btn {
3971    background:#1e83f7 !important;
3972    border-color:#1e83f7 !important; 
3973  }
3974  
3975  .notification_wrapper .info .modal-icon {
3976     color:#1e83f7 !important; 
3977  }
3978  
3979</style>
3980<script>
3981  $(document).ready(function() {
3982    function closeNotificationPopup() {
3983      $(this).fadeOut();
3984    }
3985	$('.notification_wrapper').on('click', closeNotificationPopup)
3986  })
3987</script>
3987
3988                        
3988<script>
3989            $('form#quick_find_search .search-icon').on('click', function(){
3990                    $(this).closest('form').submit();
3991                });
3992            </script>
3992
3993
3994            
3995 <!-- Temp statement for cart V2 -->
3996			<!--Content cart-->
3997<style>
3998	/* adding Open sans */
3999	@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
4000
4001	.cartcontainer {
4002		margin-top: 20px;
4003		border-radius: 12px;
4004		box-shadow: 0 0 22px rgb(0 0 0 / 5%);
4005		padding: 20px !important;
4006	}
4007
4008	.mob-hide {
4009		display: none !important;
4010	}
4011
4012	.cartbox {
4013		padding-top: 0 !important;
4014	}
4015
4016	.page-wrapper {
4017		background-color: #F5F5F5;
4018	}
4019
4020	.mobheader {
4021		background-color: #fff;
4022		padding: 10px;
4023		font-family: 'Open Sans', sans-serif !important;
4024		/* blerrgh, but it needs to be set muy importante */
4025	}
4026
4027	.cartbox {
4028		background-color: #fff;
4029		border-radius: 2px;
4030		padding: 10px;
4031		font-family: 'Open Sans', sans-serif !important;
4032		/* blerrgh, but it needs to be set muy importante */
4033	}
4034
4035	.summarybox {
4036		border-radius: 2px;
4037		padding: 10px;
4038		font-family: 'Open Sans', sans-serif !important;
4039		/* blerrgh, but it needs to be set muy importante */
4040	}
4041
4042	.commentbox {
4043		background-color: #fff;
4044		border-radius: 2px;
4045		padding: 15px;
4046		font-family: 'Open Sans', sans-serif !important;
4047		/* blerrgh, but it needs to be set muy importante */
4048	}
4049
4050	.cartheading {
4051		font-size: 18px;
4052		font-weight: 600;
4053		font-family: 'Open Sans', sans-serif !important;
4054		/* blerrgh, but it needs to be set muy importante */
4055	}
4056
4057	.cartheading-sub {
4058		font-size: 16px;
4059		font-weight: 600;
4060		font-family: 'Open Sans', sans-serif !important;
4061		/* blerrgh, but it needs to be set muy importante */
4062	}
4063
4064	.cartimagebox {}
4065
4066	.cartprodname {
4067		font-size: 16px;
4068		font-weight: 600;
4069	}
4070
4071	.cartvariants {
4072		font-size: 13px;
4073	}
4074
4075	.cart_out_of_stock {
4076		font-size: 12px;
4077	}
4078
4079	.cartquantity {
4080		margin-bottom: 0;
4081		text-align: center;
4082		display: flex;
4083		padding: 0 34px;
4084	}
4085
4086	.cartquantity>button,
4087	.cartquantity input {
4088		margin: 0 4px;
4089		text-align: center;
4090	}
4091
4092	.uppercase {
4093		text-transform: uppercase;
4094	}
4095
4096	.sumtext-lg {
4097		font-size: 16px;
4098	}
4099
4100	.sumtext-sm {
4101		font-size: 14px;
4102	}
4103
4104	.multiply-txt {
4105		font-size: 14px;
4106		font-weight: 600;
4107	}
4108
4109	#cqty .price-on-special s,
4110	.producttotal>span,
4111	.mobile .price_wrapper>span {
4112		font-size: 18px !important;
4113		font-weight: bold !important;
4114		color: #374151 !important;
4115	}
4116
4117	#cqty .price-on-special span {
4118		color: #BE185D !important;
4119		font-size: 18px !important;
4120		font-weight: bold !important;
4121	}
4122
4123	.cart-page .cart_out_of_stock {
4124		color: #BE185D !important;
4125	}
4126
4127	#cqty .price-on-special small span {
4128		color: #BE185D !important;
4129		font-size: 10px !important;
4130	}
4131
4132	.boldtext {
4133		font-weight: 600;
4134		font-size: 14px;
4135	}
4136
4137	.skinnyboi {
4138		font-weight: 300;
4139		font-size: 13px;
4140	}
4141
4142	.btn-purchase {
4143		max-height: 60px;
4144	}
4145
4146	.stock-text {
4147		font-size: 0.95rem;
4148	}
4149
4150	.pb15 {
4151		padding-bottom: 15px;
4152	}
4153
4154	.borderlight {
4155		border-top: 1px solid #dadfe1;
4156	}
4157
4158	input[type="number"]::-webkit-outer-spin-button,
4159	input[type="number"]::-webkit-inner-spin-button {
4160		-webkit-appearance: none;
4161		margin: 0;
4162	}
4163
4164	input[type="number"] {
4165		-moz-appearance: textfield;
4166	}
4167
4168	/* responsive fixes */
4169	/* Mobile cart content */
4170	.mobile-version-content .cartdescription {
4171		margin-top: -4px;
4172	}
4173
4174	.cart-page-V2 .mobile-version-content .cartinage_and_removeicon>div {
4175		flex-direction: column;
4176	}
4177
4178	.cart-page-V2 .mobile-version-content .cartimagebox {
4179		text-align: center;
4180		padding: 0;
4181		margin-bottom: 20px;
4182	}
4183
4184	.cart-page-V2 .mobile-version-content .cartimagebox img {
4185		max-width: 60px !important;
4186		max-height: 60px !important;
4187	}
4188
4189	.cart-page-V2 .mobile-version-content .price_and_quantity_row {
4190		align-items: center;
4191	}
4192
4193	.cart-page-V2 .mobile-version-content .producttotal {
4194		align-items: flex-end;
4195		padding: 0;
4196		flex-direction: column;
4197	}
4198
4199	.cart-page-V2 .mobile-version-content .producttotal>* {
4200		margin-right: 8px;
4201	}
4202
4203	.cart-page-V2 .mobile-version-content .producttotal>.price_wrapper>* {
4204		display: block;
4205		width: 100%;
4206		clear: both;
4207	}
4208
4209	@media (max-width: 575px) {
4210		.additional_wrapper_tab {
4211			padding: 0 !important;
4212		}
4213
4214		.cartcontainer {
4215			padding: 0;
4216		}
4217
4218		.container {
4219			padding: 0;
4220		}
4221
4222		.cartimages {
4223			max-width: 80px;
4224			max-height: 80px;
4225		}
4226
4227		.cartimagebox {}
4228	}
4229
4230	@media (max-width: 425px) {
4231		#myTab>li a i {
4232			display: block !important;
4233			margin-bottom: 6px;
4234		}
4235
4236		.mobile_only_view #discount_center_form {
4237			flex-direction: column !important;
4238		}
4239
4240		.mobile_only_view #discount_center_form input {
4241			width: 90% !important;
4242			margin: 0% 5% 5% 5% !important;
4243		}
4244
4245		#add_discount_center_code {
4246			max-width: 50%;
4247			margin: 0 25%;
4248		}
4249	}
4250
4251	@media (min-width: 576px) and (max-width: 767px) {
4252		.cartcontainer {
4253			max-width: 760px;
4254			padding: 0;
4255		}
4256
4257		.container {
4258			padding: 0;
4259		}
4260
4261		.cartimages {
4262			max-width: 80px;
4263			max-height: 80px;
4264		}
4265
4266		.cartimagebox {}
4267	}
4268
4269	@media (max-width: 767px) {
4270		.btn-purchase {
4271			max-height: 45px;
4272		}
4273
4274		.mob-hide {
4275			display: none;
4276		}
4277	}
4278	@media (min-width: 768px) {
4279		.cartcontainer {
4280			max-width: 990px;
4281		}
4282
4283		.mob-show {
4284			display: none;
4285		}
4286	}
4287
4288	@media (max-width: 1024px) {}
4289
4290	@media (min-width: 1025px) {
4291		.cartcontainer {
4292			margin-bottom: 80px;
4293			max-width: 1200px;
4294		}
4295
4296	}
4297
4298	@media (min-width: 1200px) {
4299		.cartimagebox {}
4300	}
4301
4302	@media (max-width: 500px) {
4303		.cart-page-V2 .mobile-version-content div.price_and_quantity_row {
4304			display: flex;
4305			flex-direction: column;
4306			justify-content: left;
4307			align-items: start;
4308		}
4309
4310		.cart-page-V2 .mobile-version-content div.producttotal {
4311			align-items: start;
4312			padding: 8px 16px;
4313		}
4314	}
4315
4316	.bundle-product__info {
4317		margin-bottom: 5px;
4318		;
4319	}
4320
4321	.bundle-product__info summary {
4322		display: block;
4323		position: relative;
4324		cursor: pointer;
4325		font-family: Source Sans Pro;
4326		font-size: 14px;
4327		color: #000000;
4328	}
4329
4330	.bundle-product__info details {
4331		background: none !important;
4332		height: auto;
4333		max-height: 1.5rem;
4334		/* set to line height */
4335		transition: all 0.1s ease;
4336	}
4337
4338	.bundle-product__info details summary::-webkit-details-marker {
4339		display: none;
4340	}
4341
4342	.bundle-product__info details[open]>summary::after {
4343		transform: rotate(0deg);
4344	}
4345
4346	.bundle-product__info details[open] {
4347		max-height: 2000vh;
4348		transition: all 1s ease;
4349	}
4350
4351	.bundle-product__info details[open] .bundle_product_description {
4352		opacity: 1;
4353		transform: translateX(0px);
4354	}
4355
4356	.bundle-product__info summary::after {
4357		position: relative;
4358		left: 9px;
4359		margin-bottom: -2px;
4360		display: inline-block;
4361		width: 0;
4362		height: 0;
4363		margin-left: 0.255em;
4364		vertical-align: 0.255em;
4365		content: "";
4366		border-top: 0.3em solid;
4367		border-right: 0.3em solid transparent;
4368		border-bottom: 0;
4369		border-left: 0.3em solid transparent;
4370		transform: rotate(-90deg);
4371		transform-origin: .2rem 50%;
4372		transition: .25s transform ease;
4373	}
4374
4375	.bundle-product__info .cartimages {
4376		width: 45px;
4377		max-height: 45px;
4378		margin-right: 5px;
4379		object-fit: contain;
4380	}
4381</style>
4382
4383<link rel="stylesheet" href="css/kcv3_cart.css" />
4384
4385<section id="cart-page" class="color-scheme-3">
4386	<div class="pt50 pb50 container">
4387		<div class="centered">
4388			<div class="sep primary-bg"></div>
4389		</div>
4390		<div class="col-sm-6" style="margin:0 auto;float:none;">
4391			<article class="block-side-category rbox">
4392				<div class="block-form box-border pt30 pb30 text-center">
4393					<i class="fa fa-meh-o fa-3x" aria-hidden="true"></i><br>
4394					<h3>Handlekurven er tom</h3>
4395					<h5 class="mb20 pt20">Er du usikker på hvor du skal begynne??</h5>
4396					<a href="../new_products" class="btn btn-block btn-info mb10">
4397						Sjekk ut nyhetene våre
4398					</a>
4399				</div>
4400			</article>
4401		</div>
4402	</div>
4403</section>
4404
4405
4406<style>
4407	/* Bonus points notification*/
4408	body.cart-page .bonus_points_notification_cart {
4409		margin: 0 auto !important;
4410		padding: 11px !important;
4411		background: #D6F2E1;
4412		border: 1px solid rgba(12, 87, 60, 0.34) !important;
4413		border-radius: 9px !important;
4414	}
4415
4416	.cart-page .bonus_points_notification_cart>div {
4417		display: flex;
4418		justify-content: center;
4419		align-items: baseline;
4420	}
4421
4422	.cart-page .bonus_points_notification_cart .emoji_bonus {
4423		margin-right: 10px;
4424		font-size: 22px;
4425	}
4426
4427	.cart-page .bonus_points_notification_cart p {
4428		margin: 0 !important;
4429	}
4430
4431	.cart-page .bonus_points_notification_cart p,
4432	.cart-page .bonus_points_notification_cart p>* {
4433		color: #0C573C !important;
4434	}
4435
4436	.cart-page .bonus_points_notification_cart a {
4437		font-weight: bold !important;
4438		text-decoration: underline !important;
4439		cursor: pointer;
4440	}
4441
4442	.cartcontent {
4443		border-bottom: 1px solid #E5E7EB;
4444	}
4445
4446	.cartcontent:last-child {
4447		border: none !important;
4448	}
4449
4450	.bold-text,
4451	body .cart-page-V2 .summarybox-wrapper .summarybox div.bold-text {
4452		font-weight: 700 !important;
4453	}
4454
4455	.main_cartv2_title h1 {
4456		font-weight: normal;
4457		font-size: 24px;
4458		line-height: 33px;
4459		text-align: center;
4460		margin-top: 10px;
4461		margin-bottom: 15px;
4462	}
4463
4464	.cartcontainer {
4465		margin-top: 10px !important;
4466	}
4467
4468	#cart-crall {
4469		padding: 0;
4470	}
4471
4472	#cart-crall .crall-slide .crall-product-item {
4473		background: #fff;
4474	}
4475
4476	#remove_dicount_code {
4477		margin-left: 15px;
4478		font-size: 11px;
4479		color: #007bff;
4480		text-decoration: none;
4481	}
4482
4483	#comment_area>button {
4484		width: auto !important;
4485	}
4486
4487	.cartquantity>.update-quantity {
4488		max-width: 39px !important;
4489	}
4490
4491	.cartquantity>.inputQuantity {
4492		width: 70px;
4493	}
4494
4495	/* V2 style */
4496	.cart-page-V2 .cartcontainer {
4497		background: #Fff;
4498	}
4499
4500	@media (min-width: 992px) {
4501		.cart-page-V2 .summarybox-wrapper {
4502			padding: 15px !important;
4503		}
4504	}
4505
4506
4507	.cart-page-V2 .summarybox-wrapper .summarybox {
4508		background: #f4f4f5 !important;
4509		padding: 20px;
4510		border-radius: 8px;
4511	}
4512
4513	.cart-page-V2 .summarybox-wrapper .summarybox .row {
4514		margin-bottom: 3px;
4515		margin-top: 3px;
4516		margin-left: 0 !important;
4517		margin-right: 0 !important;
4518	}
4519
4520	.cart-page-V2 .summarybox-wrapper .summarybox h2 {
4521		font-size: 18px;
4522		font-weight: normal;
4523	}
4524
4525	.cart-page-V2 .summarybox-wrapper .summarybox div,
4526	#cart-page.cart-page-V2 .total_discount,
4527	.summarybox b {
4528		font-size: 14px !important;
4529		font-weight: normal !important;
4530		color: #404040 !important;
4531	}
4532
4533	body .cart-page-V2 .summarybox-wrapper .summarybox div {
4534		padding: 1px 0px !important;
4535	}
4536
4537	.cart-page-V2 .divider {
4538		height: 1px;
4539		width: 100%;
4540		background: #CBD5E1;
4541		margin: 10px 0;
4542	}
4543
4544	.cart-page-V2 .cartremove {
4545		display: flex;
4546		align-items: center;
4547		justify-content: center;
4548		padding: 0;
4549	}
4550
4551	.cart-page-V2 .cartremove .remove_icon_bg {
4552		background: #f3f4f6;
4553		border-radius: 4px;
4554		width: 28px;
4555		height: 28px;
4556		text-align: center;
4557		line-height: 26px;
4558	}
4559
4560	.cartinage_and_removeicon>div {
4561		display: flex;
4562	}
4563
4564	.cart-page-V2 .cartimages {
4565		max-width: 90px;
4566		max-height: 90px;
4567	}
4568
4569	.cart-page-V2 .cartvariants {
4570		font-size: 14px;
4571		margin-top: 10px;
4572	}
4573
4574	.cart-page-V2 .cartquantity {
4575		padding: 0 !important;
4576	}
4577
4578	.cart-page-V2 .inputQuantity {
4579		height: 40px;
4580		width: 42px;
4581		padding: 6px !important;
4582	}
4583
4584	.cart-page-V2 .quantity_inc_dec {
4585		display: flex;
4586		justify-content: center;
4587		align-items: center;
4588		height: 40px;
4589		width: 40px !important;
4590		background: #f3f4f6 !important;
4591		border-radius: 4px;
4592	}
4593
4594	.mobile_only_view.cart-page-V2 .quantity_inc_dec,
4595	.mobile_only_view.cart-page-V2 .inputQuantity {
4596		height: 30px !important;
4597		width: 30px !important;
4598	}
4599
4600	.mobile_only_view.cart-page-V2 .inputQuantity {
4601		width: 46px !important;
4602	}
4603
4604	.cart-page-V2 .producttotal {
4605		display: flex;
4606		flex-direction: column;
4607		align-items: flex-end;
4608		justify-content: center;
4609	}
4610
4611	#cart-page.cart-page-V2 .__bold_font {
4612		font-weight: bold !important;
4613	}
4614
4615	.sb-sidebar {
4616		display: none !important;
4617	}
4618
4619	.sb-main-content {
4620		max-width: 100% !important;
4621		flex: 0 0 100% !important;
4622	}
4623
4624	.pay-button,
4625	.company-button {
4626		margin-top: 10px;
4627	}
4628
4629	.pay-button .btn,
4630	.company-button .btn {
4631		max-height: 50px;
4632		font-size: 14px;
4633		border-radius: 7px;
4634	}
4635
4636	/*** Tabs section ***/
4637	#comment_area {
4638		display: block !important;
4639	}
4640
4641	.tabs_wrapper {
4642		background: #F8FAFC;
4643		border: 1px solid #e9e9e9;
4644		border-radius: 4px;
4645		margin-top: 60px;
4646	}
4647
4648	.tabs_wrapper .commentbox {
4649		background: transparent;
4650	}
4651
4652	body .nav-tabs {
4653		border: none;
4654	}
4655
4656	#myTab>li {
4657		width: 50%;
4658		padding: 0px;
4659		margin-right: 0 !important;
4660	}
4661
4662	#myTab>li.inactive:first-child {
4663		border-right: 1px solid #D1D5DB;
4664	}
4665
4666	#myTab>li a {
4667		background: #E2E8F0;
4668		border: none !important;
4669		padding: 16px;
4670		border-radius: 0;
4671		width: 100%;
4672		text-align: center;
4673	}
4674
4675	#myTab>li a.active {
4676		background: #F8FAFC;
4677	}
4678
4679	
4680	#myTab>li a {
4681		font-size: 14px !important;
4682	}
4683
4684	#myTab>li a i {
4685		margin-right: 10px;
4686	}
4687
4688	.buttons_container {
4689		display: flex;
4690		justify-content: flex-end;
4691		align-items: start;
4692	}
4693
4694	.buttons_container>div {
4695		/* max-width: 50%; */
4696		display: flex;
4697		align-items: baseline;
4698	}
4699
4700	.buttons_container #add_comment {
4701		max-width: 80px !important;
4702	}
4703
4704	#add_comment,
4705	#add_discount_center_code,
4706	#remove_dicount_code {
4707		font-size: 12px;
4708		border: none;
4709		background: #000000 !important;
4710		color: #ffffff !important;
4711	}
4712
4713	#add_comment:hover,
4714	#add_discount_center_code:hover,
4715	#remove_dicount_code:hover {
4716		background: #000000 !important;
4717		color: #ffffff !important;
4718	}
4719
4720	#discount_center_code {
4721		max-height: 29px !important;
4722	}
4723
4724	#comment_area textarea::-webkit-input-placeholder {
4725		font-size: 12px;
4726		color: #AEAEAE;
4727	}
4728
4729	#clear_text {
4730		cursor: pointer;
4731	}
4732
4733	.notification-container {
4734		margin-top: 4px !important;
4735	}
4736
4737	.notification-container span {
4738		font-size: 12px !important;
4739	}
4740
4741	#navbarNavDropdown>ul>li.list-inline-item>a:hover,
4742	.nav-link:hover,
4743	.menu-hover:hover {
4744		color: #334155 !important;
4745	}
4746
4747	.tabs_wrapper {
4748		overflow: hidden;
4749	}
4750
4751	.mobile_only_view .tabs_wrapper {
4752		margin-bottom: 20px;
4753		margin-bottom: 20px;
4754		border-radius: 6px;
4755		overflow: hidden;
4756	}
4757
4758	.mobile_only_view #giftcode div {
4759		padding-left: 0 !important;
4760	}
4761
4762	.mobile_only_view #discount_center_form {
4763		display: flex;
4764		justify-content: space-around;
4765	}
4766
4767	@media (max-width: 992px) {
4768		.header_main_wrapper>.slogans-mobile {
4769			display: none;
4770		}
4771
4772		.flex-center.mob-menu {
4773			padding-bottom: 0;
4774		}
4775
4776		.main_cartv2_title h2 {
4777			padding-top: 10px;
4778		}
4779
4780		.summarybox-wrapper {
4781			padding-left: 0;
4782			padding-right: 0;
4783		}
4784
4785		.cartquantity>.update-quantity i {
4786			padding: 10px;
4787		}
4788
4789		.accordion_wrapper {
4790			max-width: 100% !important;
4791		}
4792
4793		.accordion_wrapper>.row {
4794			margin-left: 0;
4795			margin-right: 0;
4796		}
4797
4798		.main_cartv2_title h1 {
4799			margin-top: 0 !important;
4800			padding-top: 15px;
4801		}
4802
4803		#cqty .price-on-special s,
4804		.producttotal>span,
4805		.mobile .price_wrapper>span,
4806		#cqty .price-on-special span {
4807			font-size: 14px !important;
4808		}
4809
4810		.container.accordion_wrapper {
4811			margin-top: 0;
4812		}
4813
4814		.cart-page-V2 .mobile-version-content .producttotal>div.price_wrapper {
4815			text-align: right !important;
4816		}
4817	}
4818
4819	/* Accordion Style */
4820	.accordion_wrapper {
4821		margin-top: 20px;
4822	}
4823
4824	.accordion_wrapper .content {
4825		border: 1px solid #E4E4E7;
4826		border-radius: 2px;
4827		cursor: pointer;
4828	}
4829
4830	.accordion_wrapper .content>div {
4831		padding: 10px;
4832	}
4833
4834	.accordion_wrapper .content i,
4835	.accordion_wrapper .content small>span {
4836		margin-right: 4px;
4837	}
4838
4839	.accordion_wrapper .rabbat small {
4840		/* display: none; */
4841	}
4842
4843	.accordion_wrapper .comments {
4844		margin-bottom: 10px;
4845	}
4846
4847	.accordion_wrapper .comments,
4848	.accordion_wrapper .rabbat {
4849		padding: 0;
4850	}
4851
4852	.accordion_wrapper .comments .commentbox {
4853		margin: 0;
4854	}
4855
4856	#rabbat_accordion {
4857		margin: 20px 0;
4858	}
4859
4860	#comments_accordion .commentbox {
4861		margin-top: 0;
4862	}
4863
4864	#comments_accordion .commentbox,
4865	#comments_accordion .form-check,
4866	#rabbat_accordion .form-check {
4867		padding: 0;
4868	}
4869
4870	#rabbat_accordion #discount_center_form {
4871		text-align: right !important;
4872	}
4873
4874	#rabbat_accordion #discount_center_form .button {
4875		/* text-align: right !important; */
4876	}
4877
4878	#rabbat_accordion #discount_center_form .form-control {
4879		width: 100% !important;
4880		margin-bottom: 10px;
4881	}
4882
4883	.accordion_wrapper .content .switcher {
4884		display: flex;
4885		width: 100%;
4886		justify-content: space-between;
4887		align-items: center;
4888	}
4889
4890	.accordion_wrapper .content .switcher span,
4891	.accordion_wrapper .content .switcher i {
4892		font-size: 12px;
4893	}
4894
4895	.accordion_wrapper .content .switcher i.fa-chevron-right {
4896		transition: transform .4s;
4897		transform: rotate(90deg);
4898	}
4899
4900	.accordion_wrapper .content>div:not(.collapsed) .switcher i.fa-chevron-right {
4901		transform: rotate(0deg);
4902	}
4903
4904	.accordion_wrapper .form-control {
4905		font-size: 12px
4906	}
4907
4908	.accordion_wrapper .notification-container {
4909		float: none;
4910	}
4911
4912	#rabbat_accordion {
4913		margin: 0px 0 0 !important;
4914	}
4915
4916	#rabbat_accordion p {
4917		font-size: 14px;
4918	}
4919
4920	.switcher .fa-times {
4921		background: #BE185D;
4922		padding: 4px;
4923		border-radius: 50%;
4924		width: 21px;
4925		text-align: center;
4926		color: #fff;
4927	}
4928
4929	.switcher .fa-check {
4930		background: #81C349;
4931		padding: 4px;
4932		border-radius: 50%;
4933		width: 21px;
4934		text-align: center;
4935		color: #fff;
4936	}
4937
4938	@media screen and (max-width: 600px) {
4939		.accordion_wrapper {
4940			padding: 16px !important;
4941		}
4942
4943		.accordion_wrapper>.row {
4944			margin-left: -15px;
4945			margin-right: -15px;
4946		}
4947
4948		#rabbat_accordion #discount_center_form #add_discount_center_code {
4949			margin-right: 0;
4950			margin-left: auto;
4951		}
4952
4953		#rabbat_accordion #discount_center_form .form-control {
4954			width: auto !important;
4955			margin: 0 0 10px 0 !important;
4956		}
4957	}
4958
4959		
4960							body .cart-page-V2 .summarybox-wrapper .summarybox div.cart-smiley-wrapper>div.smiley-popup {
4961		padding: 10px !important;
4962		border-radius: 2px;
4963	}
4964
4965	body .cart-page-V2 .summarybox-wrapper .summarybox div.cart-smiley-wrapper>div.smiley-popup {
4966		padding: 8px 15px !important;
4967		background: #0780FD;
4968		color: #FFFFFF !important;
4969		font-size: 14px !important;
4970	}
4971
4972			body .cart-page-V2 .summarybox-wrapper .summarybox div.cart-smiley-wrapper>div.smiley-popup {
4973			background: black !important;
4974			color: #ffffff !important;
4975		}
4976
4977	
4978	body .cart-page-V2 .summarybox-wrapper .summarybox div.cart-smiley-wrapper>div.smiley-popup:before {
4979		content: '';
4980		display: block;
4981		width: 0;
4982		height: 0;
4983		border-style: solid;
4984		border-width: 0 7px 10px 7px;
4985		border-color: transparent transparent #0780FD transparent;
4986		position: absolute;
4987		top: -6px;
4988		left: 50%;
4989		margin-left: -8px;
4990	}
4991
4992			body .cart-page-V2 .summarybox-wrapper .summarybox div.cart-smiley-wrapper>div.smiley-popup:before {
4993			border-color: transparent transparent black transparent;
4994		}
4995
4996		.cart-smiley-wrapper {
4997		display: flex;
4998		justify-content: center;
4999		align-items: center;
5000	}
5001
5002	.cart-smiley {
5003		height: 20px;
5004		vertical-align: middle;
5005		width: auto;
5006		margin-left: 5px;
5007	}
5008
5009	#shipment-countdown-cart {
5010		margin-top: 0 !important;
5011	}
5012
5013	#shipment-countdown-cart .mobile-only .shippment_calc_main_wrapper {
5014		background: transparent !important;
5015	}
5016
5017	#shipment-countdown-cart .shippment_calc_main_wrapper {
5018		padding-bottom: 8px !important;
5019	}
5020
5021	#cart-page .crall-slide .crall-product-item .crall-product-image {
5022		height: 220px !important;
5023	}
5024
5025	#cart-page .crall-product-item>.crall-product-image img {
5026		height: auto !important;
5027		max-height: 100% !important;
5028	}
5029
5030	body #cart-page .crall-product-item .crall-banner {
5031		background: transparent !important;
5032	}
5033
5034	body .crall-slide .crall-product-item .crall-product-name,
5035	body .crall-price,
5036	.crall-product-name,
5037	.crall-slide .crall-product-item .crall-buy {
5038		font-weight: 300 !important;
5039	}
5040
5041	.header_main_wrapper {
5042		display: flex;
5043		justify-content: center;
5044		align-items: center;
5045		margin-top: 0 !important;
5046		padding-top: 0 !important;
5047	}
5048</style>
5049
5050<script type="text/javascript">
5051	/* KCV3_CART.JS */
5052	// Remove listener
5053	var cartUpdateQuantity = null;
5054	var oldQty = null;
5055
5056	$(document).ready(function($) {
5057
5058		$('body').delegate('.cartremove', 'click', function(e) {
5059			e.preventDefault();
5060
5061			var that = $(this);
5062			var productId = that.parent().parent().data('product-id');
5063
5064			// Ajax function, state change
5065			$.get('ajax.php?action=ajax&ajaxfunc=remove_from_cart&products_id=' + productId, function(
5066				response) {
5067				reloadCart();
5068			});
5069		});
5070
5071		/* $('body').delegate('.inputQuantity', 'blur', function(e){
5072		  var that = $(this);
5073		  var productId = that.parent().parent().parent().data('product-id');
5074		  var qty = that.val();
5075
5076		  that.parent().find('.update-quantity').addClass('dnone');
5077
5078		  updateProductQuantity(productId, qty);
5079		}); */
5080
5081
5082		/* Fix for product update loop event */
5083		setTimeout(function() {
5084			$('body').undelegate('.inputQuantity', 'blur');
5085			$('body').delegate('.inputQuantity', 'focus', function(e) {
5086				var that = $(this);
5087				oldQty = that.val();
5088				console.log('set old value: ' + oldQty);
5089			});
5090
5091			$('body').delegate('.inputQuantity', 'blur', function(e) {
5092				var that = $(this);
5093				var productId = that.parent().parent().parent().data('product-id');
5094				var qty = that.val();
5095
5096				if (qty != oldQty) {
5097					console.log("Old and new quantities are not same");
5098					that.parent().find('.update-quantity').addClass('dnone');
5099
5100					that.addClass('dnone');
5101					if (that.parent().find('.fa-spinner').length == 0) {
5102						that.after(
5103							'<i class="fas fa-spinner fa-spin" style="width: 14px;height: 14px;margin: 12px 15px 10px 15px;"></i>'
5104						);
5105					}
5106
5107					updateProductQuantity(productId, qty);
5108					oldQty = null;
5109				}
5110			});
5111		}, 100);
5112
5113		$('body').delegate('.inputQuantity', 'keydown', function(e) {
5114
5115			var that = $(this);
5116			var productId = that.parent().parent().parent().data('product-id');
5117			var qty = that.val();
5118
5119			if (e.keyCode == '13') {
5120				e.preventDefault();
5121
5122				updateProductQuantity(productId, qty);
5123			}
5124		});
5125
5126		$('body').delegate('.recurringinput', 'change', function(e) {
5127			var that = $(this);
5128			var productId = $($(this)).data('product');
5129			var interval = that.val();
5130			updateProductInterval(productId, interval)
5131		});
5132
5133		$('body').delegate('#remove_dicount_code', 'click', function(e) {
5134			e.preventDefault();
5135
5136			$.post('/ajax.php?ajaxfunc=detach_discount_code', function(data) {
5137				location.reload();
5138			});
5139		});
5140
5141		function updateProductQuantity(id, qty) {
5142			const data = {
5143			 id,
5144			 qty
5145			};
5146
5147			$.post('/ajax.php?ajaxfunc=update_cart_mobile', data, function(data){
5148				reloadCart();
5149			});
5150		}
5151
5152		function updateProductInterval(id, interval) {
5153            const data = {
5154                id,
5155                interval
5156            };
5157
5158			$.get('/ajax.php?ajaxfunc=update_cart_interval', data, function(data){
5159				reloadCart();
5160			});
5161		}
5162
5163		$('body').delegate('.update-quantity', 'click', function(e) {
5164			e.preventDefault();
5165			clearTimeout(cartUpdateQuantity);
5166
5167			var that = $(this);
5168			var qtyInput = that.parent().find('input');
5169			var qtyInputValue = qtyInput.val();
5170			var modifier = that.data('modify');
5171
5172			if (modifier == 'increase') {
5173				qtyInputValue++;
5174			} else if (modifier == 'decrease') {
5175				if (qtyInputValue > 0) qtyInputValue--;
5176			}
5177
5178			qtyInput.val(qtyInputValue);
5179
5180			cartUpdateQuantity = setTimeout(function() {
5181				qtyInput.trigger('blur');
5182			}, 1200);
5183		});
5184	});
5185
5186
5187	function reloadCart() {
5188		// Hooking onto some existing function
5189		if (typeof themeSpecificCartReload === 'function') {
5190			themeSpecificCartReload();
5191		} else {
5192			// Just in case, previous one is not defined
5193			location.reload();
5194		}
5195	}
5196</script>
vendor: 1 bytes, line 5196
5196
5197<script>
5198	$(document).ready(function($) {
5199		$('body').undelegate('#remove_dicount_code', 'click');
5200		$('body').delegate('#remove_dicount_code', 'click', function(e) {
5201			e.preventDefault();
5202
5203			$.post('/ajax.php?ajaxfunc=detach_discount_code', function(data) {
5204				location.reload();
5205			});
5206		});
5207	});
5208
5209	// reset textarea
5210	function resetTextarea() {
5211		var clearButton = document.getElementById('clear_text');
5212		if( clearButton !== null)
5213		clearButton.addEventListener('click', restTextareaHandler)
5214	}
5215
5216	function restTextareaHandler() {
5217		var textarea = document.querySelector('#comment_area textarea');
5218		if (confirm('Sikker p� at du vil fjerne kommentaren?')) {
5219			textarea.value = '';
5220			$.post('/ajax.php', { ajaxfunc: 'kco_set_comment', comment: " " });
5221			$('.comments .switcher > span').html('Noe p&aring; hjertet? Legg igjen en kommentar!');
5222			$('.comments div[data-target="#comments_accordion"]').click();
5223		}
5224	}
5225
5226	$(document).ready(function(e) {
5227
5228		resetTextarea()
5229
5230		$('body').undelegate('#add_comment', 'click');
5231
5232				$('body').delegate('#add_comment', 'click', function(e) {
5233			var that = $(this);
5234			var comment_area = $('#comment_area');
5235			var textarea = comment_area.find('textarea');
5236			var comment = textarea.val();
5237			$('.notification-container').remove();
5238			$('#comment_area_notif').append(
5239				'<div class="notification-container" style="float: right;margin-top: 17px;"></div>');
5240
5241			if (comment.length > 4) {
5242				//textarea.hide();
5243				textarea.find('.fa-spin').remove();
5244
5245				if ($('#comment_area .fa-spin').length == 0) {
5246					//$('#comment_area > button').html('<i class="fa fa-spinner fa-spin"></i><div class="clear"></div>');
5247					comment
5248					$('#comment_area > button').html('<i class="fa fa-spinner fa-spin"></i>');
5249				}
5250
5251				$.post('/ajax.php', { ajaxfunc: 'kco_set_comment', comment: comment }, function(res) {
5252					setTimeout(function() {
5253						comment_area.find('.fa-spinner').remove();
5254						$('#myTabContent .buttons_container button').text('Kommentar lagret');
5255
5256						//$('#comment-content').html('comment');
5257						//textarea.show();
5258						//$('.notification-container').append('<span style="color: green;font-size: 12px;"><i class="fa fa-check" style="background: green;border-radius: 50%;color: #fff;padding: 4px;font-size: 10px;"></i> Kommentar lagret!</span>');
5259
5260						$('.comments .switcher > span').html('<i class="fas fa-check"></i> ' + 'Kommentar lagret!');
5261						$('.comments div[data-target="#comments_accordion"]').click();
5262					}, 400);
5263				})
5264			} else {
5265				//$('.notification-container').append('<span style="color: #BE185D;font-size: 12px;"><i class="fa fa-times" style="background: #BE185D;border-radius: 50%;color: #fff;padding: 4px;font-size: 10px;"></i> Kommentaren er for kort. Vennligst legg til, legg til flere tegn!</span>');
5266				$('.comments .switcher > span').html('<i class="fas fa-times"></i> ' +
5267					'Kommentaren er for kort. Vennligst legg til, legg til flere tegn!');
5268				$('.comments div[data-target="#comments_accordion"]').click();
5269				$('#myTabContent .buttons_container button').text('Lagre');
5270			}
5271		});
5272	});
5273
5274	$(document).ready(function($) {
5275		$('.nav-link').click(function(e) {
5276			var that = $(this);
5277			if (that.hasClass('active')) {
5278				setTimeout(function() {
5279
5280					that.removeClass('active');
5281					that.removeClass('show');
5282					that.attr('aria-selected', false);
5283
5284					$('.tab-pane').removeClass('active');
5285					$('.tab-pane').removeClass('show');
5286				});
5287			}
5288		});
5289
5290		var timeFixer = null;
5291
5292		setTimeout(function() {
5293			$('#add_discount_center_code').unbind();
5294			$('#add_discount_center_code').undelegate();
5295			$('#add_discount_center_code').unbind('click');
5296			$('#add_discount_center_code').undelegate('click');
5297		}, 1000);
5298
5299		$('body').delegate('#add_discount_center_code', 'click', function(e) {
5300
5301			e.preventDefault();
5302			clearTimeout(timeFixer);
5303
5304			timeFixer = setTimeout(function() {
5305				if ($('#discount_center_code').val() == '') {
5306					return false;
5307				}
5308
5309				// Remove old classes
5310				$('#discount_center_status').removeClass(
5311					'notification-error, notification-success')
5312
5313				// Try to add discount code
5314				$.getJSON('ajax.php?ajaxfunc=add_discount_code', {
5315					discount_code: $(
5316						'#discount_center_code').val()
5317				}, function(data) {
5318					// Code was not valid
5319					if (data.code_valid == false) {
5320
5321	                    // Look for specific error messages from ajax.php
5322                        error_message = data.error_message;
5323
5324						$('.rabbat .switcher > span').html(
5325							'<i class="fas fa-times"></i> ' + error_message);
5326					} else if (data.code_valid == true) {
5327						// Make sure we really hide the form (old jquery in checkout...)
5328						// Code was valid, show success message and reload page after a second
5329						data_message = data.message;
5330						$('.rabbat .switcher > span').html(
5331							'<i class="fas fa-check"></i> ' +
5332							data.success_message);
5333						location.reload();
5334					}
5335
5336					$('.rabbat div[data-target="#rabbat_accordion"]').click();
5337				});
5338			}, 200);
5339		});
5340
5341	});
5342</script>
5342
5343	 <!-- Remove statement for cart V2 -->
5344      
5345        
5346                            
5347        
5348        
5349                                            <!-- Default footer filled with magic -->
5350<section>
5351    <footer id="footer" class="footer-margins ">
5352           <!-- Animated Cart PopUp -->
5353       <div class="mega-icons mega-cart-icon floating_cart_notification">
5354        <a class="menu__elem topmenu-buttons flx flex-column align-items-center plr15" data-target="overlay-cart">
5355         
5356          <span class="cart-counter"><span>0</span></span>
5357          
5358          <i class="fal fa-2x fa-shopping-cart" aria-hidden="true"></i>
5359          <span class="mega-icons-txt">Handlekurv</span>
5360        </a>
5361      </div>
5362      <div class="footer-hider pt40 pb40">
5363        <div class="container-fluid footer-copyright">
5364          <div class="row footerheight page-footer" style="justify-content: center;">
5365            <div class="col-xl-4 col-lg-3 col-md-6 col-xs-12 text-c-footer">
5366              <nav id="sub-menu">
5367                <h4>ERLIK KAFFE AS</h4>
5368                                <p><strong>&#197;pningstider </strong></p>
5369
5370<p><strong>=Kaffe Lovisenberg</strong></p>
5371
5372<p>Mandag-fredag: 08:30-15:00</p>
5373
5374<p>&#160;
5375</p><p>&#160;</p>
5376
5377
5378<p>&#160;</p>
5379
5380                                <p class="">
5381                                    © 2026 ERLIK KAFFE AS - Powered by <a class="clean-link" href="//www.mystore.no/">Mystore.no</a>
5382                                  </p>
5383                                  					                  
5384                  <li style="display:inline-block;vertical-align:middle;">
5385                    <a href="https://www.facebook.com/erlikkaffe" target="_blank" class="footer_social_icon">
5386                      <i class="fab fa-2x fa-facebook-square"></i>
5387                                          </a>
5388                  </li>
5389                                                  <li style="display:inline-block;vertical-align:middle;">
5390                    <a href="https://www.instagram.com/erlikkaffe/" target="_blank" class="footer_social_icon">
5391                                               <i class="fab fa-2x fa-instagram"></i>
5392                    </a>
5393                  </li>
5394                                                                				              </nav>
5395                          </div>
5396
5397            <div class="col-xl-3 col-lg-3 col-md-6 col-xs-12 text-c-footer">
5398              
5399              <section id="sub-menu-info">
5400                <h4>Om oss</h4>
5401                <ul class="pl0 footer-lists">
5402                	<li class="no-list pb10"><h5>ERLIK KAFFE AS</h5></li>
5403                	<li class="no-list pb10">Lovisenberggata 15a</li>
5404                	<li class="no-list pb10">0456 Oslo</li>
5405                	                  		<li class="no-list pb10">Org. nr. 917762953</li>
5406                	                	                  		<li class="no-list pb10"><i class="icon-phone"></i>Tlf: <a href="tel: 45979380 ">45979380 </a></li>
5407                	                	                  		<li class="no-list pb10"><i class="icon-mail"></i>
5408                    	<a href="mailto:[email protected]" target="_top"> [email protected]</a></li>
5409                  	                </ul>
5410              </section>
5411            </div>
5412
5413            <section class="col-xl-2 col-lg-3 col-md-6 col-xs-12 text-c-footer">
5414              <h4>Kundeservice</h4>
5415              <ul class="pl0 footer-lists">
5416                                <li class="no-list pb10"><a href="https://www.erlikkaffe.no/pages/om-oss">Om =Kaffe</a></li>
5417                                <li class="no-list pb10"><a href="https://www.erlikkaffe.no/pages/conditions">Salgsbetingelser</a></li>
5418                                <li class="no-list pb10"><a href="https://www.erlikkaffe.no/pages/frakt-og-retur">Frakt og retur</a></li>
5419                              </ul>
5420            </section>
5421
5422                          <div class="col-xl-3 col-lg-3 col-md-6 col-xs-12 plr30 newsletter_widget">
5423                <div class="newsletter-box">
5424                  <h4 class="foot-headers">Nyhetsbrev</h4>
5425                                         <p class="newsletter-box">Meld deg på nyhetsbrevet vårt for å få oppdateringer fra oss.</p>
5426                                        <div class="form-group newsletter-btn pt10 pb10">
5427                                                                              <button type="button" class="btn btn-primary" onclick="location.href='https://www.erlikkaffe.no/newsletter/?action=join'">Abonner på nyhetsbrev</button>
5428                                                                    </div>
5429                </div>
5430              </div>
5431                      </div>
5432          
5433
5434        </div>
5435
5436        <div class="col-12 klarna flx justify-content-center pt40" style="align-items: center; flex-direction: column;">
5437          
5438          <div class="row" style="display:block; text-align:center;">
5439                                                        <div class="klarna_footer_wrapper" style="margin-bottom: 14px;">
5440                                      <img src="https://x.klarnacdn.net/payment-method/assets/badges/generic/white/klarna.svg" alt="klarna light logo"  style="min-width: 76px;"/>
5441                                  </div>
5442             
5443           <div>
5444                                <img src="/images/payment/Vertified.png" alt="Verified" loading="lazy" />
5445                          </div>
5446            
5447            
5448            <div class="col-md-12 text-center">
5449              <div class="row">
5450                               </div>
5451              </div>
5452                      </div>
5453        </div>
5454
5455      </div>
5456    </footer>
5457  </section>
5458                    
5459        
5460        <!--  CLERK API KEY -->
5461        
5462        
5463        
5463<script>
5464
5465$(document).ready( function($){
5466        // Remove listener
5467    $('body').delegate('.cartremove', 'click', function(e){
5468        e.preventDefault();
5469
5470        var that = $(this);
5471        var productId = that.parent().parent().data('product-id');
5472
5473        // Ajax function, state change
5474        $.get('ajax.php?action=ajax&ajaxfunc=remove_from_cart&products_id=' + productId, function(response){
5475            reloadCart();
5476        });
5477    });
5478
5479    $('body').undelegate('.cartremove', 'blur');
5480    $('body').undelegate('.inputQuantity', 'blur');
5481    $('body').delegate('.inputQuantity', 'blur', function(e){
5482        var that = $(this);
5483        var productId = that.parent().parent().parent().data('product-id');
5484        var qty = that.val();
5485
5486        that.addClass('dnone');
5487        if (that.parent().find('.fa-spinner').length == 0){
5488        that.after('<i class="fas fa-spinner fa-spin" style="width: 14px;height: 14px;margin: 12px 15px 10px 15px;"></i>');
5489        }
5490
5491        updateProductQuantity(productId, qty);
5492    });
5493
5494    $('body').undelegate('.cartremove', 'keydown');
5495    $('body').undelegate('.inputQuantity', 'keydown');
5496    $('body').delegate('.inputQuantity', 'keydown', function(e){
5497
5498        var that = $(this);
5499        var productId = that.parent().parent().parent().data('product-id');
5500        var qty = that.val();
5501
5502        if (e.keyCode == '13'){
5503        e.preventDefault();
5504
5505            that.addClass('dnone');
5506            if (that.parent().find('.fa-spinner').length == 0){
5507            that.after('<i class="fas fa-spinner fa-spin" style="width: 14px;height: 14px;margin: 12px 15px 10px 15px;"></i>');
5508            }
5509
5510        updateProductQuantity(productId, qty);
5511        }
5512    });
5513
5514    $('body').delegate('.form-check-input.discount-code', 'change', function(e){
5515        var that = $(this);
5516
5517        if (that.is(':checked')){
5518        $('.discount-panel').show();
5519        } else {
5520        $('.discount-panel').hide();
5521        }
5522    });
5523
5524    $('body').delegate('.form-check-input.attach-comment', 'change', function(e){
5525        var that = $(this);
5526
5527        if (that.is(':checked')){
5528            $('#comment_area').show();
5529        } else {
5530            $('#comment_area').hide();
5531        }
5532    });
5533
5534    $('body').delegate('#add_comment', 'click', function(e){
5535        var that = $(this);
5536        var comment_area = $('#comment_area');
5537        var textarea = comment_area.find('textarea');
5538        var comment = textarea.val();
5539
5540        if (comment.length > 4){
5541        textarea.hide();
5542        textarea.before('<i class="fa fa-spinner fa-spin"></i><div class="clear"></div>');
5543        $.post('/ajax.php', { ajaxfunc: 'kco_set_comment', comment: comment }, function(res){
5544
5545            setTimeout( function(){
5546            comment_area.find('.fa-spinner').remove();
5547            //$('#comment-content').html('comment');
5548        textarea.show();
5549
5550            }, 400);
5551        })
5552        }
5553    });
5554});
5555
5556function updateProductQuantity(id, qty){
5557    const data = {
5558        id,
5559        qty
5560    };
5561
5562    $.post('/ajax.php?ajaxfunc=update_cart_mobile', data, function(data){
5563        setTimeout( function(){
5564        $('.inputQuantity').removeClass('dnone');
5565        $('.update-quantity').removeClass('dnone')
5566        $('.inputQuantity').parent().find('.fa-spinner').remove();
5567
5568
5569        }, 200);
5570
5571        reloadCart();
5572    });;
5573}
5574
5575$(function(){
5576    if (settings.americaTrimTextMobile && settings.americaTrimTextMobile > 0){
5577
5578    if ($(window).width() <= 992){
5579        $('.product a.title, .product .product-meta .title, .manufacturers').each( function(i){
5580        var titleItem = $(this);
5581
5582            if (titleItem.text().length > settings.americaTrimTextMobile){
5583            titleItem.text(titleItem.text().substr(0, settings.americaTrimTextMobile) + '...');
5584            }
5585        });
5586    }
5587    }
5588
5589$('body').delegate('#discount_center_code', 'blur', function(){
5590    if ($('#discount_center_code').val() == '') {
5591    return false;
5592    } else {
5593    $('#add_discount_center_code').click();
5594    }
5595});
5596
5597    var timeFixer = null;
5598
5599    });
5600    /* Advanced search START */
5601    if (settings.advancedAjaxSearch){
5602        // Live Search
5603        var t;
5604        var t2;
5605
5606        function build_search_results() {
5607            $.getJSON('/search_suggest_json?queryString='+$('#keywords3').val(), function(data) {
5608                if (data != '' && data != null){
5609                    $('#search-down-wrapper').html('');
5610                    var items = [];
5611                    var iterator = 0;
5612                    var total_iterator = 0;
5613
5614                    items.push('<div class="tail"></div><div class="clearfix"></div><div class="scontent">');
5615                        items.push('<div class="left_part">');
5616                            items.push('<ul><h3>Søkeforslag</h3>');
5617                            $.each(data, function(key, category) {
5618
5619                                $.each(category.result_entries, function(result_key, product){
5620                                items.push('<li><a href="'+product.products_url+'">'+product.products_name +'</a></li>');
5621                                });
5622                            });
5623                            items.push('</ul>');
5624                        items.push('</div>');
5625                        items.push('<div class="right_part">');
5626                        items.push('<h3>Kanskje ser du etter disse?</h3><ul class="search_result">');
5627
5628                        $.each(data, function(key, category) {
5629                            // items.push('<h3>' + category.categories_name + '</h3><ul class="list-content">');
5630                            iterator = 0;
5631                            $.each(category.result_entries, function(result_key, product){
5632                                if ( total_iterator < 4){
5633                                    if(iterator == 0){
5634                                        $('#search-down-wrapper').addClass('showing');
5635                                    }
5636                                    /*if (iterator >= 3) {
5637                                        total_iterator++;
5638                                        return false;
5639                                    }*/
5640
5641                                    if (product.specials_price != '') {
5642                                        display_price = '<s>' + product.products_price + '</s> <span>' + product.specials_price + '</span>';
5643                                    } else {
5644                                        display_price = product.products_price;
5645                                    }
5646
5647                                    items.push('<li><div class="img_wrapper"><img src="product_thumb.php?img=' + product.products_image + '&w=45&h=45" class="fleft" alt=""></div><div class="fleft"><a href="'+product.products_url+'">'+product.products_name.substring(0,30)+'...</a><div class="botton_info"><span class="manufacturers_name">'+ product.manufacturers_name +'</span><span class="display_price">'+display_price+'</span></div></div>');
5648                                    items.push('</li>');
5649                                    highlight_term = product.highlight;
5650                                    }
5651                                    total_iterator++;
5652                                    iterator++;
5653                                });
5654                        });
5655
5656                        items.push('</ul>');
5657                        items.push('</div>')
5658                    items.push('</div><div class="searchtotal"><a href="/search_result?keywords='+ $('#keywords3').val() +'">' + total_iterator + '  produkter matcher søket</a></div>');
5659
5660                    data = items.join('');
5661
5662                    $('#search-down-wrapper').html(data);
5663                    $('#search-down-wrapper').show();
5664                    //highlight($('#keywords3').val());
5665                } else {
5666                    $('#search-down-wrapper').hide();
5667                    $('#search-down-wrapper').removeClass('showing');
5668                }
5669            });
5670        }
5671
5672        function build_search_results_mobile() {
5673            $.getJSON('/search_suggest_json?queryString='+$('#keywords2').val(), function(data) {
5674                if (data != '' && data != null){
5675                    $('#search-down-wrapper-2').html('');
5676                    var items = [];
5677                    var iterator = 0;
5678                    var total_iterator = 0;
5679
5680                    items.push('<div class="tail"></div><div class="clearfix"></div><div class="scontent">');
5681                        items.push('<div class="left_part">');
5682                            items.push('<ul><h3>Søkeforslag</h3>');
5683                            $.each(data, function(key, category) {
5684
5685                                $.each(category.result_entries, function(result_key, product){
5686                                items.push('<li><a href="'+product.products_url+'">'+product.products_name +'</a></li>');
5687                                });
5688                            });
5689                            items.push('</ul>');
5690                        items.push('</div>');
5691                        items.push('<div class="right_part">');
5692                        items.push('<ul class="search_result"><h3>Kanskje ser du etter disse?</h3>');
5693
5694                        $.each(data, function(key, category) {
5695                            // items.push('<h3>' + category.categories_name + '</h3><ul class="list-content">');
5696                            iterator = 0;
5697                            $.each(category.result_entries, function(result_key, product){
5698                                //if ( total_iterator < 4){
5699                                    if(iterator == 0){
5700                                        $('#search-down-wrapper-2').addClass('showing');
5701                                    }
5702                                    /*if (iterator >= 3) {
5703                                        total_iterator++;
5704                                        return false;
5705                                    }*/
5706
5707                                    if (product.specials_price != '') {
5708                                        display_price = '<s>' + product.products_price + '</s> ' + product.specials_price;
5709                                    } else {
5710                                        display_price = product.products_price;
5711                                    }
5712
5713                                    items.push('<li><div class="img_wrapper">
5713<img src="product_thumb.php?img=' + product.products_image + '&w=45&h=45" class="fleft" alt=""></div><div class="fleft"><a href="'+product.products_url+'">'+product.products_name+'</a><span class="manufacturers_name">'+ product.manufacturers_name +'</span><span class="display_price">'+display_price+'</span></div>');
5714                                    items.push('</li>');
5715                                    highlight_term = product.highlight;
5716                                    total_iterator++;
5717                                    iterator++;
5718                                    //}
5719                                });
5720                        });
5721
5722                        items.push('</ul>');
5723                        items.push('</div>')
5724                    items.push('</div><div class="searchtotal"><a href="/search_result?keywords='+ $('#keywords2').val() +'">' + total_iterator + '  produkter matcher søket</a></div>');
5725
5726                    data = items.join('');
5727
5728                    $('#search-down-wrapper-2').html(data);
5729                    $('#search-down-wrapper-2').show();
5730                    //highlight($('#keywords2').val());
5731                } else {
5732                    $('#search-down-wrapper-2').hide();
5733                    $('#search-down-wrapper-2').removeClass('showing');
5734                }
5735            });
5736        }
5737
5738            function highlight(text)
5739            {
5740                text.toLowerCase();
5741                inputText = document.getElementById("search-down-wrapper");
5742                inputText = document.getElementById("search-down-wrapper-2");
5743                var innerHTML = inputText.innerHTML;
5744                var index = innerHTML.toLowerCase().indexOf(text);
5745                if ( index >= 0 )
5746                {
5747                    innerHTML = innerHTML.substring(0,index) + "<span class='highlight'>" + innerHTML.substring(index,index+text.length) + "</span>" + innerHTML.substring(index + text.length);
5748                    inputText.innerHTML = innerHTML
5749                }
5750
5751            }
5752        }
5753
5754        var timer2 = null;
5755        var w = $(window).width();
5756        jQuery(document).ready( function($){
5757        $(window).resize( function(e){
5758            clearTimeout(timer2);
5759            timer2 = setTimeout( function(e){
5760            if( w != $(window).width()){
5761                //$.fn.matchHeight._update();
5762            }
5763            }, 800);
5764        });
5765
5766        if (settings.advancedAjaxSearch){
5767            $('#keywords3').keyup(
5768                function() {
5769                    clearTimeout(t);
5770                    if ($(this).val().length > 2) {
5771                        t = setTimeout("build_search_results()", 400);
5772                } else {
5773                        $('#search-down-wrapper').hide();
5774                        $('#search-down-wrapper').removeClass('showing');
5775                }
5776            });
5777
5778            $('#keywords3').focus( function(){
5779            if ($(this).val().length > 2) {
5780                $('#search-down-wrapper').show();
5781                $('#search-down-wrapper').addClass('showing');
5782            }
5783            });
5784
5785            $('#keywords2').keyup(
5786                function() {
5787                    clearTimeout(t);
5788                    if ($(this).val().length > 2) {
5789                        t = setTimeout("build_search_results_mobile()", 400);
5790                } else {
5791                        $('#search-down-wrapper-2').hide();
5792                        $('#search-down-wrapper-2').removeClass('showing');
5793                }
5794            });
5795
5796            $('#keywords2').focus( function(){
5797            if ($(this).val().length > 2) {
5798                $('#search-down-wrapper-2').show();
5799                $('#search-down-wrapper-2').addClass('showing');
5800            }
5801            });
5802
5803            $(document).mouseup(function (e)
5804            {
5805                var container = $(".search-main");
5806                var container2 = $(".mobile-search");
5807
5808                if (!container.is(e.target) // if the target of the click isn't the container...
5809                    && container.has(e.target).length === 0) // ... nor a descendant of the container
5810                {
5811                    container.find('#search-down-wrapper').hide();
5812                }
5813
5814                if (!container2.is(e.target) // if the target of the click isn't the container...
5815                    && container2.has(e.target).length === 0) // ... nor a descendant of the container
5816                {
5817                    container2.find('#search-down-wrapper-2').hide();
5818                }
5819            });
5820
5821        }
5822
5823                    /* LazyLoad */
5824            if (settings.lazyLoad == false && settings.americaEnableOptimization == true ){
5825                $(window).on('load', function() {
5826                if ($("img.lazyloaded").length > 0) {
5827
5828                    $("img.lazyloaded").lazyload({
5829                        effect: 'fadeIn',
5830                        threshold: 50,
5831                        afterLoad: $(function() {
5832
5833                        })
5834                    });
5835                }
5836            });
5837            }
5838                });
5839    </script>
5839
5840
5841                            
5842        
5843                
5844        
5845
5846    
5847
5848                    <span data-stuff="logged in"></span>
5849        
5850        
5851                <div id="addShadeBg"></div>
5852        <!-- MODALS -->
5853      <div class="col-12  plr0">
5854          <!-- Modal for tax -->
5855          <div class="modal" id="taxesModal" tabindex="-1" role="dialog" aria-labelledby="taxesModalTitle" aria-hidden="true">
5856            <div class="modal-dialog modal-dialog-centered" role="document">
5857              <div class="modal-content">
5858                <div class="modal-header justify-content-center">
5859                  <h3 class="modal-title" id="exampleModalLongTitle">Prisene inkluderer moms / Prisene er ekskl. mva</h3>
5860                </div>
5861                <div class="modal-body pb40 pt30">
5862                    <div class="col-12">
5863                      <div class="row">
5864                        <div class="col-12 pb30">
5865                          I denne butikken kan du velge om du vil se priser inkl. eller ekskl. mva.<br>Hvis du er usikker, velger du inkl. mva. <i class="fal fa-smile"></i>
5866                        </div>
5867                        <div class="col-6">
5868                          <button type="button" class="tax-btn inc-tax-btn include_tax" data-dismiss="modal">Inkl. mva
5869                        </button>
5870                        </div>
5871                        <div class="col-6">
5872                          <button type="button" class="tax-btn ex-tax-btn exclude_tax" data-dismiss="modal">Ekskl. mva
5873                          </button>
5874                        </div>
5875                      </div>
5876                    </div>
5877                </div>
5878              </div>
5879            </div>
5880          </div>
5881          
5881<script>
5882            /* All modals should be checked / fixed regarding cookies etc */
5883          </script>
5883
5884          <!-- /end modal for tax -->
5885          <div class="modal" id="languageModal" tabindex="-1" role="dialog" aria-labelledby="languageModalTitle" aria-hidden="true">
5886            <div class="modal-dialog modal-dialog-centered" role="document">
5887              <div class="modal-content">
5888                <div class="modal-header justify-content-center">
5889                  <h3 class="modal-title" id="languageModalLongTitle">Velg Språk</h3>
5890                </div>
5891                <div class="modal-body pb40 pt30">
5892                    <div class="col-12">
5893                      <div class="row">
5894                        <div class="col-12 pb30">
5895                                                                                      <a href="/no/cart" title="Norwegian" class="selected languagelink d-inline-block  lang-btn mb10"><img src="https://erlikkaffe-i02.acendycdn.com/production/build/backend/assets/flags/4x3/no.svg?v=4.2026.09.30.15" width="30" /><span class="pl10">Norwegian</span> </a>
5896                                                                              </div>
5897                      </div>
5898                    </div>
5899                </div>
5900              </div>
5901            </div>
5902          </div>
5903          <!-- /end modal for languages -->
5904          <!-- Modal for currency -->
5905                    <!-- /end modal for currency -->
5906
5907          <!-- Modal for language -->
5908          <div class="modal" id="newsletterModal" tabindex="-1" role="dialog" aria-labelledby="newsletterModalTitle" aria-hidden="true">
5909            <div class="modal-dialog modal-dialog-centered" role="dialog">
5910              <div class="modal-content" id="newsletterModalContent">
5911                <div class="modal-header justify-content-center">
5912                  <h3 class="modal-title" id="newsletterModalLongTitle">Meld meg på Nyhetsbrev</h3>
5913                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
5914                    <span aria-hidden="true">&times;</span>
5915                  </button>
5916                </div>
5917                <div class="modal-body pb40 pt30">
5918                  <h6 class="pb20">
5919                    Meld deg p&aring; nyhetsbrevet v&aring;rt og v&aelig;r oppdatert med alle nyhetene v&aring;re f&oslash;rst
5920                  </h6>
5921                  <form name="join_newsletter_form" action="https://www.erlikkaffe.no/newsletter/?action=join" method="post">
5922
5923
5924                    <label class="mr-sm-2 mb-1" for="firstname">Fornavn</label>
5925                    <input type="text" class="form-control form-control-lg mr-sm-2 mb-4 mb-sm-3" name="firstname" placeholder="Fornavn ">
5926
5927                    <label class="mr-sm-2 mb-1" for="lastname">Etternavn</label>
5928                    <input type="text" class="form-control form-control-lg mr-sm-2 newsletterinput mb-4 mb-sm-3" name="lastname" placeholder="Etternavn">
5929
5930
5931                    <label class="mr-sm-2 mb-1" for="email">E-post</label>
5932                    <input type="text" class="form-control form-control-lg mr-sm-2 newsletterinput mb-4 mb-sm-3" name="email" placeholder="E-post">
5933
5934
5935                    <button type="submit" class="btn btn-default-1 newsletterbtn mt20">
5936                      Fortsett
5937                    </button>
5938                  </form>
5939                </div>
5940              </div>
5941            </div>
5942          </div>
5943        </div>
5944          <!-- /end modal for languages -->
5945
5946        <!-- /ALL MODALS SHOULD BE PUT GLOBAL.. MAYBE IN PAGE_FOOTER -->
5947        <!-- /Include modals -->
5948
5949        
5950            <!-- Customer Group Shipping Countdown amout -->
5951      
5951<script>
5952      function updateCartCount(prevQuantity, quantity){
5953        if(prevQuantity < quantity) {
5954          $('.addtocart_popup').addClass('addtocart_popup_animation');
5955          setTimeout(function(){
5956            $('.addtocart_popup').removeClass('addtocart_popup_animation');
5957          }, 2000);
5958        }
5959
5960        console.log("test");
5961
5962        
5963        var mobileCart = $('#mobile_header .cart-counter');
5964        var cartCount = $('.mega-cart-icon > a .cart-counter.ref');
5965        var floatingCount = $('#navbarNavDropdown a .cart-counter.ref');
5966
5967          if (cartCount.find('span').eq(1).length == 0){
5968            cartCount.append('<span></span>');
5969          }
5970
5971          if (mobileCart.find('span').eq(1).length == 0){
5972            mobileCart.append('<span></span>');
5973          }
5974
5975          if (floatingCount.find('span').eq(1).length == 0){
5976            floatingCount.append('<span></span>');
5977          }
5978
5979        var actual = prevQuantity;
5980        var next = quantity;
5981          cartCount.find('span').eq(0).text(next);
5982          cartCount.find('span').eq(1).text(actual);
5983          mobileCart.find('span').eq(0).text(next);
5984          mobileCart.find('span').eq(1).text(actual);
5985          floatingCount.find('span').eq(0).text(next);
5986          floatingCount.find('span').eq(1).text(actual);
5987
5988          cartCount.addClass('update-count');
5989          mobileCart.addClass('update-count');
5990          floatingCount.addClass('update-count');
5991          setTimeout(function() {
5992              cartCount.find('span').eq(0).text(next);
5993              mobileCart.find('span').eq(0).text(next);
5994              floatingCount.find('span').eq(0).text(next);
5995          }, 150);
5996          setTimeout(function() {
5997              cartCount.removeClass('update-count');
5998              mobileCart.removeClass('update-count');
5999              floatingCount.removeClass('update-count');
6000          }, 200);
6001          setTimeout(function() {
6002              cartCount.find('span').eq(1).text(actual);
6003              mobileCart.find('span').eq(1).text(actual);
6004              floatingCount.find('span').eq(1).text(actual);
6005          }, 230);
6006
6007          if ($('#cart-page').length > 0){
6008            $('#cart-page').load('/cart?kco_error #cart-page > *');
6009          }
6010
6011          
6012                      redrawShipmentCountdown();
6013          
6014                }
6015
6016
6017      jQuery(document).ready( function($){
6018
6019      var tmo = null;
6020
6021    	
6022
6023        
6024          $('body').delegate('.empty_cart', 'click', function(e){
6025    	e.preventDefault();
6026
6027        if (confirm('Fjern fra handlekurven?')){
6028          $.post('/ajax.php?ajaxfunc=empty_cart', {}, function(resp){
6029              console.log(resp);
6030            	reloadCart();
6031          })
6032        } else {
6033          // Do nothing
6034        }
6035      });
6036    
6037      ///// This part was re-done in order to provide better UX
6038      ///// Undelegate part should replace the existing one inside global.js.php
6039      ///// The rest of the scripts could be just moved
6040
6041
6042      ///// TOREPLACE
6043              $('body').undelegate('.quantity_changer a', 'click');
6044        $('body').unbind('.quantity_changer a', 'click');
6045
6046        var quantity_button_tmo = null;
6047        $('body').delegate('.quantity_changer a', 'click', function(e){
6048        	e.preventDefault();
6049        var modifier = $(this).data('modify');
6050        var id = $(this).parent().attr('data_id');
6051        //var totalPricePerProduct = $(this).parent().parent().find('.cart-price');
6052        //var singular_price = totalPricePerProduct.data('singular-price');
6053
6054        console.log( parseInt($(this).parent().data('quantity')));
6055        var qty_local = parseInt($(this).parent().attr('data-quantity'));
6056        var newQty = qty_local;
6057
6058        //totalPricePerProduct.html(newQty * singular_price);
6059
6060        	//clearTimeout(tmo);
6061        if(modifier == 'increase'){
6062          	newQty = qty_local + 1;
6063          	$(this).parent().find('input').val(newQty);
6064
6065          	clearTimeout(quantity_button_tmo);
6066            quantity_button_tmo = setTimeout( function(){
6067              const data = {
6068                 id,
6069                 qty: newQty
6070              };
6071
6072              $.post('/ajax.php?ajaxfunc=update_cart_mobile', data, function(data){
6073                  reloadCartQuantity();
6074              });
6075            }, 300);
6076        } else if (modifier == 'decrease'){
6077            newQty = qty_local - 1;
6078
6079            if (newQty >= 0){
6080              $(this).parent().find('input').val(newQty);
6081
6082              clearTimeout(quantity_button_tmo);
6083              quantity_button_tmo = setTimeout( function(){
6084                  const data = {
6085                     id,
6086                     qty: newQty
6087                  };
6088
6089                  $.post('/ajax.php?ajaxfunc=update_cart_mobile', data, function(data){
6090                        reloadCartQuantity();
6091                    });
6092              }, 300);
6093            }
6094
6095            if (newQty == 0){
6096        		$(this).parent().parent().parent().slideUp(600, function(){
6097                  $(this).remove();
6098                });
6099            }
6100        }
6101        if (newQty >= 0){
6102        	$(this).parent().attr('data-quantity', newQty);
6103        	$('#total_cart_quantity').html(newQty);
6104        }
6105
6106
6107        });
6108
6109        ///// TOMOVE
6110        $('body').delegate('.plusminusunit .quantity', 'change', function(e){
6111          e.preventDefault();
6112
6113          var _evt = e;
6114          var _that = $(this);
6115
6116          clearTimeout(tmo);
6117          var tmo = setTimeout( function(){
6118            	console.log(_evt);
6119                if (_evt.keyCode == '13'){
6120
6121                  _that.blur();
6122                } else {
6123
6124                  var qty = _that.val();
6125                  var id = _that.parent().attr('data_id');
6126                  _that.blur();
6127
6128                  _that.attr('disabled', 'disabled');
6129                  _that.addClass('disabled');
6130                  _that.hide();
6131                  _that.after('<span class="spin-wrapper" style="width:50px;line-height:38px;text-align: center;"><i class="fa fa-spinner fa-spin"></i></span>');
6132
6133                  const data = {
6134                     id,
6135                     qty
6136                  };
6137
6138                  $.post('/ajax.php?ajaxfunc=update_cart_mobile', data, function(data){
6139        			  _that.parent().attr('data-quantity', qty);
6140                      reloadCartQuantity();
6141                  });
6142                }
6143          }, 400);
6144        });
6145
6146        $('body').delegate('.plusminusunit .quantity', 'keyup', function(e){
6147        e.preventDefault();
6148
6149        var _evt = e;
6150        var _that = $(this);
6151
6152        	console.log(_evt);
6153        if (_evt.keyCode == '13'){
6154
6155        	_that.blur();
6156        }
6157        });
6158
6159
6160        $('body').delegate('.plusminusunit .quantity', 'keyup', function(e){
6161          e.preventDefault();
6162
6163          var _evt = e;
6164          var _that = $(this);
6165
6166          clearTimeout(tmo);
6167          var tmo = setTimeout( function(){
6168                if (e.keyCode == '13'){
6169
6170                  $(this).blur();
6171                }
6172          }, 400);
6173        })
6174    
6175      	// Indicate that an attribute must be selected
6176        var url = window.location.pathname;
6177        if (url.indexOf('must_choose_attributes') != -1) {
6178            $('select.attrbutedropdown').each(function(){
6179                display_attributes_errors();
6180            });
6181        }
6182
6183        $('.attrbutedropdown').change(function(){
6184            display_attributes_errors();
6185        });
6186
6187
6188        function display_attributes_errors() {
6189            $('.attributes-errors').hide();
6190            $('.attributes_errors_container-errors').html('');
6191			$('.attributes-errors .notification-error').addClass('alert alert-danger');
6192            var error_messages = new Array;
6193            $('select.attrbutedropdown').each(function(){
6194                if ($(this).val() == 0) {
6195                    err_text = $(this).find('option').get(0).text;
6196                    error_messages.push(err_text.replace('Velg', '').replace(/</g, '&lt;').replace(/>/g, '&gt;'));
6197                }
6198            });
6199            if (error_messages != '') {
6200                $('.attributes-errors').removeClass('dnone').show();
6201                $('.attributes_errors_container').html(error_messages.join(', '));
6202                return false;
6203            }
6204            return true;
6205        }
6206
6207        
6208        $('.overlay .has-child > span > span').click( function(e){
6209          e.preventDefault();
6210
6211                        $(this).parent().parent().find('.dropmenu-small').show(300);
6212                  });
6213
6214        $('.overlay .has-subchild > span > span').click( function(e){
6215          e.preventDefault();
6216
6217                        $(this).parent().parent().find('> .menu-grid-img > .sub_menu').show(300);
6218                  });
6219
6220                    $('body').delegate('.adapter-a', 'click', function(e){
6221              e.preventDefault();
6222              var trigger = $('.activeMenu > ' + $(this).data('click'));
6223
6224              if ($(this).data('click') == '.lvl-0'){
6225                $('.one-step-back.lvl-0').click();
6226              } else {
6227              	trigger.click();
6228              }
6229            });
6230        
6231        $('.one-step-back').click( function(e){
6232          e.preventDefault();
6233
6234                    	$(this).parent().hide(0);
6235          	$(this).parent().parent().parent().siblings().show(0);
6236                 });
6237
6238    });
6239       /* Move this to bundle near reload_cart definition */
6240       function reloadCartQuantity(){
6241          var prevQuantity = $('.cart-actions').find('.buy-button').data('sidebar-cart-num-items');
6242          console.log(prevQuantity);
6243          $('.cart-actions').load($(location).attr('href') + ' .cart-actions > *', function(){
6244
6245            $('.disabled.quantity').parent().find('.spin-wrapper').remove();
6246            $('.disabled.quantity').removeAttr('disabled').removeClass('disabled').show();
6247            $('.cart-actions .buy-button').addClass('big-btn');
6248
6249            // Reducing number of ajax calls
6250            var quantity = $('.cart-actions').find('.buy-button').data('sidebar-cart-num-items');
6251         		console.log(quantity);
6252                    //$('.header_full_wrapper .cart-counter').html(quantity);
6253                    //$('#mobile_header').find('.cart-counter').html(quantity);
6254                    //$('#footer').find('.cart-counter').html(quantity);
6255
6256              if (prevQuantity !== quantity)
6257              updateCartCount(prevQuantity, quantity);
6258
6259              var price = $('#overlay-cart').find('.cart-total-price').html();
6260              $('.buy-button.mob-menu').find('.cart-total-price').html(price);
6261
6262              $('.cart_bottom_part').attr('data-sidebar-total', $('.cart-actions .cart-total-price').attr('data-cart-total-price'));
6263
6264          });
6265       }
6266       /* End of reload_cart_quantity */
6267    </script>
6267
6268                  
6268<script>
6269            $('button').on('click', function(){
6270              var $this = $(this);
6271            setTimeout(function() {
6272                $this.width(300)
6273                setTimeout(function() {
6274                     $this.width(140)
6275                }, 1800);
6276            }, 1400);
6277            });
6278
6279          </script>
6279
6280                	
6281             <!-- addtocartscript -->
6282              
6282<script>
6283
6284
6285                  function clickedBuyButtonInCart(prodid, pricetoadd){
6286                    //var form = 'form[name="' + formattribute + '"]';
6287                    var posturl = 'cart.php?autofill_cart_content=' + prodid;
6288                 	var crallBox = $('.crall-slide[data-product-id="'+prodid+'"]').eq(0);
6289                    var text = crallBox.find('.crall-buy').eq(0).text();
6290
6291                    console.log("text: " + text);
6292					crallBox.find('.crall-buy').html('<i class="fa fa-spin fa-spinner"></i>');
6293                  //var form_data = $(form).serialize();
6294                    //console.log(form_data);
6295
6296                    $('.bottom-of-cart .clerk-product button.button span span[prodid="' + prodid + '"]').html('<i class="fa fa-spinner fa-x2 fa-spin" aria-hidden="true"></i>');
6297
6298                    $.post(posturl, function(data) {
6299						crallBox.find('.crall-buy').html(text);
6300                        reloadCart();
6301        			});
6302                  }
6303
6304
6305              </script>
6305
6306            
6307
6308                
6308<script>
6309        var first = true;
6310        var priceSuffix = ',-';
6311        jQuery(document).ready( function(){
6312          //Add class to Mobile Menu
6313
6314          $('.flex-center.mob-menu').css('margin-top', '50px');
6315			   redrawShipmentCountdown();
6316          setTimeout( function(){
6317            if (first){
6318              first = false;
6319            }
6320          	redrawShipmentCountdown();
6321          }, 10000)
6322        });
6323          function redrawShipmentCountdown(){
6324            //setInterval change it
6325                setTimeout( function(){
6326                  try{
6327                    var total = parseFloat(1000);
6328                  	var html = '';
6329                    total = total - parseInt($('.cart_bottom_part').attr('data-sidebar-total'));
6330
6331                    if (total > 0){
6332                      $('.shipping-notification-sum-left').html(total);
6333                    } else {
6334
6335                    }
6336                    $('.success-visible').remove();
6337                    $('.warning-visible').remove();
6338
6339                    if ($('.warning-visible').length == 0 && total > 0){
6340                      console.log("TEST 1");
6341                        if ($('.success-visible').length > 0) $('.success-visible').remove();
6342                        html += '<div class="warning-visible">';
6343                          html += '<div class="cp-panel panel panel-default">';
6344                          html += '<div class="alert-warning warning main-kco-background shippment_calc_main_wrapper" style="font-weight: 700; padding-left: 10px; padding-right: 10px;color:#000000;background: #ffffff;border-color: #f3e1e3; text-align: center;padding: 8px;font-size: 16px;">';
6345                          html += '<div class="mobile_shipping_wrapper"><div class="mobile_shipping_progress"></div></div>';
6346                          html += '<div class="info_wrapper">';
6347                       	html += '<h2><i class="fa fa-info"></i><span class="shipping-notification-sum-left" style="color: #000000;">'+ total +'</span>'+ priceSuffix +' KR IGJEN TIL FRI FRAKT!</h2>';
6348
6349                          html += '</div>';
6350          				      html += '</div></div>';
6351                        html += '</div>';
6352
6353                                                  	//$('#cqty').parent().before(html);
6354                          	$('#overlay-cart .cart-container > div > h5').append(html);
6355                        	  //$('.flex-center.mob-menu').append(html);
6356                        
6357                                                	var htmlHeader = '';
6358                         htmlHeader += '<span class="shipping-counter-header" style="font-weight: 700; font-size: 12px; color: #000000;line-height: 1;">';
6359                            htmlHeader += '<h2>Du er <strong class="shipping-notification-sum-left" style="letter-spacing: -2px;display:block; clear: both; font-size: 20px; color: #000000;">'+ total +'Kr <i class="fas fa-truck" style="color: #000;font-size:18px;"></i></strong> unna å få FRI FRAKT!</h2>';
6360                        	$('#header-countdown').html(htmlHeader);
6361
6362                                                $('.flex-center.mob-menu').append(html);
6363                        $('.flex-center.mob-menu').find('.warning-visible').addClass('mobile-only');
6364                    } else if (total <= 0 && $('.success-visible').length == 0){
6365                        if ($('.warning-visible').length > 0) $('.warning-visible').remove();
6366                        html += '<div  class="success-visible">';
6367                          html += '<div class="cp-panel panel panel-default">';
6368                      		html += '<div class="alert-success success main-kco-background shippment_calc_main_wrapper" style="font-weight: 700; padding-left: 10px; padding-right: 10px;color:#000000;background: #ffffff;border-color: #f3e1e3; text-align: center;padding: 8px;font-size: 16px;">';
6369                          html += '<div class="mobile_shipping_wrapper"><div class="mobile_shipping_progress"></div></div>';
6370                          html += '<div class="info_wrapper">';
6371                            html += '<i class="fa fa-info"></i> Gratulerer, du fikk gratis frakt!</div></div>';
6372                          html += '</div>';
6373                        html += '</div>';
6374
6375                                                  //$('#cqty').parent().before(html);
6376                          $('#overlay-cart .cart-container > div > h5').append(html);
6377                          //$('.flex-center.mob-menu').append(html);
6378                          //$('.flex-center.mob-menu').find('success-visible').addClass('mobile-only');
6379                        
6380                                                	var htmlHeader = '';
6381                         htmlHeader += '<h2><span class="shipping-counter-header" style="font-weight: 700; font-size: 12px; color: #000000;line-height: 1;">';
6382                          htmlHeader += 'Gratulerer, du fikk gratis frakt!';
6383          					htmlHeader += '</span></h2>';
6384                        	$('#header-countdown').html(htmlHeader);
6385                                                $('.flex-center.mob-menu').append(html);
6386                        $('.flex-center.mob-menu').find('.success-visible').addClass('mobile-only');
6387                    }
6388                     progress($('#myProgress'));
6389                     progress($('.mobile_shipping_progress'));
6390
6391                    
6392                  }catch(err){
6393                  	console.log(err.message)
6394                  }
6395          	}, 700);
6396        }
6397
6398
6399      	function progress($element) {
6400		  var newValue = parseInt($('.cart_bottom_part').attr('data-sidebar-total'));
6401
6402            var elem = $element,
6403                        amount =  parseFloat(1000),
6404                        percent = amount / 100,
6405                        cartSum = parseInt($('.cart_bottom_part').attr('data-sidebar-total')),
6406                        progressWidth = (cartSum / amount) * 100;
6407
6408            var width = 0;
6409
6410                if(cartSum >= amount) {
6411                    elem.width("100%");
6412                  $('#freeShippmentSum').text('');
6413                  $('.freeShippingWrapper > span').text('Gratulerer, du fikk gratis frakt!');
6414
6415                } else {
6416
6417                  width = progressWidth;
6418            		  elem.width(width + "%");
6419                	var newState = amount - cartSum;
6420                  $('.freeShippingWrapper > span').html('<span id="freeShippmentSum">'+ newState +'</span>'+ priceSuffix +' KR IGJEN TIL FRI FRAKT!');
6421                  $('#freeShippmentSum').text(amount - cartSum);
6422
6423                }
6424
6425
6426
6427        }
6428
6429
6430        var openLocal = window.XMLHttpRequest.prototype.open,
6431              sendLocal = window.XMLHttpRequest.prototype.send,
6432              onReadyStateChange;
6433
6434          function openReplacement(method, url, async, user, password) {
6435              var syncMode = async !== false ? 'async' : 'sync';
6436              //console.warn(
6437              //    'Preparing ' +
6438              //    syncMode +
6439              //    ' HTTP request : ' +
6440              //    method +
6441              //    ' ' +
6442              //    url
6443              //);
6444              return openLocal.apply(this, arguments);
6445          }
6446
6447          function sendReplacement(data) {
6448              if(this.onreadystatechange) {
6449                  this._onreadystatechange = this.onreadystatechange;
6450              }
6451
6452              if (!first){
6453                redrawShipmentCountdown();
6454              }
6455              this.onreadystatechange = onReadyStateChangeReplacement;
6456
6457              return sendLocal.apply(this, arguments);
6458          }
6459
6460          function onReadyStateChangeReplacement() {
6461              //console.warn('HTTP request ready state changed : ' + this.readyState);
6462              if(this._onreadystatechange) {
6463                  return this._onreadystatechange.apply(this, arguments);
6464              }
6465          }
6466
6467          window.XMLHttpRequest.prototype.open = openReplacement;
6468          window.XMLHttpRequest.prototype.send = sendReplacement;
6469
6470        </script>
6470
6471    
6472    
6473        
6474        
6475        
6476        
6477        
6478
6479
6480        
6480<script>
6481            setTimeout(function(){
6482            var menuElements = $('.menu__elem')
6483            var overlay = $('.overlay')
6484            var addShade =$('#addShadeBg')
6485            var overlayElements = $('.overlay__elem')
6486            var closeMenu = $('.mobile-menu-close')
6487
6488            function getIcons() {
6489                return $(this).find('.menu__icons').find('.fal')
6490            }
6491
6492            function resetMenu() {
6493                menuElements.removeClass('menu__elem--active')
6494                $.each(menuElements, function(i, element) {
6495                    var icons = getIcons.call(element)
6496                    if (icons.hasClass('fa-home')) {
6497                        return
6498                    }
6499                    icons.filter('.fa-times').hide()
6500                    icons.filter('.fal:not(.fa-times)').css('display','inline-block')
6501
6502                })
6503                $('.buy-button').removeClass('big-btn');
6504                overlayElements.hide()
6505
6506            }
6507            function hideOverlay() {
6508                overlay.removeClass('active')
6509                overlay.removeClass('cart-open')
6510                overlay.removeClass('menu-open')
6511                addShade.removeClass('active')
6512                $('html').removeClass('no-scroll')
6513                $('.cart-counter').show()
6514            }
6515
6516                $('body').undelegate('#close-button', 'click');
6517                $('#close-button').unbind('click');
6518                $('body').off('click', '.overlay .close-button');
6519                $('body').on('click', '.overlay .close-button', function(){
6520                    console.log("Called from a custom event handler");
6521                    setTimeout(function(){
6522                        resetMenu();
6523                        hideOverlay();
6524                    }, 1);
6525                });
6526            }, 1);
6527            //Mobile menu functions
6528        </script>
6528
6529
6530                    <!-- Customer club comment -->
6531                        
6532
6533
6534
6535
6536            
6536<script>
6537                    $(document).ready( function($){
6538                    $('body').delegate('a[href*="#customerclub"]', 'click', function(e) {
6539                        if (typeof customerClubOpen === 'function') {
6540                        e.preventDefault();
6541
6542                        customerClubOpen();
6543                        }
6544                    });
6545                    });
6546            </script>
6546
6547        
6548            </body>
6549</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.