PageSourceSearch

https://v4rl.com/the-lab/open-positions

html v4rl.com collected 2026-09-26 07:56:18 UTC 580,512 bytes, 15,710 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-GB" class="no-js  web4044 theme_version_ web4044   ">
3	<head>
4
5		<title>The Lab - Vision For Robotics - V4RL</title>
6		<meta charset="utf-8">
7
8			
9		<style>
10
11
12		</style>
13		<link rel="preconnect" href="https://fonts.googleapis.com">
14		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
15		<link rel="preconnect" href="https://api.b3.my" crossorigin>
16		<link rel="preconnect" href="https://videos.pexels.com" crossorigin>
17
18
19		<!-- Enable standalone (app-like) mode -->
20		<meta name="mobile-web-app-capable" content="yes">
21
22		<!-- App title shown under icon -->
23		<meta name="apple-mobile-web-app-title" content="">
24
25		<!-- Status bar style -->
26		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
27
28		<!-- Theme color -->
29		<meta name="theme-color" content="#ffffff">
30
31		<style>
32			:root{
33
34				
35			}
36		</style>
37		<meta ip="104.234.32.4"/>
38
39				<meta http-equiv="X-UA-Compatible" content="IE=edge">
40		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0, user-scalable=no,shrink-to-fit=yes, viewport-fit=cover" />
41		<meta name="description" content="">
42		<meta property="og:title" content="The Lab - Vision For Robotics - V4RL" />
43				<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0, user-scalable=no,shrink-to-fit=yes, viewport-fit=cover" />
44				<meta property="og:site_name" content="V4RL"/>
45		<meta property="og:description" content="" />
46		<meta property="og:image" content=""/>
47		<meta property="og:type" content="website" />
48		
49		<meta property="og:url" content="https://v4rl.com/the-lab/open-positions"/>
50
51
52
53
54		
55		<meta name="google" content="notranslate" />
56
57
58		
59
60									
60<script type="text/javascript" src="//v4rl.com/cache/2018.js"></script>
60
61											
61<script defer src="https://cdn.jsdelivr.net/gh/HichemTab-tech/[email protected]/dist/otpdesigner.min.js"></script>
61
62
63		
63<script async="" src="https://unpkg.com/[email protected]/imagesloaded.pkgd.js"></script>
63
64		<!--
65		
65<script defer crossorigin
66		  src="https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js" crossorigin="anonymous">
67		</script>
67
68		-->
69
70
71
72							<link onload="this.media='all'" media="print" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.css" integrity="sha512-rd0qOHVMOcez6pLWPVFIv7EfSdGKLt+eafXh4RO/12Fgr41hDQxfGvoi1Vy55QIVcQEujUE1LQrATCLl2Fs+ag==" crossorigin="anonymous" referrerpolicy="no-referrer" />
73					
73<script type="text/javascript" src="https://api.b3.my/js/vendors.min.js?1790409378"></script>
73
74					
74<script type="text/javascript" src="https://b3.my/api/js/craft.js?1790409378"></script>
74
75									<link rel="stylesheet" href="//v4rl.com/cache/2018.css?t1790409378"/>
76						<style class="styleFromHeader">
77
78									.theme_version_2:not(.web5028){
79												body{
80							//background:#fff;
81
82						}
83												header:not(.hero-gradient) {
84														--header-bg-color: rgb(255, 255, 255);
85														background: var(--header-bg-color);
86							
87							//background:rgb(255, 255, 255) !important;
88							@media (max-width: 991px){
89							.navbar-nav{
90								//background:rgb(255, 255, 255) !important;
91							}
92							}
93							.navbar a{
94								color: #fff !important;
95							}
96						}
97					}
98					.headerStyle{
99												background:rgb(255, 255, 255);
100											}
101				@media (min-width: 1400px) {
102					:root{
103						--page-width: 1280px;
104					}
105				}
106				body{
107
108									  background: #fff;
109				  				 }
110
111
112
113				</style>
114				
115	</head>
116
117	
118
119		
120
121<script defer src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>
121
122<link media="print" onload="this.media='all'" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" />
123<!--
124<script src="https://malsup.github.io/jquery.form.js"></script>
124
125-->
126
127
128<script async src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timeago/1.6.7/jquery.timeago.min.js" integrity="sha512-RlGrSmkje9EE/FXpJKWf0fvOlg4UULy/blvNsviBX9LFwMj/uewXVoanRbxTIRDXy/0A3fBQppTmJ/qOboJzmA==" crossorigin="anonymous"></script>
128
129
130	
131
132
133
134<script src="https://b3.my/api/js/b3.js?t1790409378"></script>
vendor: 1 bytes, line 134
134
135<script async src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
135
136
137
138
139
140<link  media="print" onload="this.media='all'" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastify-js/1.10.0/toastify.min.css" integrity="sha512-XIkIBO/wctVgsGNjGcnwI+L9NJgVdLhN5+F0XlGBhGpUA+c751Ynt8fuBG5LcdC19dpcuMwaIs6dXauT3Vtzng==" crossorigin="anonymous" />
141
142
143
144
145
146<script defer src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.11.2/jquery.mask.min.js" integrity="sha512-Y/GIYsd+LaQm6bGysIClyez2HGCIN1yrs94wUrHoRAD5RSURkqqVQEU6mM51O90hqS80ABFTGtiDpSXd2O05nw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
146
147<link media="print" onload="this.media='all'" href="https://cdn.b3website.com/royalslider/skins/minimal-white/rs-minimal-white.css" rel="stylesheet">
148
149<link media="print" onload="this.media='all'" href="https://cdn.b3website.com/royalslider/royalslider.css" rel="stylesheet">
150
151	
151<script  async src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js" integrity="sha512-Zq2BOxyhvnRFXu0+WE6ojpZLOU2jdnqbrM1hmVdGzyeCa1DgM3X5Q4A/Is9xA1IkbUeDd7755dNNI/PzSf2Pew==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
151
152
153
154<script defer loading="async" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCpNWVYOhEYE1bSTGlKIMhhMSsTZKKJKuY&libraries=geometry,places"></script>
154
155<!---->
156
157
158
159<link media="print" onload="this.media='all'" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-countdown/2.0.2/jquery.countdown.min.css" />
160<meta name="generator" content="B3 Builder">
161<meta name="built-with" content="B3 Builder">
162<meta name="x-site-builder" content="B3 Builder">
163
164
165
166<!-- Built with B3 Builder -->
167<link media="print" onload="this.media='all'"  rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
168<link  media="print" onload="this.media='all'"  rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" />
169
170
171
172
173<script  src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
173
174<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" />
175
176
177
178<link media="print" onload="this.media='all'"  rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-hint/3.0.0/simple-hint.min.css" integrity="sha512-Uyec2R8FizuyLt1BkmEkVYEY6C9qW6uyh5ePKWs/ec5P/zl8ZcKHHJCDHugEfb2SjVdL7ps/HXfE5Ric7Lr26w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
179
180<script
181  src="https://browser.sentry-cdn.com/7.17.4/bundle.min.js"
182  integrity="sha384-XHC4Ua4bFZF23Rgwkuf3FJGT1/W1dWbIaICyTr+qKjMcJ0cC96rK7J7L0wCTn2xC"
183  crossorigin="anonymous"
184  async
185></script>
vendor: 1 bytes, line 185
185
186<script>
187	try{
188		window.sentryOnLoad = function() {
189			Sentry.init({ dsn: 'https://[email protected]/4504105219457024' });
190		};
191	}catch(exc){
192		console.log(exc);
193	}
194</script>
194
195
196<script>
197	try{
198	document.documentElement.className = document.documentElement.className+' darkMode';
199	}catch(exc){
200
201	}
202</script>
202
203<!---->
204
205<link media="print"
206  onload="this.media='all'; this.onload = null" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/src/css/lightgallery.css">
207
208
209<link href="https://api.b3.my/css/feather.css" media="print"
210  onload="this.media='all'; this.onload = null" rel="stylesheet">
211 <!-- -->
212<script async src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.js" integrity="sha256-yNbKY1y6h2rbVcQtf0b8lq4a+xpktyFc3pSYoGAY1qQ=" crossorigin="anonymous"></script>
212
213<link media="print"
214  onload="this.media='all'; this.onload = null" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.css" integrity="sha256-R91pD48xW+oHbpJYGn5xR0Q7tMhH4xOrWn1QqMRINtA=" crossorigin="anonymous" />
215<script src="https://js.stripe.com/v3/"></script>
215
216
217<link media="print"
218  onload="this.media='all'; this.onload = null" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.1/css/tempusdominus-bootstrap-4.min.css" />
219<script async src="
220https://cdn.jsdelivr.net/npm/[email protected]/dist/js-confetti.browser.min.js
221"></script>
221
222
223<!-- Latest compiled and minified CSS -->
224<link media="print"
225  onload="this.media='all'; this.onload = null" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-select.min.css">
226
227<!-- Latest compiled and minified JavaScript -->
228<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap-select.min.js"></script>
228
229
230<!-- (Optional) Latest compiled and minified JavaScript translation files -->
231	<style>
232		
233	@font-face{
234		font-family:revicons;
235		src:url('https://cdn.b3website.com/revolution/fonts/revicons/revicons.eot');
236		src:url(https://cdn.b3website.com/revolution/fonts/revicons/revicons.eot?5510888#iefix) format('embedded-opentype'),url(https://cdn.b3website.com/revolution/fonts/revicons/revicons.woff) format('woff'),url(https://cdn.b3website.com/revolution/fonts/revicons/revicons.ttf?5510888) format('truetype'),url(https://cdn.b3website.com/revolution/fonts/revicons/revicons.svg?5510888#revicons) format('svg');font-weight:400;font-style:normal}
237		font-weight:400;
238		font-style:normal
239	}
240	</style>
241<!-- Render b3 css -->
242<style class="styleB3">
243/**
244   * Remove all paddings around the image on small screen
245   */
246/* Row */
247/* Row */
248/* Row */
249/* Row */
250/* Row */
251.stripeNewElements {
252  max-height: fit-content !important;
253  padding: 0px !important;
254  box-shadow: none !important;
255  transition: none !important; }
256
257.gap-2 {
258  gap: 0.5rem !important; }
259
260.rounded-3 {
261  border-radius: 0.3rem !important;
262  /* Exit animation class */ }
263
264@keyframes slideDownModal {
265  from {
266    transform: translateY(0);
267    opacity: 1; }
268
269  to {
270    transform: translateY(60px);
271    opacity: 0; } }
272
273.modal.slide-down .modal-dialog {
274  animation: slideDownModal 0.2s cubic-bezier(0.4, 0, 1, 1) forwards;
275  /* Slide-up entrance animation */ }
276
277@keyframes slideUpModal {
278  from {
279    transform: translateY(60px);
280    opacity: 0; }
281
282  to {
283    transform: translateY(0);
284    opacity: 1; } }
285
286.modal.fade .modal-dialog {
287  transform: translateY(60px);
288  transition: none; }
289
290.modal.show:not(.slide-down) .modal-dialog {
291  animation: slideUpModal 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards; }
292
293.mfp-bg {
294  top: 0;
295  left: 0;
296  width: 100%;
297  height: 100%;
298  z-index: 1042;
299  overflow: hidden;
300  position: fixed;
301  background: #0b0b0b;
302  opacity: 0.8; }
303
304.mfp-wrap {
305  top: 0;
306  left: 0;
307  width: 100%;
308  height: 100%;
309  z-index: 1043;
310  position: fixed;
311  outline: none !important;
312  -webkit-backface-visibility: hidden; }
313
314.mfp-container {
315  text-align: center;
316  position: absolute;
317  width: 100%;
318  height: 100%;
319  left: 0;
320  top: 0;
321  padding: 0 8px;
322  box-sizing: border-box; }
323
324.mfp-container:before {
325  content: "";
326  display: inline-block;
327  height: 100%;
328  vertical-align: middle; }
329
330.mfp-align-top .mfp-container:before {
331  display: none; }
332
333.mfp-content {
334  position: relative;
335  display: inline-block;
336  vertical-align: middle;
337  margin: 0 auto;
338  text-align: left;
339  z-index: 1045; }
340
341.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
342  width: 100%;
343  cursor: auto; }
344
345.mfp-ajax-cur {
346  cursor: progress; }
347
348.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
349  cursor: -moz-zoom-out;
350  cursor: -webkit-zoom-out;
351  cursor: zoom-out; }
352
353.mfp-zoom {
354  cursor: pointer;
355  cursor: -webkit-zoom-in;
356  cursor: -moz-zoom-in;
357  cursor: zoom-in; }
358
359.mfp-auto-cursor .mfp-content {
360  cursor: auto; }
361
362.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
363  -webkit-user-select: none;
364  -moz-user-select: none;
365  user-select: none; }
366
367.mfp-loading.mfp-figure {
368  display: none; }
369
370.mfp-hide {
371  display: none !important; }
372
373.mfp-preloader {
374  color: #ccc;
375  position: absolute;
376  top: 50%;
377  width: auto;
378  text-align: center;
379  margin-top: -0.8em;
380  left: 8px;
381  right: 8px;
382  z-index: 1044; }
383
384.mfp-preloader a {
385  color: #ccc; }
386
387.mfp-preloader a:hover {
388  color: #fff; }
389
390.mfp-s-ready .mfp-preloader {
391  display: none; }
392
393.mfp-s-error .mfp-content {
394  display: none; }
395
396button.mfp-close, button.mfp-arrow {
397  overflow: visible;
398  cursor: pointer;
399  background: transparent;
400  border: 0;
401  -webkit-appearance: none;
402  display: block;
403  outline: none;
404  padding: 0;
405  z-index: 1046;
406  box-shadow: none;
407  touch-action: manipulation; }
408
409button::-moz-focus-inner {
410  padding: 0;
411  border: 0; }
412
413.mfp-close {
414  width: 44px;
415  height: 44px;
416  line-height: 44px;
417  position: absolute;
418  right: 0;
419  top: 0;
420  text-decoration: none;
421  text-align: center;
422  opacity: 0.65;
423  padding: 0 0 18px 10px;
424  color: #fff;
425  font-style: normal;
426  font-size: 28px;
427  font-family: Arial, Baskerville, monospace; }
428
429.mfp-close:hover, .mfp-close:focus {
430  opacity: 1; }
431
432.mfp-close:active {
433  top: 1px; }
434
435.mfp-close-btn-in .mfp-close {
436  color: #333; }
437
438.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
439  color: #fff;
440  right: -6px;
441  text-align: right;
442  padding-right: 6px;
443  width: 100%; }
444
445.mfp-counter {
446  position: absolute;
447  top: 0;
448  right: 0;
449  color: #ccc;
450  font-size: 12px;
451  line-height: 18px;
452  white-space: nowrap; }
453
454.mfp-arrow {
455  position: absolute;
456  opacity: 0.65;
457  margin: 0;
458  top: 50%;
459  margin-top: -55px;
460  padding: 0;
461  width: 90px;
462  height: 110px;
463  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
464
465.mfp-arrow:active {
466  margin-top: -54px; }
467
468.mfp-arrow:hover, .mfp-arrow:focus {
469  opacity: 1; }
470
471.mfp-arrow:before, .mfp-arrow:after {
472  content: "";
473  display: block;
474  width: 0;
475  height: 0;
476  position: absolute;
477  left: 0;
478  top: 0;
479  margin-top: 35px;
480  margin-left: 35px;
481  border: medium inset transparent; }
482
483.mfp-arrow:after {
484  border-top-width: 13px;
485  border-bottom-width: 13px;
486  top: 8px; }
487
488.mfp-arrow:before {
489  border-top-width: 21px;
490  border-bottom-width: 21px;
491  opacity: 0.7; }
492
493.mfp-arrow-left {
494  left: 0; }
495
496.mfp-arrow-left:after {
497  border-right: 17px solid #fff;
498  margin-left: 31px; }
499
500.mfp-arrow-left:before {
501  margin-left: 25px;
502  border-right: 27px solid #3f3f3f; }
503
504.mfp-arrow-right {
505  right: 0; }
506
507.mfp-arrow-right:after {
508  border-left: 17px solid #fff;
509  margin-left: 39px; }
510
511.mfp-arrow-right:before {
512  border-left: 27px solid #3f3f3f; }
513
514.mfp-iframe-holder {
515  padding-top: 40px;
516  padding-bottom: 40px; }
517
518.mfp-iframe-holder .mfp-content {
519  line-height: 0;
520  width: 100%;
521  max-width: 900px; }
522
523.mfp-iframe-holder .mfp-close {
524  top: -40px; }
525
526.mfp-iframe-scaler {
527  width: 100%;
528  height: 0;
529  overflow: hidden;
530  padding-top: 56.25%; }
531
532.mfp-iframe-scaler iframe {
533  position: absolute;
534  display: block;
535  top: 0;
536  left: 0;
537  width: 100%;
538  height: 100%;
539  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
540  background: #000;
541  /* Main image in popup */ }
542
543img.mfp-img {
544  width: auto;
545  max-width: 100%;
546  height: auto;
547  display: block;
548  line-height: 0;
549  box-sizing: border-box;
550  padding: 40px 0 40px;
551  margin: 0 auto;
552  /* The shadow behind the image */ }
553
554.mfp-figure {
555  line-height: 0; }
556
557.mfp-figure:after {
558  content: "";
559  position: absolute;
560  left: 0;
561  top: 40px;
562  bottom: 40px;
563  display: block;
564  right: 0;
565  width: auto;
566  height: auto;
567  z-index: -1;
568  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
569  background: #444; }
570
571.mfp-figure small {
572  color: #bdbdbd;
573  display: block;
574  font-size: 12px;
575  line-height: 14px; }
576
577.mfp-figure figure {
578  margin: 0; }
579
580.mfp-bottom-bar {
581  margin-top: -36px;
582  position: absolute;
583  top: 100%;
584  left: 0;
585  width: 100%;
586  cursor: auto; }
587
588.mfp-title {
589  text-align: left;
590  line-height: 18px;
591  color: #f3f3f3;
592  word-wrap: break-word;
593  padding-right: 36px; }
594
595.mfp-image-holder .mfp-content {
596  max-width: 100%; }
597
598.mfp-gallery .mfp-image-holder .mfp-figure {
599  cursor: pointer; }
600
601@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
602  .mfp-img-mobile .mfp-image-holder {
603    padding-left: 0;
604    padding-right: 0; }
605
606  .mfp-img-mobile img.mfp-img {
607    padding: 0; }
608
609  .mfp-img-mobile .mfp-figure:after {
610    top: 0;
611    bottom: 0; }
612
613  .mfp-img-mobile .mfp-figure small {
614    display: inline;
615    margin-left: 5px; }
616
617  .mfp-img-mobile .mfp-bottom-bar {
618    background: rgba(0, 0, 0, 0.6);
619    bottom: 0;
620    margin: 0;
621    top: auto;
622    padding: 3px 5px;
623    position: fixed;
624    box-sizing: border-box; }
625
626  .mfp-img-mobile .mfp-bottom-bar:empty {
627    padding: 0; }
628
629  .mfp-img-mobile .mfp-counter {
630    right: 5px;
631    top: 3px; }
632
633  .mfp-img-mobile .mfp-close {
634    top: 0;
635    right: 0;
636    width: 35px;
637    height: 35px;
638    line-height: 35px;
639    background: rgba(0, 0, 0, 0.6);
640    position: fixed;
641    text-align: center;
642    padding: 0; } }
643
644button.mfp-close:active:before, button.mfp-close:before {
645  font-family: "Font Awesome 6 Pro" !important; }
646
647@media all and (max-width: 900px) {
648  .mfp-arrow {
649    -webkit-transform: scale(0.75);
650    transform: scale(0.75); }
651
652  .mfp-arrow-left {
653    -webkit-transform-origin: 0;
654    transform-origin: 0; }
655
656  .mfp-arrow-right {
657    -webkit-transform-origin: 100%;
658    transform-origin: 100%; }
659
660  .mfp-container {
661    padding-left: 6px;
662    padding-right: 6px; } }
663
664#cookieNoticePro .btn-wrap button {
665  background: green; }
666
667.cardDeliveryTakeawayTitle {
668  display: none !important; }
669
670#cookieNoticePro.light {
671  transition: 250ms all;
672  opacity: 0.9 !important; }
673
674#cookieNoticePro.light:hover {
675  opacity: 0.99 !important; }
676
677.toastify.on.no-internet {
678  background: #524e4e !important; }
679
680.locationResults {
681  min-height: 400px; }
682
683@media (min-width: 1400px) {
684  .container {
685    max-width: 1280px !important; } }
686
687.basketDetails .container {
688  padding-top: 0px !important; }
689
690.checkoutTabsRetail li {
691  padding: 0px !important; }
692
693@media (min-width: 991px) {
694  .languageInFilters.bootstrap-select {
695    background-color: white; }
696    .languageInFilters.bootstrap-select .dropdown-menu.show {
697      padding: 0px !important; }
698    .languageInFilters.bootstrap-select .selected.active {
699      border-left: 3px solid #41b341; }
700    .languageInFilters.bootstrap-select li {
701      padding: 0px !important; }
702      .languageInFilters.bootstrap-select li a {
703        padding: 10px 5px !important; }
704
705  .modaSmall .modal-dialog {
706    max-width: 720px; } }
707
708.modaSmall.is-tail {
709  transform: translateY(-40px) scale(0.9);
710  opacity: 0.4; }
711  .modaSmall.is-tail .doneModal {
712    display: none !important; }
713
714.modaSmall .btnSaveBottom {
715  margin-top: auto; }
716
717.modaSmall:not(.editContentAPI):not(.selectMediaAPI) {
718  transition: 250ms all; }
719  .modaSmall:not(.editContentAPI):not(.selectMediaAPI) .modal-content {
720    border: none !important;
721    background: transparent; }
722    .modaSmall:not(.editContentAPI):not(.selectMediaAPI) .modal-content .modal-body {
723      background: #f7f7f7;
724      scroll-behavior: smooth !important;
725      -webkit-overflow-scrolling: touch !important;
726      overflow: scroll;
727      height: 85vh !important;
728      min-height: 85vh;
729      max-height: calc(90vh - env(safe-area-inset-bottom)) !important;
730      border-radius: 20px; }
731
732.modalbox:not(.modaSmall).is-tail:before {
733  content: "'";
734  background: rgba(0, 0, 0, 0.9);
735  position: fixed;
736  width: 100%;
737  height: 100%;
738  left: 0px;
739  top: 0px;
740  z-index: 99; }
741
742.modaSmall {
743  display: flex !important;
744  align-items: flex-end;
745  transition: 300ms all; }
746  .modaSmall.isHidden {
747    transform: translateY(100%); }
748  .modaSmall .modal-dialog {
749    width: 100%; }
750
751.ajaxLink {
752  cursor: pointer; }
753
754.magic-cursor .ajaxLink {
755  cursor: none !important; }
756
757@media (min-width: 991px) and (max-width: 1900px) {
758  .container-small {
759    max-width: 600px !important; }
760
761  .container-medium {
762    max-width: 800px !important; }
763
764  .container-large {
765    max-width: 1000px !important; }
766
767  .container-xlarge {
768    max-width: 1300px !important; }
769
770  .container-xxlarge {
771    max-width: 1380px !important; } }
772
773.languageInFilters .filter-option {
774  display: flex;
775  justify-content: center;
776  align-items: center; }
777
778@media (min-width: 576px) {
779  .pe-sm-0 {
780    padding-right: 0 !important; } }
781
782.card .dashboardIcon {
783  align-items: center;
784  display: flex; }
785
786.fs-15 {
787  font-size: 15px; }
788
789.fs-35 {
790  font-size: 3.5rem; }
791
792.register_login_button {
793  display: flex !important; }
794
795.register_login_button::before {
796  content: "\f007" !important;
797  height: 100% !important;
798  width: 30px !important;
799  font-family: 'Font Awesome 5 Pro';
800  display: flex;
801  justify-content: center;
802  align-items: center; }
803
804@media (min-width: 576px) {
805  .text-sm-start {
806    text-align: left !important; } }
807
808:root {
809  --bs-btn-hover-color: black;
810  --duration-short: 0.1s;
811  --color-background: 255, 255, 255;
812  --gradient-background: #fff;
813  --color-foreground: 18, 18, 18;
814  --color-background-contrast: 191, 191, 191;
815  --color-shadow: 18, 18, 18;
816  --color-button: 18, 18, 18;
817  --color-button-text: 255, 255, 255;
818  --color-secondary-button: 255, 255, 255;
819  --color-secondary-button-text: 18, 18, 18;
820  --color-link: 18, 18, 18;
821  --color-badge-foreground: 18, 18, 18;
822  --color-badge-background: 255, 255, 255;
823  --color-badge-border: 18, 18, 18;
824  --payment-terms-background-color: #000; }
825
826.modal-fullscreen {
827  width: 100vw;
828  max-width: none;
829  height: 100% !important;
830  margin: 0; }
831
832.modal-fullscreen .modal-content {
833  height: 100%;
834  border: 0;
835  border-radius: 0; }
836
837.modal-fullscreen .modal-header {
838  border-radius: 0; }
839
840.modal-fullscreen .modal-body {
841  overflow-y: auto; }
842
843.modal-fullscreen .modal-footer {
844  border-radius: 0; }
845
846.alignSelfCenter {
847  align-self: center; }
848
849.btnSkipStep, .btnContinueWebsite {
850  cursor: pointer; }
851
852.lg-backdrop.in {
853  z-index: 10000; }
854
855.lg-visible.lg-outer {
856  z-index: 10001; }
857
858.iti--allow-dropdown {
859  width: 100%; }
860
861.ui--form .container {
862  max-width: 100% !important; }
863
864.animated100 {
865  -webkit-animation-duration: 0.1s !important;
866  animation-duration: 0.1s !important;
867  -webkit-animation-fill-mode: both;
868  animation-fill-mode: both; }
869
870.animated200 {
871  -webkit-animation-duration: 0.2s !important;
872  animation-duration: 0.2s !important;
873  -webkit-animation-fill-mode: both;
874  animation-fill-mode: both; }
875
876.animated300 {
877  -webkit-animation-duration: 0.3s !important;
878  animation-duration: 0.3s !important;
879  -webkit-animation-fill-mode: both;
880  animation-fill-mode: both; }
881
882.bootstrap-select {
883  padding: 0px !important; }
884
885.upcomingEventsCalendar .eventTitle {
886  font-size: 0.8rem;
887  font-weight: bold;
888  line-height: normal;
889  margin-top: 7px; }
890  .upcomingEventsCalendar .day.hasEvent .dateOverview {
891    margin-bottom: 10px; }
892
893.b3-taps {
894  gap: 5px; }
895  .b3-taps .active button {
896    background: transparent !important;
897    color: white !important; }
898  .b3-taps button {
899    border: none !important;
900    transition: 250ms all;
901    cursor: pointer; }
902  .b3-taps .active {
903    border-radius: 6px !important;
904    background: linear-gradient(to right, #12c2e9, #c471ed, #f64f59) !important;
905    border: none !important; }
906
907body.fromEditor .k_Edit {
908  opacity: 0; }
909  body.fromEditor .k_Edit a2 i {
910    color: rgba(255, 255, 255, 0.9);
911    line-height: 32px; }
912  body.fromEditor .k_Edit2 a:not(.k_Move) {
913    outline: none;
914    display: inline-block;
915    height: 32px;
916    line-height: 32px;
917    width: 32px;
918    text-align: center;
919    position: relative;
920    margin-left: 3px;
921    border-radius: 3px;
922    font-size: 20px;
923    background: var(--ui-color-leftmenu);
924    pointer-events: auto; }
925  body.fromEditor span.k_EditMore {
926    display: inline-block;
927    position: absolute;
928    z-index: 99999;
929    top: 0;
930    left: 15px;
931    padding: 4px 4px 4px 0;
932    white-space: nowrap;
933    border-radius: 0 0 3px 0; }
934    body.fromEditor span.k_EditMore a {
935      width: 40px;
936      height: 40px; }
937  body.fromEditor .k_Edit a.k_Move {
938    cursor: grab;
939    position: absolute;
940    top: 0px;
941    background: var(--ui-color-accent);
942    border-radius: 0;
943    line-height: 40px;
944    height: 40px;
945    width: 30px;
946    text-align: center;
947    padding: 0; }
948  body.fromEditor header:hover2::after, body.fromEditor .b3-section:hover2::after, body.fromEditor .b3-section.editingElement2::after {
949    content: "";
950    -webkit-box-shadow: inset 0 0 0 2px #2260ff;
951    box-shadow: inset 0 0 0 2px #2260ff;
952    position: absolute;
953    top: 0;
954    left: 0;
955    right: 0;
956    bottom: 0;
957    z-index: 999;
958    pointer-events: none; }
959  body.fromEditor header:hover .k_Edit, body.fromEditor .b3-section:hover .k_Edit, body.fromEditor .b3-section.editingElement .k_Edit {
960    opacity: 1; }
961  body.fromEditor .nav-item:hover {
962    outline: 2px solid #1488e9 !important; }
963  body.fromEditor [contenteditable="true"].isActive {
964    position: relative; }
965    body.fromEditor [contenteditable="true"].isActive:before {
966      white-space: nowrap;
967      display: block;
968      letter-spacing: 0;
969      pointer-events: none;
970      content: "Editable Area";
971      font-size: 12px;
972      font-weight: 700;
973      background: rgba(0, 0, 0, 0.7);
974      color: #fff;
975      padding: 0 10px;
976      height: 25px;
977      line-height: 25px;
978      box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
979      position: absolute;
980      top: -39px;
981      right: -2px;
982      z-index: 2;
983      border-radius: 2px 2px 0 0;
984      text-shadow: none;
985      margin-top: 5px;
986      transition: 0.3s margin-top, opacity;
987      z-index: 6;
988      text-transform: none;
989      background: rgba(0, 0, 0, 0.7); }
990    body.fromEditor [contenteditable="true"].isActive:after {
991      content: "";
992      background: linear-gradient(to right, #44bcff, #ff44ec, #ff675e, #fea620);
993      height: 10px;
994      position: absolute;
995      top: 0px;
996      z-index: 99999;
997      height: 7px;
998      z-index: 5;
999      position: absolute;
1000      top: -9px;
1001      left: -2px;
1002      width: calc(100% + 4px); }
1003  body.fromEditor [contenteditable="true"].isActive, body.fromEditor [contenteditable="true"]:hover {
1004    box-shadow: 0px 0px 2px 2px #1488e9 !important; }
1005
1006.store_location {
1007  background: url(https://b3.my/cdn/images/gps.png);
1008  height: 40px;
1009  width: 40px;
1010  background-size: contain !important; }
1011
1012header.no-sticky {
1013  position: relative; }
1014
1015.owl-nav .fa-chevron-left, .owl-nav .fa-chevron-right {
1016  font-size: 13px; }
1017
1018#owlSuggesterProducts .owl-nav, #owlRecentProducts .owl-nav {
1019  transition: 300ms all;
1020  opacity: 0; }
1021
1022#owlSuggesterProducts:hover .owl-nav, #owlRecentProducts:hover .owl-nav {
1023  opacity: 1 !important; }
1024
1025#owlSuggesterProducts .owl-dots.disabled, #owlRecentProducts .owl-dots.disabled, #owlSuggesterProducts .owl-nav.disabled, #owlRecentProducts .owl-nav.disabled {
1026  display: block !important; }
1027
1028.gap-3 {
1029  gap: 1rem !important; }
1030
1031@media (max-width: 991px) {
1032  .modalFoodLikeWolfParent .closeFoodModalRight {
1033    display: none !important; }
1034
1035  .closeFoodModal {
1036    background: rgba(0, 0, 0, .5);
1037    border-radius: 100%;
1038    padding-top: 9px;
1039    text-align: center !important;
1040    padding: 0px !important;
1041    line-height: 40px !important;
1042    height: 40px !important;
1043    width: 40px !important;
1044    left: 5px;
1045    top: 10px;
1046    display: flex;
1047    justify-content: center;
1048    align-items: center;
1049    position: absolute;
1050    display: flex;
1051    top: -50px;
1052    width: 100%;
1053    margin: 0px !important;
1054    align-self: center;
1055    left: calc(50% - 20px);
1056    z-index: 999999 !important;
1057    color: white !important; } }
1058
1059.theme_version_2 {
1060  --font-body-family: Assistant, sans-serif;
1061  --font-body-style: normal;
1062  --font-body-weight: 400;
1063  --font-body-weight-bold: 700;
1064  --font-heading-family: Assistant, sans-serif;
1065  --font-heading-style: normal;
1066  --font-heading-weight: 400;
1067  --font-body-scale: 1;
1068  --font-heading-scale: 1;
1069  --media-padding: px;
1070  --media-border-opacity: 0.05;
1071  --media-border-width: 1px;
1072  --media-radius: 0px;
1073  --media-shadow-opacity: 0;
1074  --media-shadow-horizontal-offset: 0px;
1075  --media-shadow-vertical-offset: 4px;
1076  --media-shadow-blur-radius: 5px;
1077  --media-shadow-visible: 0;
1078  --page-width-margin: 0rem;
1079  --product-card-image-padding: 0rem;
1080  --product-card-corner-radius: 0rem;
1081  --product-card-text-alignment: left;
1082  --product-card-border-width: 0rem;
1083  --product-card-border-opacity: 0.1;
1084  --product-card-shadow-opacity: 0;
1085  --product-card-shadow-visible: 0;
1086  --product-card-shadow-horizontal-offset: 0rem;
1087  --product-card-shadow-vertical-offset: 0.4rem;
1088  --product-card-shadow-blur-radius: 0.5rem;
1089  --collection-card-image-padding: 0rem;
1090  --collection-card-corner-radius: 0rem;
1091  --collection-card-text-alignment: left;
1092  --collection-card-border-width: 0rem;
1093  --collection-card-border-opacity: 0.1;
1094  --collection-card-shadow-opacity: 0;
1095  --collection-card-shadow-visible: 0;
1096  --collection-card-shadow-horizontal-offset: 0rem;
1097  --collection-card-shadow-vertical-offset: 0.4rem;
1098  --collection-card-shadow-blur-radius: 0.5rem;
1099  --blog-card-image-padding: 0rem;
1100  --blog-card-corner-radius: 0rem;
1101  --blog-card-text-alignment: left;
1102  --blog-card-border-width: 0rem;
1103  --blog-card-border-opacity: 0.1;
1104  --blog-card-shadow-opacity: 0;
1105  --blog-card-shadow-visible: 0;
1106  --blog-card-shadow-horizontal-offset: 0rem;
1107  --blog-card-shadow-vertical-offset: 0.4rem;
1108  --blog-card-shadow-blur-radius: 0.5rem;
1109  --badge-corner-radius: 4rem;
1110  --popup-border-width: 1px;
1111  --popup-border-opacity: 0.1;
1112  --popup-corner-radius: 0px;
1113  --popup-shadow-opacity: 0.05;
1114  --popup-shadow-horizontal-offset: 0px;
1115  --popup-shadow-vertical-offset: 4px;
1116  --popup-shadow-blur-radius: 5px;
1117  --drawer-border-width: 1px;
1118  --drawer-border-opacity: 0.1;
1119  --drawer-shadow-opacity: 0;
1120  --drawer-shadow-horizontal-offset: 0px;
1121  --drawer-shadow-vertical-offset: 4px;
1122  --drawer-shadow-blur-radius: 5px;
1123  --spacing-sections-desktop: 0px;
1124  --spacing-sections-mobile: 0px;
1125  --grid-desktop-vertical-spacing: 8px;
1126  --grid-desktop-horizontal-spacing: 8px;
1127  --grid-mobile-vertical-spacing: 4px;
1128  --grid-mobile-horizontal-spacing: 4px;
1129  --text-boxes-border-opacity: 0.1;
1130  --text-boxes-border-width: 0px;
1131  --text-boxes-radius: 0px;
1132  --text-boxes-shadow-opacity: 0;
1133  --text-boxes-shadow-visible: 0;
1134  --text-boxes-shadow-horizontal-offset: 0px;
1135  --text-boxes-shadow-vertical-offset: 4px;
1136  --text-boxes-shadow-blur-radius: 5px;
1137  --buttons-radius: 0px;
1138  --buttons-radius-outset: 0px;
1139  --buttons-border-width: 1px;
1140  --buttons-border-opacity: 1;
1141  --buttons-shadow-opacity: 0;
1142  --buttons-shadow-visible: 0;
1143  --buttons-shadow-horizontal-offset: 0px;
1144  --buttons-shadow-vertical-offset: 4px;
1145  --buttons-shadow-blur-radius: 5px;
1146  --buttons-border-offset: 0px;
1147  --inputs-radius: 0px;
1148  --inputs-border-width: 1px;
1149  --inputs-border-opacity: 0.55;
1150  --inputs-shadow-opacity: 0;
1151  --inputs-shadow-horizontal-offset: 0px;
1152  --inputs-margin-offset: 0px;
1153  --inputs-shadow-vertical-offset: 4px;
1154  --inputs-shadow-blur-radius: 5px;
1155  --inputs-radius-outset: 0px;
1156  --variant-pills-radius: 40px;
1157  --variant-pills-border-width: 1px;
1158  --variant-pills-border-opacity: 0.55;
1159  --variant-pills-shadow-opacity: 0;
1160  --variant-pills-shadow-horizontal-offset: 0px;
1161  --variant-pills-shadow-vertical-offset: 4px;
1162  /* Zoom in image on scroll */
1163  --variant-pills-shadow-blur-radius: 5px;
1164  --ui-color-accent: #179bd7;
1165  --ui-color-accent-75: rgba(23, 155, 215, 0.7);
1166  --ui-color-accent-50: rgba(23, 155, 215, 0.5);
1167  --ui-color-accent-25: rgba(23, 155, 215, 0.25);
1168  --ui-color-accent-light: rgba(23, 155, 215, 0.1);
1169  --ui-color-stripes-accent: repeating-linear-gradient(-45deg, #005f9b, #179bd7 20px, #005f9b 20px, #005f9b 50px, #179bd7 50px, #179bd7 65px);
1170  --ui-color-leftmenu: #333944; }
1171  .theme_version_2 .btnAddToBasketB4 {
1172    padding: 10px;
1173    font-size: 16px; }
1174  .theme_version_2 .topBarLeft .marquee:hover > span {
1175    animation-play-state: paused; }
1176  @media (max-width: 991px) {
1177  .theme_version_2 .orderOnlineV2 .foodCatTitleParent, .theme_version_2 #orderVersion4 .foodCatTitleParent {
1178    padding-left: 0px; }
1179    .theme_version_2 .orderOnlineV2 .foodCatTitleParent .expand, .theme_version_2 #orderVersion4 .foodCatTitleParent .expand {
1180      margin-right: 9px; }
1181  .theme_version_2 .event-btn {
1182    padding: 5px 8px;
1183    font-size: 12px; }
1184  .theme_version_2 .cartFixedAlways .closeBasket {
1185    display: flex !important; }
1186  .theme_version_2 .search-form-box {
1187    width: 90% !important; }
1188    .theme_version_2 .search-form-box h2 {
1189      font-size: 30px; }
1190
1191    .theme_version_2 .search-form-box .tile_price.title {
1192      margin-right: 0px !important;
1193      min-width: 60px; }
1194  .theme_version_2 .menu-order {
1195    display: flex;
1196    justify-content: center; }
1197  .theme_version_2 .navbar-toggler {
1198    transform: scale(1.5); } }
1199  .theme_version_2 .navbar ul.navbar-nav {
1200    align-self: center !important; }
1201  .theme_version_2 footer .custom-content {
1202    margin-top: 15px; }
1203  .theme_version_2 .slideshowItems {
1204    display: flex;
1205    flex-direction: column;
1206    justify-content: center;
1207    align-items: center; }
1208  .theme_version_2 .changeQuantity {
1209    padding: 0px 0px 0px 10px; }
1210  .theme_version_2 .changeVariantSelect {
1211    position: relative;
1212    display: inline-block;
1213    width: 100%; }
1214  .theme_version_2 .changeVariantSelect {
1215    appearance: none;
1216    -webkit-appearance: none;
1217    -moz-appearance: none;
1218    width: 100%;
1219    padding: 10px 40px 10px 12px;
1220    font-size: 14px;
1221    border: 1px solid #ccc;
1222    border-radius: 6px;
1223    background-color: #fff;
1224    cursor: pointer;
1225    /* Custom arrow */ }
1226  .theme_version_2 .variantsBoxInProduct .col-8 {
1227    position: relative; }
1228  .theme_version_2 .variantsBoxInProduct .col-8::after {
1229    /* fa-chevron-down */
1230    content: "\f078";
1231    /* adjust if needed */
1232    font-family: "Font Awesome 5 Pro";
1233    /* solid style */
1234    font-weight: 900;
1235    position: absolute;
1236    right: 12px;
1237    top: 50%;
1238    transform: translateY(-50%);
1239    pointer-events: none;
1240    font-size: 14px;
1241    color: #555;
1242    transition: transform 0.25s ease; }
1243  .theme_version_2 .orderOnlineV2 .basketItems .quantity i {
1244    right: 13px; }
1245  .theme_version_2 .foodName {
1246    padding-left: 10px !important;
1247    font-size: 13px; }
1248  .theme_version_2 .sticky .header-top-bar {
1249    transform: translateY(-46px); }
1250  @media (max-width: 991px) {
1251  .theme_version_2 .search-form-icon {
1252    padding: 10px 15px !important; } }
1253  .theme_version_2 .cartFixedAlways.visible {
1254    z-index: 9057 !important; }
1255  .theme_version_2 .itemPicParent {
1256    width: auto !important; }
1257  .theme_version_2 .simple-dropdown .dropdown-toggle {
1258    display: flex;
1259    justify-content: center;
1260    align-items: center;
1261    width: 40px;
1262    height: 40px;
1263    right: 0px;
1264    position: absolute;
1265    top: 0;
1266    text-align: center;
1267    color: var(--dark-gray); }
1268    .theme_version_2 .simple-dropdown .dropdown-toggle:after {
1269      display: none; }
1270  .theme_version_2 .image-gallery-style-01 .gallery-box .gallery-image {
1271    will-change: transform; }
1272  .theme_version_2 .image-gallery-style-01 .gallery-box:hover .lazyloadGalleryImage {
1273    opacity: 0.5;
1274    -webkit-filter: blur(2px);
1275    filter: blur(2px);
1276    -webkit-transform: scale(1.1);
1277    transform: scale(1.1); }
1278  .theme_version_2 .image-gallery-style-02 .gallery-box:hover .lazyloadGalleryImage {
1279    -webkit-filter: grayscale(1);
1280    filter: grayscale(1);
1281    opacity: 0.3; }
1282  .theme_version_2 .image-gallery-style-03 .gallery-box i {
1283    opacity: 0;
1284    visibility: hidden; }
1285  .theme_version_2 .image-gallery-style-03 .gallery-box .lazyloadGalleryImage {
1286    -webkit-transform: scale(1.13) translateZ(0);
1287    transform: scale(1.13) translateZ(0); }
1288  .theme_version_2 .image-gallery-style-03 .gallery-box:hover i {
1289    opacity: 1;
1290    visibility: visible; }
1291  .theme_version_2 .image-gallery-style-03 .gallery-box:hover .lazyloadGalleryImage {
1292    opacity: 0.2;
1293    -webkit-transform: scale(1) translateZ(0);
1294    transform: scale(1) translateZ(0); }
1295  .theme_version_2 .image-gallery-style-04 .gallery-box {
1296    will-change: transform; }
1297  .theme_version_2 .image-gallery-style-04 .gallery-box .lazyloadGalleryImage {
1298    width: 100%; }
1299  .theme_version_2 .image-gallery-style-04 .gallery-box:hover .lazyloadGalleryImage {
1300    opacity: 0.2; }
1301  .theme_version_2 .image-gallery-style-05 .gallery-box {
1302    will-change: transform; }
1303  .theme_version_2 .image-gallery-style-05 .gallery-box:hover .lazyloadGalleryImage {
1304    opacity: 0.2; }
1305  .theme_version_2 .image-gallery-style-06 .gallery-box {
1306    will-change: transform; }
1307  .theme_version_2 .image-gallery-style-06 .gallery-box .lazyloadGalleryImage {
1308    width: 100%; }
1309  .theme_version_2 .image-gallery-style-06 .gallery-box .gallery-hover {
1310    position: absolute;
1311    top: 0;
1312    left: 0;
1313    opacity: 0;
1314    visibility: hidden; }
1315  .theme_version_2 .image-gallery-style-06 .gallery-box .gallery-hover .gallery-title {
1316    -webkit-transform: scale(1.5);
1317    transform: scale(1.5); }
1318  .theme_version_2 .image-gallery-style-06 .gallery-box:hover .lazyloadGalleryImage {
1319    opacity: 0.2;
1320    -webkit-transform: scale(1.15);
1321    transform: scale(1.15); }
1322  .theme_version_2 .image-gallery-style-06 .gallery-box:hover .gallery-hover {
1323    opacity: 1;
1324    visibility: visible; }
1325  .theme_version_2 .image-gallery-style-06 .gallery-box:hover .gallery-hover .gallery-title {
1326    -webkit-transform: scale(1);
1327    transform: scale(1); }
1328  .theme_version_2 .cursorPointer {
1329    cursor: pointer; }
1330  .theme_version_2 .ui--form {
1331    border: 1px solid #eee1f7;
1332    background: white;
1333    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05) !important;
1334    border-radius: 8px;
1335    padding: 8px;
1336    margin: 10px 0px; }
1337  .theme_version_2 .bootstrap-select {
1338    background: transparent !important; }
1339  .theme_version_2 .overlay-sidebar-edit {
1340    z-index: 1058 !important; }
1341  .theme_version_2 .searchInputGroup {
1342    position: relative; }
1343    .theme_version_2 .searchInputGroup input {
1344      padding-left: 30px; }
1345    .theme_version_2 .searchInputGroup i {
1346      position: absolute;
1347      display: flex;
1348      justify-content: center;
1349      align-items: center;
1350      height: 100%;
1351      padding: 10px; }
1352  .theme_version_2 .overlayB3, .theme_version_2 .overlayWolf {
1353    position: fixed;
1354    top: -20px;
1355    left: 0px;
1356    width: 100%;
1357    height: calc(100% + 20px);
1358    background: rgba(32, 33, 37, 0.35);
1359    z-index: 1057 !important; }
1360  .theme_version_2 .flatpickr-wrapper {
1361    width: 100%; }
1362  .theme_version_2 .packageTickets .ticket_card {
1363    border: 0px !important; }
1364    .theme_version_2 .packageTickets .ticket_card h4 {
1365      margin-top: 10px;
1366      font-size: 1.6rem !important;
1367      line-height: 2rem; }
1368    .theme_version_2 .packageTickets .ticket_card .package_price {
1369      font-size: 2rem;
1370      font-weight: bold; }
1371  @media (min-width: 992px) {
1372  .theme_version_2 .btnCompleteTickets {
1373    padding: 15px;
1374    border-radius: 8px !important; }
1375  .theme_version_2 .enterPhone .helloSignIn {
1376    font-size: 30px; }
1377    .theme_version_2 .enterPhone h4 {
1378      font-size: 23px;
1379      margin-bottom: 5px;
1380      margin-top: 10px; }
1381  .theme_version_2 .btnContinueAll {
1382    padding: 15px;
1383    font-size: 14px;
1384    border-radius: 8px; } }
1385  @media (max-width: 991px) {
1386  .theme_version_2 {
1387    /*!
1388	Atropos
1389	Version: 2.0.2
1390	Plugin URL: https://atroposjs.com
1391	License: Copyright 2021-2023 | Released under the MIT License
1392!*/ }
1393    .theme_version_2 .btnCompleteTickets {
1394      padding: 15px;
1395      border-radius: 8px !important; }
1396
1397    .theme_version_2 .enterPhone .helloSignIn {
1398      font-size: 30px; }
1399      .theme_version_2 .enterPhone h4 {
1400        font-size: 33px; }
1401
1402    .theme_version_2 .btnContinueAll {
1403      padding: 15px;
1404      font-size: 14px;
1405      border-radius: 8px; } }
1406  .theme_version_2 .atropos {
1407    position: relative;
1408    display: block;
1409    perspective: 1200px;
1410    transform: translate3d(0, 0, 0); }
1411  .theme_version_2 .atropos-rotate-touch, .theme_version_2 .atropos-rotate-scroll-x, .theme_version_2 .atropos-rotate-scroll-y {
1412    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1413    -webkit-touch-callout: none;
1414    -webkit-user-select: none;
1415    -moz-user-select: none;
1416    user-select: none; }
1417  .theme_version_2 .atropos-rotate-touch-scroll-y {
1418    touch-action: pan-y; }
1419  .theme_version_2 .atropos-rotate-touch-scroll-x {
1420    touch-action: pan-x; }
1421  .theme_version_2 .atropos-rotate-touch {
1422    touch-action: none; }
1423  .theme_version_2 .atropos-scale, .theme_version_2 .atropos-rotate {
1424    width: 100%;
1425    height: 100%;
1426    transform-style: preserve-3d;
1427    transition-property: transform;
1428    display: block; }
1429  .theme_version_2 .atropos-shadow, .theme_version_2 .atropos-highlight {
1430    position: absolute;
1431    pointer-events: none;
1432    transition-property: transform, opacity;
1433    display: block;
1434    opacity: 0; }
1435  .theme_version_2 .atropos-shadow {
1436    z-index: -1;
1437    background: #000;
1438    left: 0;
1439    top: 0;
1440    width: 100%;
1441    height: 100%;
1442    filter: blur(30px); }
1443  .theme_version_2 .atropos-highlight {
1444    left: -50%;
1445    top: -50%;
1446    width: 200%;
1447    height: 200%;
1448    background-image: radial-gradient(circle at 50%, rgba(255, 255, 255, 0.25), transparent 50%);
1449    z-index: 0; }
1450  .theme_version_2 .atropos-rotate {
1451    position: relative; }
1452  .theme_version_2 .atropos-inner {
1453    width: 100%;
1454    height: 100%;
1455    position: relative;
1456    overflow: hidden;
1457    transform-style: preserve-3d;
1458    transform: translate3d(0, 0, 0);
1459    display: block; }
1460  .theme_version_2 .atropos-active {
1461    z-index: 1; }
1462  .theme_version_2 .atropos-active .atropos-shadow {
1463    opacity: 1 !important; }
1464  .theme_version_2 [data-atropos-offset], .theme_version_2 ::slotted([data-atropos-offset]) {
1465    transition-property: transform; }
1466  .theme_version_2 [data-atropos-opacity] {
1467    transition-property: opacity; }
1468  .theme_version_2 [data-atropos-offset][data-atropos-opacity], .theme_version_2 ::slotted([data-atropos-offset][data-atropos-opacity]) {
1469    transition-property: transform, opacity; }
1470  .theme_version_2 .productList li:hover .sI {
1471    opacity: 1 !important; }
1472    .theme_version_2 .productList li .sI {
1473      opacity: 0;
1474      pointer-events: none;
1475      transition: 450ms all;
1476      position: absolute;
1477      left: 0px;
1478      width: 100%;
1479      height: 100%;
1480      z-index: 0 !important;
1481      background-size: contain !important;
1482      background-repeat: no-repeat !important;
1483      background-position: center center !important; }
1484  .theme_version_2 .form-group .bootstrap-select {
1485    width: 100% !important; }
1486  .theme_version_2 .form-group .bootstrap-select button {
1487    padding: 12px 15px;
1488    color: black;
1489    background: white !important;
1490    border-radius: var(--bs-border-radius); }
1491  .theme_version_2 .modalAjax.modal.mode_partner.show {
1492    z-index: 1056 !important; }
1493  .theme_version_2 .modalAjax.mode_partner.show + .modal-backdrop {
1494    z-index: 1055 !important; }
1495  .theme_version_2 .iti__search-input {
1496    padding: 10px; }
1497  .theme_version_2 .iti__selected-country-primary {
1498    padding: 0px 10px !important; }
1499  @keyframes show-animation {
1500  .theme_version_2 from {
1501    opacity: 0; }
1502  .theme_version_2 to {
1503    opacity: 1; } }
1504  .theme_version_2 .header-account-icon .header-account .account-item-list .account-item {
1505    display: inline-block;
1506    padding: 0 45px 12px 40px;
1507    width: 100%;
1508    position: relative;
1509    font-size: 17px;
1510    font-weight: 400; }
1511  .theme_version_2 .header-account .account-item-list {
1512    display: none;
1513    left: auto;
1514    right: 0;
1515    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1);
1516    border-radius: 0;
1517    background-color: var(--white);
1518    border: 0;
1519    padding: 35px 0;
1520    min-width: 220px;
1521    margin: 0;
1522    position: absolute;
1523    z-index: 1;
1524    top: 100%; }
1525  .theme_version_2 .header-account.open .account-item-list {
1526    display: block;
1527    -webkit-animation: show-animation 0.5s;
1528    animation: show-animation 0.5s; }
1529  .theme_version_2 .slideshowContainer.text-center div {
1530    width: 100%; }
1531  .theme_version_2 .bg-light-sea-green-transparent-light {
1532    background-color: rgba(22, 193, 204, 0.15); }
1533  .theme_version_2 .languageInFilters button.btn.dropdown-toggle.btn-light {
1534    text-transform: uppercase !important;
1535    height: 44px;
1536    border-radius: 4px; }
1537  .theme_version_2 #myModal button.close {
1538    font-size: 3rem;
1539    color: white;
1540    background: transparent;
1541    border: 0px;
1542    right: 10px;
1543    position: absolute; }
1544    .theme_version_2 #myModal .modal-header {
1545      position: absolute;
1546      width: 100%;
1547      z-index: 99;
1548      border: 0px; }
1549    .theme_version_2 #myModal .btn-danger {
1550      color: #dc3545;
1551      background-color: rgba(255, 255, 255, 0.3);
1552      border-color: #dc3545;
1553      cursor: pointer; }
1554    .theme_version_2 #myModal .btn-danger:hover {
1555      background-color: rgba(255, 255, 255, 0.6); }
1556    .theme_version_2 #myModal .modal-footer {
1557      border-top: 0px;
1558      background: transparent;
1559      position: absolute;
1560      bottom: 0px;
1561      width: 100%; }
1562    .theme_version_2 #myModal .modal-content {
1563      background-color: rgba(255, 255, 255, 0.8) !important; }
1564    .theme_version_2 #myModal .modal-body {
1565      padding: 0px; }
1566  .theme_version_2 .sharers button {
1567    width: 35px;
1568    height: 35px;
1569    font-size: 14px;
1570    border-radius: 6px; }
1571  .theme_version_2 .btn-viber {
1572    background: #7360f2;
1573    color: white !important; }
1574  .theme_version_2 .btn-whatsapp {
1575    background: #075e54;
1576    color: white !important; }
1577  .theme_version_2 header {
1578    transition: 300ms all; }
1579  .theme_version_2 .no-sticky.pull-content.sticky:not(.sticky-active) {
1580    pointer-events: none; }
1581  .theme_version_2 header.pull-content.sticky:not(.sticky-active):not(.no-sticky):not(.is-sticky) {
1582    position: sticky !important;
1583    z-index: 9999;
1584    transform: translateY(-100%);
1585    top: 0px; }
1586  .theme_version_2 .bootstrap-select {
1587    max-width: auto !important;
1588    width: auto !important; }
1589  .theme_version_2 .dropdown.languageInFilters.open div.dropdown-menu:not(.show) {
1590    display: none !important; }
1591    .theme_version_2 .dropdown.languageInFilters.open div.dropdown-menu.show {
1592      display: block !important; }
1593  .theme_version_2 .swiper-pagination.position-static {
1594    width: 100% !important;
1595    left: 0px !important;
1596    transform: none !important; }
1597  .theme_version_2 .dropdown.languageInFilters {
1598    position: relative !important;
1599    align-self: center !important; }
1600    .theme_version_2 .dropdown.languageInFilters .filter-option-inner-inner {
1601      padding-right: 4px; }
1602    .theme_version_2 .dropdown.languageInFilters .changeLanguageAjax {
1603      color: black !important; }
1604  @media (max-width: 992px) {
1605  .theme_version_2 .navbar-collapse li {
1606    text-align: left; }
1607  .theme_version_2 #navbarNav {
1608    background: var(--header-bg-color); }
1609  .theme_version_2 ul.navbar-nav li.dropdown.open .dropdown-menu {
1610    display: block !important; } }
1611  @media (min-width: 768px) {
1612  .theme_version_2 [data-template="popup"], .theme_version_2 [data-template="cookies"], .theme_version_2 [data-template="whatsapp"] {
1613    padding: 0px !important; } }
1614  .theme_version_2 .modalAjax.qrCode {
1615    text-align: center; }
1616  @media (max-width: 991px) {
1617  .theme_version_2 .modalAjax.qrCode.show {
1618    align-items: flex-end;
1619    display: flex !important; } }
1620  .theme_version_2 [data-header-hover=light] {
1621    transition: 250ms all; }
1622  .theme_version_2 .sticky-active[data-header-hover=light] {
1623    background-color: white; }
1624  .theme_version_2 .page-width-2 {
1625    max-width: var(--page-width);
1626    margin: 0 auto;
1627    padding: 0 1.5rem; }
1628  .theme_version_2 .deferred-media__poster {
1629    background-color: transparent;
1630    border: none;
1631    cursor: pointer;
1632    margin: 0;
1633    padding: 0 !important;
1634    height: 100%;
1635    width: 100%;
1636    overflow: hidden;
1637    border-radius: calc(var(--border-radius) - var(--border-width)); }
1638  .theme_version_2 .media > .deferred-media__poster {
1639    display: flex;
1640    align-items: center;
1641    justify-content: center; }
1642  .theme_version_2 .deferred-media__poster img {
1643    width: auto;
1644    max-width: 100%;
1645    height: 100%; }
1646  .theme_version_2 .deferred-media {
1647    overflow: hidden; }
1648  .theme_version_2 .deferred-media:not([loaded]) template {
1649    z-index: -1; }
1650  .theme_version_2 .deferred-media[loaded] > .deferred-media__poster {
1651    display: none; }
1652  .theme_version_2 .deferred-media__poster:focus-visible {
1653    outline: none;
1654    box-shadow: 0 0 0 var(--media-border-width) rgba(0, 0, 0, ), 0 0 0 calc(var(--media-border-width) + 0.3rem) #000, 0 0 0 calc(var(--media-border-width) + 0.5rem) rgba(0, 1, 0, );
1655    border-radius: calc(var(--media-radius) - var(--media-border-width)); }
1656  .theme_version_2 .deferred-media__poster:focus {
1657    outline: none;
1658    box-shadow: 0 0 0 var(--media-border-width) rgba(0, 0, 0, ), 0 0 0 calc(var(--media-border-width) + 0.3rem) #000, 0 0 0 calc(var(--media-border-width) + 0.5rem) rgba(0, 1, 0, );
1659    border-radius: calc(var(--media-radius) - var(--media-border-width)); }
1660  .theme_version_2 .global-media-settings--full-width .deferred-media__poster, .theme_version_2 .global-media-settings--full-width .deferred-media__poster:is(:focus, :focus-visible) {
1661    border-radius: 0;
1662    /* outline styling for Windows High Contrast Mode */ }
1663  @media (forced-colors: active) {
1664  .theme_version_2 .deferred-media__poster:focus {
1665    outline: transparent solid 1px; } }
1666  .theme_version_2 .deferred-media__poster:focus:not(:focus-visible) {
1667    outline: 0;
1668    box-shadow: none; }
1669  .theme_version_2 .deferred-media__poster-button:hover {
1670    transform: translate(-50%, -50%) scale(1.1); }
1671  .theme_version_2 .deferred-media__poster-button .icon {
1672    width: 2rem;
1673    height: 2rem; }
1674  .theme_version_2 .deferred-media__poster-button .icon-play {
1675    margin-left: 0.2rem; }
1676  .theme_version_2 .video-section__media {
1677    --ratio-percent: 56.25%;
1678    position: relative;
1679    padding-bottom: calc(var(--ratio-percent) - var(--media-border-width));
1680    /* Needed for gradient continuity with or without animation so that transparent PNG images come up as we would expect */ }
1681  .theme_version_2 .scroll-trigger:where(.gradient.video-section__media) {
1682    background: transparent; }
1683  .theme_version_2 .video-section__media.global-media-settings--full-width {
1684    padding-bottom: var(--ratio-percent); }
1685  .theme_version_2 .video-section__media.deferred-media {
1686    box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(0, 0, 0, ); }
1687  .theme_version_2 .video-section__media.deferred-media:after {
1688    content: none; }
1689  .theme_version_2 .video-section__poster.deferred-media__poster:focus {
1690    outline-offset: 0.3rem; }
1691  .theme_version_2 .video-section__media iframe {
1692    background-color: rgba(0, 0, 0, );
1693    border: 0; }
1694  .theme_version_2 .video-section__poster {
1695    position: absolute !important;
1696    width: 100%;
1697    height: 100%; }
1698  .theme_version_2 .video-section__poster, .theme_version_2 .video-section__media iframe, .theme_version_2 .video-section__media video {
1699    position: absolute;
1700    width: 100%;
1701    height: 100%; }
1702  .theme_version_2 .video-section__media video {
1703    background: #000; }
1704  .theme_version_2 .video-section__media.media-fit-cover video {
1705    object-fit: cover; }
1706  .theme_version_2 .deferred-media__poster {
1707    background-color: transparent;
1708    border: none;
1709    cursor: pointer;
1710    margin: 0;
1711    padding: 0;
1712    height: 100%;
1713    width: 100%;
1714    overflow: hidden;
1715    border-radius: calc(var(--border-radius) - var(--border-width)); }
1716  .theme_version_2 .media > .deferred-media__poster {
1717    display: flex;
1718    align-items: center;
1719    justify-content: center; }
1720  .theme_version_2 .deferred-media__poster img {
1721    width: auto;
1722    max-width: 100%;
1723    height: 100%; }
1724  .theme_version_2 .deferred-media {
1725    overflow: hidden; }
1726  .theme_version_2 .deferred-media:not([loaded]) template {
1727    z-index: -1; }
1728  .theme_version_2 .deferred-media[loaded] > .deferred-media__poster {
1729    display: none; }
1730  .theme_version_2 .deferred-media__poster:focus-visible {
1731    outline: none;
1732    box-shadow: 0 0 0 var(--media-border-width) rgba(0, 0, 0, ), 0 0 0 calc(var(--media-border-width) + 0.3rem) #000, 0 0 0 calc(var(--media-border-width) + 0.5rem) rgba(0, 1, 0, );
1733    border-radius: calc(var(--media-radius) - var(--media-border-width)); }
1734  .theme_version_2 .deferred-media__poster:focus {
1735    outline: none;
1736    box-shadow: 0 0 0 var(--media-border-width) rgba(0, 0, 0, ), 0 0 0 calc(var(--media-border-width) + 0.3rem) #000, 0 0 0 calc(var(--media-border-width) + 0.5rem) rgba(0, 1, 0, );
1737    border-radius: calc(var(--media-radius) - var(--media-border-width)); }
1738  .theme_version_2 .global-media-settings--full-width .deferred-media__poster, .theme_version_2 .global-media-settings--full-width .deferred-media__poster:is(:focus, :focus-visible) {
1739    border-radius: 0;
1740    /* outline styling for Windows High Contrast Mode */ }
1741  @media (forced-colors: active) {
1742  .theme_version_2 .deferred-media__poster:focus {
1743    outline: transparent solid 1px; } }
1744  .theme_version_2 .deferred-media__poster:focus:not(:focus-visible) {
1745    outline: 0;
1746    box-shadow: none; }
1747  .theme_version_2 .deferred-media__poster-button {
1748    background-color: rgb(var(--color-background));
1749    border: 0.1rem solid rgba(var(--color-foreground), 0.1);
1750    border-radius: 50%;
1751    color: #000;
1752    display: flex;
1753    align-items: center;
1754    justify-content: center;
1755    height: 6.2rem;
1756    width: 6.2rem;
1757    position: absolute;
1758    left: 50%;
1759    top: 50%;
1760    transform: translate(-50%, -50%) scale(1);
1761    transition: transform var(--duration-short) ease, color var(--duration-short) ease;
1762    z-index: 1; }
1763  .theme_version_2 .deferred-media__poster-button:hover {
1764    transform: translate(-50%, -50%) scale(1.1); }
1765  .theme_version_2 .deferred-media__poster-button .icon {
1766    width: 2rem;
1767    height: 2rem; }
1768  .theme_version_2 .deferred-media__poster-button .icon-play {
1769    margin-left: 0.2rem; }
1770  .theme_version_2 .animate--zoom-in {
1771    --zoom-in-ratio: 1; }
1772  .theme_version_2 .animate--zoom-in > img, .theme_version_2 .animate--zoom-in > .svg-wrapper {
1773    transition: scale var(--duration-short) linear;
1774    scale: var(--zoom-in-ratio);
1775    /* Animations */ }
1776  @media (prefers-reduced-motion: no-preference) {
1777  .theme_version_2 {
1778    /* Element Hovers: Vertical Lift, 3d Lift */ }
1779    .theme_version_2 .animate--ambient > img, .theme_version_2 .animate--ambient > .svg-wrapper {
1780      animation: animateAmbient 30s linear infinite; }
1781
1782    @keyframes animateAmbient {
1783    .theme_version_2 0% {
1784      transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2); }
1785    .theme_version_2 100% {
1786      transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2); } }
1787
1788    .theme_version_2 .scroll-trigger.animate--fade-in, .theme_version_2 .scroll-trigger.animate--slide-in {
1789      opacity: 0.01; }
1790
1791    .theme_version_2 .scroll-trigger.animate--slide-in {
1792      transform: translateY(2rem); }
1793
1794    .theme_version_2 .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
1795      opacity: 1;
1796      animation: var(--animation-fade-in); }
1797
1798    .theme_version_2 .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
1799      animation: var(--animation-slide-in);
1800      animation-delay: calc(var(--animation-order) * 75ms); }
1801
1802    .theme_version_2 .scroll-trigger.scroll-trigger--design-mode.animate--fade-in, .theme_version_2 .scroll-trigger.scroll-trigger--design-mode.animate--slide-in, .theme_version_2 .scroll-trigger.scroll-trigger--design-mode .slider, .theme_version_2 .scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel {
1803      opacity: 1;
1804      animation: none;
1805      transition: none;
1806      transform: none; }
1807
1808    .theme_version_2 .scroll-trigger.scroll-trigger--design-mode.animate--slide-in {
1809      transform: translateY(0); }
1810
1811    @keyframes slideIn {
1812    .theme_version_2 from {
1813      transform: translateY(2rem);
1814      opacity: 0.01; }
1815    .theme_version_2 to {
1816      transform: translateY(0);
1817      opacity: 1; } }
1818
1819    @keyframes fadeIn {
1820    .theme_version_2 from {
1821      opacity: 0.01; }
1822    .theme_version_2 to {
1823      opacity: 1; } } }
1824  @media (prefers-reduced-motion: no-preference) and (hover: hover) {
1825  .theme_version_2 .animate--hover-3d-lift .card-wrapper .card--card, .theme_version_2 .animate--hover-3d-lift .card-wrapper .card--standard .card__inner, .theme_version_2 .animate--hover-3d-lift .button:not(.button--tertiary), .theme_version_2 .animate--hover-3d-lift .shopify-challenge__button, .theme_version_2 .animate--hover-3d-lift .customer button, .theme_version_2 .animate--hover-3d-lift .shopify-payment-button__button, .theme_version_2 .animate--hover-3d-lift .deferred-media .deferred-media__poster-button {
1826    transition: transform var(--duration-long) ease, box-shadow var(--duration-long) ease;
1827    transform-origin: center; }
1828  .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--card, .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner, .theme_version_2 .animate--hover-3d-lift .button:not(.button--tertiary):not([disabled]):hover, .theme_version_2 .animate--hover-3d-lift .shopify-challenge__button:not([disabled]):hover, .theme_version_2 .animate--hover-3d-lift .customer button:not([disabled]):hover, .theme_version_2 .animate--hover-3d-lift .shopify-payment-button__button:hover, .theme_version_2 .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
1829    /* Slow the card transition speed while hover is active. */
1830    transition: transform var(--duration-extended) ease, box-shadow var(--duration-long) ease;
1831    transform: rotate(1deg);
1832    box-shadow: -1rem -1rem 1rem -1rem rgba(0, 0, 0, 0.05), 1rem 1rem 1rem -1rem rgba(0, 0, 0, 0.05), 0 0 0.5rem 0 rgba(255, 255, 255, 0), 0 2rem 3.5rem -2rem rgba(0, 0, 0, 0.5); }
1833  .theme_version_2 .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
1834    /* Apply a specialized transform to the video play button. */
1835    transform: translate(-50%, -50%) scale(1.05); }
1836  .theme_version_2 .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--card, .theme_version_2 .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--standard .card__inner {
1837    /* Less intense rotation for collage items. */
1838    transform: rotate(0.5deg); }
1839  .theme_version_2 .animate--hover-3d-lift .product-grid .grid__item:hover, .theme_version_2 .animate--hover-3d-lift .collection-list .grid__item:hover, .theme_version_2 .animate--hover-3d-lift .collage__item:hover, .theme_version_2 .animate--hover-3d-lift .blog-articles .article:hover, .theme_version_2 .animate--hover-3d-lift .complementary-slide li:h
1839over {
1840    /* Make sure the hovered card is the topmost card. */
1841    z-index: 2; }
1842  .theme_version_2 .animate--hover-3d-lift .product-grid {
1843    /* Ensure z-index changes here don't negatively effect other UI stacking. */
1844    isolation: isolate; }
1845  .theme_version_2 .animate--hover-3d-lift .card-wrapper .card--shape.card--standard:not(.card--text) .card__inner {
1846    box-shadow: none;
1847    transition: transform var(--duration-long) ease, filter var(--duration-long) ease; }
1848  .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner {
1849    /* Slow the card transition speed while hover is active. */
1850    transition: transform calc(2 * var(--duration-extended)) ease, filter var(--duration-long) ease;
1851    filter: drop-shadow(0rem 2rem 2rem rgba(0, 0, 0, 0.15)) drop-shadow(0rem 1rem 1rem rgba(0, 0, 0, 0.15)); }
1852  .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--card:after, .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner:after, .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before {
1853    background-image: var(--easter-egg);
1854    background-size: 250px 250px;
1855    mix-blend-mode: color-dodge;
1856    pointer-events: none;
1857    z-index: 2; }
1858  .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before {
1859    content: '';
1860    position: absolute;
1861    top: 0;
1862    bottom: 0;
1863    left: 0;
1864    right: 0; }
1865  .theme_version_2 .animate--hover-3d-lift .card-wrapper .card--card:before, .theme_version_2 .animate--hover-3d-lift .card-wrapper .card--standard .card__media:after {
1866    content: '';
1867    position: absolute;
1868    top: 0;
1869    right: 0;
1870    bottom: 0;
1871    left: 0;
1872    opacity: 0;
1873    pointer-events: none;
1874    transition: background-position calc(2 * var(--duration-extended)) ease, opacity var(--duration-default) ease;
1875    mix-blend-mode: overlay;
1876    background-size: 400% 100%;
1877    background-position: 90% 0;
1878    background-repeat: no-repeat;
1879    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 45%, #fff 50%, rgba(255, 255, 255, 0) 55%); }
1880  .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--card:before, .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__media:after {
1881    opacity: 0.2;
1882    transition: background-position 6s ease, opacity var(--duration-long) ease;
1883    background-position: left;
1884    z-index: 2; }
1885  .theme_version_2 :root {
1886    --easter-egg: none;
1887    --sparkle: url('./sparkle.gif'); }
1888  .theme_version_2 .animate--hover-vertical-lift .button:not(.button--tertiary), .theme_version_2 .animate--hover-vertical-lift .shopify-challenge__button, .theme_version_2 .animate--hover-vertical-lift .customer button, .theme_version_2 .animate--hover-vertical-lift .shopify-payment-button__button {
1889    transition: transform var(--duration-default) var(--ease-out-slow); }
1890  .theme_version_2 .animate--hover-vertical-lift .card-wrapper .card--card, .theme_version_2 .animate--hover-vertical-lift .card-wrapper .card--standard .card__inner {
1891    transition: transform var(--duration-medium) var(--ease-out-slow); }
1892  .theme_version_2 .animate--hover-vertical-lift .card-wrapper:hover .card--card, .theme_version_2 .animate--hover-vertical-lift .card-wrapper:hover .card--standard .card__inner {
1893    transform: translateY(-0.75rem); }
1894  .theme_version_2 .animate--hover-vertical-lift .card-wrapper:active .card--card, .theme_version_2 .animate--hover-vertical-lift .card-wrapper:active .card--standard .card__inner {
1895    transform: translateY(-0.5rem); }
1896  .theme_version_2 .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):hover, .theme_version_2 .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):hover, .theme_version_2 .animate--hover-vertical-lift .customer button:not([disabled]):hover, .theme_version_2 .animate--hover-vertical-lift .shopify-payment-button__button:hover {
1897    transform: translateY(-0.25rem); }
1898  .theme_version_2 .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):active, .theme_version_2 .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):active, .theme_version_2 .animate--hover-vertical-lift .customer button:not([disabled]):active, .theme_version_2 .animate--hover-vertical-lift .shopify-payment-button__button:active {
1899    transform: translateY(0); }
1900  .theme_version_2 .animate--hover-vertical-lift .button:not([disabled]):hover:after, .theme_version_2 .animate--hover-vertical-lift .customer button:not([disabled]):hover:after, .theme_version_2 .animate--hover-vertical-lift .shopify-payment-button__button:not([disabled]):hover:after {
1901    /* Default is 1.3px as defined above in this file. This removes 1px to prevent the border from growing on buttons when this effect is on.  */
1902    --border-offset: 0.3px;
1903    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(0, 0, 0, ), 0 0 0 var(--buttons-border-width) rgba(0, 0, 0, ); }
1904  .theme_version_2 .animate--hover-vertical-lift .button:not([disabled]).button--secondary:hover:after {
1905    /* Prevent the border from growing on buttons when this effect is on. */
1906    --border-offset: 0px; } }
1907  .theme_version_2 .col-right-bar .dropdown {
1908    align-items: center;
1909    display: flex; }
1910  .theme_version_2 . .navbar-nav .nav-item {
1911    align-self: unset !important; }
1912    .theme_version_2 . .navbar-nav a.active:after {
1913      content: "";
1914      border-bottom: 2px solid grey;
1915      width: 100%;
1916      height: 1px;
1917      position: absolute;
1918      left: 0px;
1919      bottom: 0px; }
1920  .theme_version_2 .navbar .navbar-nav .nav-link {
1921    color: var(--dark-gray); }
1922  .theme_version_2 .btn-block {
1923    width: 100%; }
1924  .theme_version_2 header.no-sticky .navbar {
1925    position: relative; }
1926  .theme_version_2 header.pull-content .navbar {
1927    position: relative; }
1928    .theme_version_2 header.pull-content:not(.no-sticky).sticky-active {
1929      position: sticky !important;
1930      z-index: 9999;
1931      top: 0px; }
1932  .theme_version_2 header.no-sticky .navbar {
1933    position: relative; }
1934  .theme_version_2 .propertyType {
1935    margin-top: 4px !important; }
1936  .theme_version_2 .couponCodeForm .input-group-append {
1937    position: absolute;
1938    right: 0px;
1939    z-index: 9;
1940    min-width: 90px;
1941    height: 100%; }
1942    .theme_version_2 .couponCodeForm .input-group-append .btnApplyCoupon {
1943      width: 100% !important; }
1944  .theme_version_2 .btnApplyCoupon {
1945    position: absolute;
1946    background: #0ba001;
1947    height: calc(100% - 2px) !important;
1948    padding: 0px 10px;
1949    top: 1px;
1950    border: none !important; }
1951  .theme_version_2 .wolfList a.nav-link {
1952    padding: 15px 0px; }
1953  .theme_version_2 :root {
1954    --alpha-button-background: 1;
1955    --alpha-button-border: 1;
1956    --alpha-link: 0.85;
1957    --alpha-badge-border: 0.1;
1958    --page-width-passing: 1.5rem; }
1959  .theme_version_2 .checkout--page_2 {
1960    margin-top: 160px !important; }
1961  .theme_version_2 .editdetails .col-12 {
1962    padding-left: 15px;
1963    padding-right: 15px; }
1964  .theme_version_2 .product-card-wrapper .card, .theme_version_2 .contains-card--product {
1965    --border-radius: var(--product-card-corner-radius);
1966    --border-width: var(--product-card-border-width);
1967    --border-opacity: var(--product-card-border-opacity);
1968    --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);
1969    --shadow-vertical-offset: var(--product-card-shadow-vertical-offset);
1970    --shadow-blur-radius: var(--product-card-shadow-blur-radius);
1971    --shadow-opacity: var(--product-card-shadow-opacity);
1972    --shadow-visible: var(--product-card-shadow-visible);
1973    --image-padding: var(--product-card-image-padding);
1974    --text-alignment: var(--product-card-text-alignment); }
1975  .theme_version_2 .collection-card-wrapper .card, .theme_version_2 .contains-card--collection {
1976    --border-radius: var(--collection-card-corner-radius);
1977    --border-width: var(--collection-card-border-width);
1978    --border-opacity: var(--collection-card-border-opacity);
1979    --shadow-horizontal-offset: var(--collection-card-shadow-horizontal-offset);
1980    --shadow-vertical-offset: var(--collection-card-shadow-vertical-offset);
1981    --shadow-blur-radius: var(--collection-card-shadow-blur-radius);
1982    --shadow-opacity: var(--collection-card-shadow-opacity);
1983    --shadow-visible: var(--collection-card-shadow-visible);
1984    --image-padding: var(--collection-card-image-padding);
1985    --text-alignment: var(--collection-card-text-alignment); }
1986  .theme_version_2 .article-card-wrapper .card, .theme_version_2 .contains-card--article {
1987    --border-radius: var(--blog-card-corner-radius);
1988    --border-width: var(--blog-card-border-width);
1989    --border-opacity: var(--blog-card-border-opacity);
1990    --shadow-horizontal-offset: var(--blog-card-shadow-horizontal-offset);
1991    --shadow-vertical-offset: var(--blog-card-shadow-vertical-offset);
1992    --shadow-blur-radius: var(--blog-card-shadow-blur-radius);
1993    --shadow-opacity: var(--blog-card-shadow-opacity);
1994    --shadow-visible: var(--blog-card-shadow-visible);
1995    --image-padding: var(--blog-card-image-padding);
1996    --text-alignment: var(--blog-card-text-alignment); }
1997  .theme_version_2 .contains-content-container, .theme_version_2 .content-container {
1998    --border-radius: var(--text-boxes-radius);
1999    --border-width: var(--text-boxes-border-width);
2000    --border-opacity: var(--text-boxes-border-opacity);
2001    --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);
2002    --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);
2003    --shadow-blur-radius: var(--text-boxes-shadow-blur-radius);
2004    --shadow-opacity: var(--text-boxes-shadow-opacity);
2005    --shadow-visible: var(--text-boxes-shadow-visible); }
2006  .theme_version_2 .contains-media, .theme_version_2 .global-media-settings {
2007    --border-radius: var(--media-radius);
2008    --border-width: var(--media-border-width);
2009    --border-opacity: var(--media-border-opacity);
2010    --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);
2011    --shadow-vertical-offset: var(--media-shadow-vertical-offset);
2012    --shadow-blur-radius: var(--media-shadow-blur-radius);
2013    --shadow-opacity: var(--media-shadow-opacity);
2014    --shadow-visible: var(--media-shadow-visible);
2015    /* base */ }
2016  .theme_version_2 .no-js:not(html) {
2017    display: none !important; }
2018  .theme_version_2 html.no-js .no-js:not(html) {
2019    display: block !important; }
2020  .theme_version_2 .no-js-inline {
2021    display: none !important; }
2022  .theme_version_2 html.no-js .no-js-inline {
2023    display: inline-block !important; }
2024  .theme_version_2 html.no-js .no-js-hidden {
2025    display: none !important; }
2026  .theme_version_2 body:has(.section-header .drawer-menu) .announcement-bar-section .page-width {
2027    max-width: 100%; }
2028  .theme_version_2 .page-width.drawer-menu {
2029    max-width: 100%; }
2030  .theme_version_2 .page-width-desktop {
2031    padding: 0;
2032    margin: 0 auto; }
2033  .theme_version_2 .utility-bar__grid.page-width {
2034    padding-left: 3rem;
2035    padding-right: 3rem; }
2036  @media screen and (min-width: 750px) {
2037  .theme_version_2 .header.page-width, .theme_version_2 .utility-bar__grid.page-width {
2038    padding-left: 3.2rem;
2039    padding-right: 3.2rem; }
2040  .theme_version_2 .page-width--narrow {
2041    padding: 0 9rem; }
2042  .theme_version_2 .page-width-desktop {
2043    padding: 0; }
2044  .theme_version_2 .page-width-tablet {
2045    padding: 0 5rem; } }
2046  @media screen and (min-width: 990px) {
2047  .theme_version_2 .header:not(.drawer-menu).page-width {
2048    padding-left: 5rem;
2049    padding-right: 5rem; }
2050  .theme_version_2 .page-width--narrow {
2051    max-width: 72.6rem;
2052    padding: 0; }
2053  .theme_version_2 .page-width-desktop {
2054    max-width: var(--page-width);
2055    padding: 0 5rem; } }
2056  .theme_version_2 .isolate {
2057    position: relative;
2058    z-index: 0; }
2059  .theme_version_2 .section + .section {
2060    margin-top: var(--spacing-sections-mobile); }
2061  @media screen and (min-width: 750px) {
2062  .theme_version_2 .section + .section {
2063    margin-top: var(--spacing-sections-desktop); } }
2064  .theme_version_2 .element-margin-top {
2065    margin-top: 5rem; }
2066  @media screen and (min-width: 750px) {
2067  .theme_version_2 .element-margin {
2068    margin-top: calc(5rem + var(--page-width-margin)); } }
2069  .theme_version_2 .background-secondary {
2070    background-color: rgba(0, 0, 0, ); }
2071  .theme_version_2 .grid-auto-flow {
2072    display: grid;
2073    grid-auto-flow: column; }
2074  .theme_version_2 .page-margin, .theme_version_2 .shopify-challenge__container {
2075    margin: 7rem auto; }
2076  .theme_version_2 .rte-width {
2077    max-width: 82rem;
2078    margin: 0 auto 2rem; }
2079  .theme_version_2 .list-unstyled:not(.categoriesProducts) {
2080    margin: 0;
2081    padding: 0;
2082    list-style: none; }
2083  .theme_version_2 .hidden {
2084    display: none !important; }
2085  .theme_version_2 .visually-hidden {
2086    position: absolute !important;
2087    overflow: hidden;
2088    width: 1px;
2089    height: 1px;
2090    margin: -1px;
2091    padding: 0;
2092    border: 0;
2093    clip: rect(0 0 0 0);
2094    word-wrap: normal !important; }
2095  .theme_version_2 .visually-hidden--inline {
2096    margin: 0;
2097    height: 1em; }
2098  .theme_version_2 .overflow-hidden {
2099    overflow: hidden; }
2100  .theme_version_2 .skip-to-content-link:focus {
2101    z-index: 9999;
2102    position: inherit;
2103    overflow: auto;
2104    width: auto;
2105    height: auto;
2106    clip: auto; }
2107  .theme_version_2 .full-width-link {
2108    position: absolute;
2109    top: 0;
2110    right: 0;
2111    bottom: 0;
2112    left: 0;
2113    z-index: 2; }
2114  .theme_version_2 ::selection {
2115    background-color: rgba(0, 0, 0, ); }
2116  .theme_version_2 .text-body {
2117    font-size: 1.5rem;
2118    letter-spacing: 0.06rem;
2119    line-height: calc(1 + 0.8 / var(--font-body-scale));
2120    font-family: var(--font-body-family);
2121    font-style: var(--font-body-style);
2122    font-weight: var(--font-body-weight); }
2123  .theme_version_2 .hxl {
2124    font-size: calc(var(--font-heading-scale) * 5rem); }
2125  @media only screen and (min-width: 750px) {
2126  .theme_version_2 .hxl {
2127    font-size: calc(var(--font-heading-scale) * 6.2rem); } }
2128  .theme_version_2 .h0 {
2129    font-size: calc(var(--font-heading-scale) * 4rem); }
2130  @media only screen and (min-width: 750px) {
2131  .theme_version_2 .h0 {
2132    font-size: calc(var(--font-heading-scale) * 5.2rem); } }
2133  .theme_version_2 blockquote {
2134    font-style: italic;
2135    color: rgba(0, 1, 0, );
2136    border-left: 0.2rem solid rgba(0, 0, 0, );
2137    padding-left: 1rem; }
2138  @media screen and (min-width: 750px) {
2139  .theme_version_2 blockquote {
2140    padding-left: 1.5rem; } }
2141  .theme_version_2 .caption {
2142    font-size: 1rem;
2143    letter-spacing: 0.07rem;
2144    line-height: calc(1 + 0.7 / var(--font-body-scale)); }
2145  @media screen and (min-width: 750px) {
2146  .theme_version_2 .caption {
2147    font-size: 1.2rem; } }
2148  .theme_version_2 .caption-with-letter-spacing {
2149    font-size: 1rem;
2150    letter-spacing: 0.13rem;
2151    line-height: calc(1 + 0.2 / var(--font-body-scale)); }
2152  .theme_version_2 .caption-with-letter-spacing--medium {
2153    font-size: 1.2rem;
2154    letter-spacing: 0.16rem; }
2155  .theme_version_2 .caption-with-letter-spacing--large {
2156    font-size: 1.4rem;
2157    letter-spacing: 0.18rem; }
2158  .theme_version_2 .caption-large, .theme_version_2 .customer .field input, .theme_version_2 .customer select, .theme_version_2 .field__input, .theme_version_2 .form__label, .theme_version_2 .
2158select__select {
2159    font-size: 1.3rem;
2160    line-height: calc(1 + 0.5 / var(--font-body-scale));
2161    letter-spacing: 0.04rem; }
2162  .theme_version_2 .color-foreground {
2163    color: #000; }
2164  .theme_version_2 table:not([class]) {
2165    table-layout: fixed;
2166    border-collapse: collapse;
2167    font-size: 1.4rem;
2168    border-style: hidden;
2169    /* draws the table border  */
2170    box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, ); }
2171  .theme_version_2 table:not([class]) td, .theme_version_2 table:not([class]) th {
2172    padding: 1em;
2173    border: 0.1rem solid rgba(0, 0, 0, ); }
2174  @media screen and (max-width: 749px) {
2175  .theme_version_2 .small-hide {
2176    display: none !important; } }
2177  @media screen and (min-width: 750px) and (max-width: 989px) {
2178  .theme_version_2 .medium-hide {
2179    display: none !important; } }
2180  @media screen and (min-width: 990px) {
2181  .theme_version_2 .large-up-hide {
2182    display: none !important; } }
2183  .theme_version_2 .left {
2184    text-align: left; }
2185  .theme_version_2 .center {
2186    text-align: center; }
2187  .theme_version_2 .right:not(.overlay-sidebar-edit) {
2188    text-align: right; }
2189  .theme_version_2 .uppercase {
2190    text-transform: uppercase; }
2191  .theme_version_2 .light {
2192    opacity: 0.7; }
2193  .theme_version_2 ul:empty, .theme_version_2 dl:empty, .theme_version_2 section:empty, .theme_version_2 article:empty, .theme_version_2 h1:empty, .theme_version_2 h2:empty, .theme_version_2 h3:empty, .theme_version_2 h4:empty, .theme_version_2 h5:empty, .theme_version_2 h6:empty {
2194    display: none; }
2195  .theme_version_2 .link, .theme_version_2 .customer a {
2196    cursor: pointer;
2197    display: inline-block;
2198    border: none;
2199    box-shadow: none;
2200    text-decoration: underline;
2201    text-underline-offset: 0.3rem;
2202    color: #000;
2203    background-color: transparent;
2204    font-size: 1.4rem;
2205    font-family: inherit; }
2206  .theme_version_2 .link--text {
2207    color: #000; }
2208  .theme_version_2 .link--text:hover {
2209    color: rgba(0, 1, 0, ); }
2210  .theme_version_2 .link-with-icon {
2211    display: inline-flex;
2212    font-size: 1.4rem;
2213    font-weight: 600;
2214    letter-spacing: 0.1rem;
2215    text-decoration: none;
2216    margin-bottom: 4.5rem;
2217    white-space: nowrap; }
2218  .theme_version_2 .link-with-icon .icon {
2219    width: 1.5rem;
2220    margin-left: 1rem; }
2221  .theme_version_2 .circle-divider::after {
2222    content: '\2022';
2223    margin: 0 1.3rem 0 1.5rem; }
2224  .theme_version_2 .circle-divider:last-of-type::after {
2225    display: none;
2226    /*
2227hr {
2228  border: none;
2229  height: 0.1rem;
2230  background-color: rgba(var(--color-foreground), 0.2);
2231  display: block;
2232  margin: 5rem 0;
2233}
2234
2235@media screen and (min-width: 750px) {
2236  hr {
2237	margin: 7rem 0;
2238  }
2239}
2240*/ }
2241  .theme_version_2 .full-unstyled-link {
2242    text-decoration: none;
2243    color: currentColor;
2244    display: block; }
2245  .theme_version_2 .placeholder {
2246    background-color: rgba(0, 0, 0, );
2247    color: rgba(0, 1, 0, );
2248    fill: rgba(0, 1, 0, ); }
2249  .theme_version_2 details > * {
2250    box-sizing: border-box; }
2251  .theme_version_2 .break {
2252    word-break: break-word; }
2253  .theme_version_2 .visibility-hidden {
2254    visibility: hidden; }
2255  @media (prefers-reduced-motion) {
2256  .theme_version_2 .motion-reduce {
2257    transition: none !important;
2258    animation: none !important; } }
2259  .theme_version_2 :root {
2260    --duration-short: 100ms;
2261    --duration-default: 200ms;
2262    --duration-announcement-bar: 250ms;
2263    --duration-medium: 300ms;
2264    --duration-long: 500ms;
2265    --duration-extra-long: 600ms;
2266    --duration-extended: 3s;
2267    --ease-out-slow: cubic-bezier(0, 0, 0.3, 1);
2268    --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;
2269    --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow); }
2270  .theme_version_2 .underlined-link, .theme_version_2 .customer a, .theme_version_2 .inline-richtext a {
2271    text-underline-offset: 0.3rem;
2272    text-decoration-thickness: 0.1rem;
2273    transition: text-decoration-thickness ease 100ms; }
2274  .theme_version_2 .underlined-link, .theme_version_2 .customer a {
2275    color: rgba(0, 0, 0, ); }
2276  .theme_version_2 .inline-richtext a, .theme_version_2 .rte.inline-richtext a {
2277    color: currentColor; }
2278  .theme_version_2 .underlined-link:hover, .theme_version_2 .customer a:hover, .theme_version_2 .inline-richtext a:hover {
2279    color: #000;
2280    text-decoration-thickness: 0.2rem; }
2281  .theme_version_2 .icon-arrow {
2282    width: 1.5rem; }
2283  .theme_version_2 h3 .icon-arrow, .theme_version_2 .h3 .icon-arrow {
2284    width: calc(var(--font-heading-scale) * 1.5rem);
2285    /* arrow animation */ }
2286  .theme_version_2 .animate-arrow .icon-arrow path {
2287    transform: translateX(-0.25rem);
2288    transition: transform var(--duration-short) ease; }
2289  .theme_version_2 .animate-arrow:hover .icon-arrow path {
2290    transform: translateX(-0.05rem);
2291    /* base-details-summary */ }
2292  .theme_version_2 summary {
2293    cursor: pointer;
2294    list-style: none;
2295    position: relative; }
2296  .theme_version_2 summary .icon-caret {
2297    position: absolute;
2298    height: 0.6rem;
2299    right: 1.5rem;
2300    top: calc(50% - 0.2rem); }
2301  .theme_version_2 summary::-webkit-details-marker {
2302    display: none; }
2303  .theme_version_2 .disclosure-has-popup {
2304    position: relative; }
2305  .theme_version_2 .disclosure-has-popup[open] > summary::before {
2306    position: fixed;
2307    top: 0;
2308    right: 0;
2309    bottom: 0;
2310    left: 0;
2311    z-index: 2;
2312    display: block;
2313    cursor: default;
2314    content: ' ';
2315    background: transparent; }
2316  .theme_version_2 .disclosure-has-popup > summary::before {
2317    display: none; }
2318  .theme_version_2 .disclosure-has-popup[open] > summary + * {
2319    z-index: 100; }
2320  @media screen and (min-width: 750px) {
2321  .theme_version_2 {
2322    /* base-focus */
2323    /*
2324  Focus ring - default (with offset)
2325*/ }
2326    .theme_version_2 .disclosure-has-popup[open] > summary + * {
2327      z-index: 4; }
2328
2329    .theme_version_2 .facets .disclosure-has-popup[open] > summary + * {
2330      z-index: 2; } }
2331  .theme_version_2 *:focus {
2332    outline: 0;
2333    box-shadow: none; }
2334  .theme_version_2 *:focus-visible {
2335    outline: 0.2rem solid rgba(0, 1, 0, );
2336    outline-offset: 0.3rem;
2337    box-shadow: 0 0 0 0.3rem #000, 0 0 0.5rem 0.4rem rgba(0, 0, 0, );
2338    /* Fallback - for browsers that don't support :focus-visible, a fallback is set for :focus */ }
2339  .theme_version_2 .focused, .theme_version_2 .no-js *:focus {
2340    outline: 0.2rem solid rgba(0, 1, 0, );
2341    outline-offset: 0.3rem;
2342    box-shadow: 0 0 0 0.3rem #000, 0 0 0.5rem 0.4rem rgba(0, 0, 0, );
2343    /* Negate the fallback side-effect for browsers that support :focus-visible */ }
2344  .theme_version_2 .no-js *:focus:not(:focus-visible) {
2345    outline: 0;
2346    box-shadow: none;
2347    /*
2348  Focus ring - inset
2349*/ }
2350  .theme_version_2 .focus-inset:focus-visible {
2351    outline: 0.2rem solid rgba(0, 1, 0, );
2352    outline-offset: -0.2rem;
2353    box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, ); }
2354  .theme_version_2 .focused.focus-inset, .theme_version_2 .no-js .focus-inset:focus {
2355    outline: 0.2rem solid rgba(0, 1, 0, );
2356    outline-offset: -0.2rem;
2357    box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, ); }
2358  .theme_version_2 .no-js .focus-inset:focus:not(:focus-visible) {
2359    outline: 0;
2360    box-shadow: none;
2361    /*
2362  Focus ring - none
2363*/
2364    /* Dangerous for a11y - Use with care */ }
2365  .theme_version_2 .focus-none {
2366    box-shadow: none !important;
2367    outline: 0 !important; }
2368  .theme_version_2 .focus-offset:focus-visible {
2369    outline: 0.2rem solid rgba(0, 1, 0, );
2370    outline-offset: 1rem;
2371    box-shadow: 0 0 0 1rem #000, 0 0 0.2rem 1.2rem rgba(0, 0, 0, ); }
2372  .theme_version_2 .focus-offset.focused, .theme_version_2 .no-js .focus-offset:focus {
2373    outline: 0.2rem solid rgba(0, 1, 0, );
2374    outline-offset: 1rem;
2375    box-shadow: 0 0 0 1rem #000, 0 0 0.2rem 1.2rem rgba(0, 0, 0, ); }
2376  .theme_version_2 .no-js .focus-offset:focus:not(:focus-visible) {
2377    outline: 0;
2378    box-shadow: none;
2379    /* component-title */ }
2380  .theme_version_2 .title-wrapper-with-link .title {
2381    margin: 0; }
2382  .theme_version_2 .title .link {
2383    font-size: inherit; }
2384  .theme_version_2 .title-wrapper {
2385    margin-bottom: 3rem; }
2386  .theme_version_2 .title-wrapper-with-link {
2387    display: flex;
2388    justify-content: space-between;
2389    align-items: flex-end;
2390    gap: 1rem;
2391    margin-bottom: 3rem;
2392    flex-wrap: wrap; }
2393  .theme_version_2 .title--primary {
2394    margin: 4rem 0; }
2395  .theme_version_2 .title-wrapper--self-padded-tablet-down, .theme_version_2 .title-wrapper--self-padded-mobile {
2396    padding-left: 1.5rem;
2397    padding-right: 1.5rem; }
2398  @media screen and (min-width: 750px) {
2399  .theme_version_2 .title-wrapper--self-padded-mobile {
2400    padding-left: 0;
2401    padding-right: 0; } }
2402  @media screen and (min-width: 990px) {
2403  .theme_version_2 .title--primary {
2404    margin: 2rem 0; }
2405  .theme_version_2 .title-wrapper-with-link {
2406    align-items: center; }
2407  .theme_version_2 .title-wrapper-with-link .title {
2408    margin-bottom: 0; }
2409  .theme_version_2 .title-wrapper--self-padded-tablet-down {
2410    padding-left: 0;
2411    padding-right: 0; } }
2412  .theme_version_2 .title-wrapper-with-link .link-with-icon {
2413    margin: 0;
2414    flex-shrink: 0;
2415    display: flex;
2416    align-items: center; }
2417  .theme_version_2 .title-wrapper-with-link .link-with-icon svg {
2418    width: 1.5rem; }
2419  .theme_version_2 .title-wrapper-with-link a {
2420    margin-top: 0;
2421    flex-shrink: 0; }
2422  .theme_version_2 .title-wrapper--no-top-margin {
2423    margin-top: 0; }
2424  .theme_version_2 .title-wrapper--no-top-margin > .title {
2425    margin-top: 0; }
2426  .theme_version_2 .subtitle {
2427    font-size: 1.8rem;
2428    line-height: calc(1 + 0.8 / var(--font-body-scale));
2429    letter-spacing: 0.06rem;
2430    color: rgba(0, 1, 0, ); }
2431  .theme_version_2 .subtitle--small {
2432    font-size: 1.4rem;
2433    letter-spacing: 0.1rem; }
2434  .theme_version_2 .subtitle--medium {
2435    font-size: 1.6rem;
2436    letter-spacing: 0.08rem;
2437    /* component-grid */ }
2438  .theme_version_2 .grid {
2439    display: flex;
2440    flex-wrap: wrap;
2441    margin-bottom: 2rem;
2442    padding: 0;
2443    list-style: none;
2444    column-gap: var(--grid-mobile-horizontal-spacing);
2445    row-gap: var(--grid-mobile-vertical-spacing); }
2446  @media screen and (min-width: 750px) {
2447  .theme_version_2 .grid {
2448    column-gap: var(--grid-desktop-horizontal-spacing);
2449    row-gap: var(--grid-desktop-vertical-spacing); } }
2450  .theme_version_2 .grid:last-child {
2451    margin-bottom: 0; }
2452  .theme_version_2 .grid__item {
2453    width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
2454    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
2455    flex-grow: 1;
2456    flex-shrink: 0; }
2457  @media screen and (min-width: 750px) {
2458  .theme_version_2 .grid__item {
2459    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
2460    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); } }
2461  .theme_version_2 .grid--gapless.grid {
2462    column-gap: 0;
2463    row-gap: 0; }
2464  @media screen and (max-width: 749px) {
2465  .theme_version_2 .grid__item.slider__slide--full-width {
2466    width: 100%;
2467    max-width: none; } }
2468  .theme_version_2 .grid--1-col .grid__item {
2469    max-width: 100%;
2470    width: 100%; }
2471  .theme_version_2 .grid--3-col .grid__item {
2472    width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3); }
2473  @media screen and (min-width: 750px) {
2474  .theme_version_2 .grid--3-col .grid__item {
2475    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3); } }
2476  .theme_version_2 .grid--2-col .grid__item {
2477    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2); }
2478  @media screen and (min-width: 750px) {
2479  .theme_version_2 .grid--2-col .grid__item {
2480    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); }
2481  .theme_version_2 .grid--4-col-tablet .grid__item {
2482    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4); }
2483  .theme_version_2 .grid--3-col-tablet .grid__item {
2484    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3); }
2485  .theme_version_2 .grid--2-col-tablet .grid__item {
2486    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); } }
2487  @media screen and (max-width: 989px) {
2488  .theme_version_2 .grid--1-col-tablet-down .grid__item {
2489    width: 100%;
2490    max-width: 100%; }
2491  .theme_version_2 .slider--tablet.grid--peek {
2492    margin: 0;
2493    width: 100%; }
2494  .theme_version_2 .slider--tablet.grid--peek .grid__item {
2495    box-sizing: content-box;
2496    margin: 0; }
2497  .theme_version_2 .slider.slider--tablet .scroll-trigger.animate--slide-in, .theme_version_2 .
2497slider.slider--mobile .scroll-trigger.animate--slide-in {
2498    animation: none;
2499    opacity: 1;
2500    transform: inherit; }
2501  .theme_version_2 .scroll-trigger:not(.scroll-trigger--offscreen) .slider--tablet {
2502    animation: var(--animation-slide-in); } }
2503  @media screen and (min-width: 990px) {
2504  .theme_version_2 .grid--6-col-desktop .grid__item {
2505    width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
2506    max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6); }
2507  .theme_version_2 .grid--5-col-desktop .grid__item {
2508    width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
2509    max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5); }
2510  .theme_version_2 .grid--4-col-desktop .grid__item {
2511    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
2512    max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4); }
2513  .theme_version_2 .grid--3-col-desktop .grid__item {
2514    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
2515    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3); }
2516  .theme_version_2 .grid--2-col-desktop .grid__item {
2517    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
2518    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); }
2519  .theme_version_2 .slider.slider--desktop .scroll-trigger.animate--slide-in {
2520    animation: none;
2521    opacity: 1;
2522    transform: inherit; }
2523  .theme_version_2 .scroll-trigger:not(.scroll-trigger--offscreen) .slider--desktop {
2524    animation: var(--animation-slide-in); } }
2525  @media screen and (min-width: 990px) {
2526  .theme_version_2 .grid--1-col-desktop {
2527    flex: 0 0 100%;
2528    max-width: 100%; }
2529  .theme_version_2 .grid--1-col-desktop .grid__item {
2530    width: 100%;
2531    max-width: 100%; } }
2532  @media screen and (max-width: 749px) {
2533  .theme_version_2 .grid--peek.slider--mobile {
2534    margin: 0;
2535    width: 100%; }
2536  .theme_version_2 .grid--peek.slider--mobile .grid__item {
2537    box-sizing: content-box;
2538    margin: 0; }
2539  .theme_version_2 .grid--peek .grid__item {
2540    min-width: 35%; }
2541  .theme_version_2 .grid--peek.slider .grid__item:first-of-type {
2542    margin-left: 1.5rem;
2543    /* Fix to show some space at the end of our sliders in all browsers */ }
2544  .theme_version_2 .grid--peek.slider:after {
2545    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing)); }
2546  .theme_version_2 .grid--2-col-tablet-down .grid__item {
2547    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2); }
2548  .theme_version_2 .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item, .theme_version_2 .grid--peek .grid__item {
2549    width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem); }
2550  .theme_version_2 .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item, .theme_version_2 .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item {
2551    width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem); } }
2552  @media screen and (min-width: 750px) and (max-width: 989px) {
2553  .theme_version_2 {
2554    /* component-media */ }
2555    .theme_version_2 .slider--tablet.grid--peek .grid__item {
2556      width: calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem); }
2557
2558    .theme_version_2 .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
2559      width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - 3rem); }
2560
2561    .theme_version_2 .slider--tablet.grid--peek.grid--2-col-tablet .grid__item, .theme_version_2 .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
2562      width: calc(50% - var(--grid-desktop-horizontal-spacing) - 3rem); }
2563
2564    .theme_version_2 .slider--tablet.grid--peek .grid__item:first-of-type {
2565      margin-left: 1.5rem; }
2566
2567    .theme_version_2 .grid--2-col-tablet-down .grid__item {
2568      width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); }
2569
2570    .theme_version_2 .grid--1-col-tablet-down.grid--peek .grid__item {
2571      width: calc(100% - var(--grid-desktop-horizontal-spacing) - 3rem); } }
2572  .theme_version_2 .media {
2573    display: block;
2574    background-color: rgba(0, 0, 0, );
2575    position: relative;
2576    overflow: hidden; }
2577  .theme_version_2 .media--transparent {
2578    background-color: transparent; }
2579  .theme_version_2 .media > *:not(.zoom):not(.deferred-media__poster-button):not(.atropos), .theme_version_2 .media model-viewer {
2580    display: block;
2581    max-width: 100%;
2582    position: absolute;
2583    top: 0;
2584    left: 0;
2585    height: 100%;
2586    width: 100%; }
2587  .theme_version_2 .media > img {
2588    object-fit: cover;
2589    object-position: center center;
2590    transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
2591  .theme_version_2 .media--square {
2592    padding-bottom: 100%; }
2593  .theme_version_2 .media--portrait {
2594    padding-bottom: 125%; }
2595  .theme_version_2 .media--landscape {
2596    padding-bottom: 66.6%; }
2597  .theme_version_2 .media--cropped {
2598    padding-bottom: 56%; }
2599  .theme_version_2 .media--16-9 {
2600    padding-bottom: 56.25%; }
2601  .theme_version_2 .media--circle {
2602    padding-bottom: 100%;
2603    border-radius: 50%; }
2604  .theme_version_2 .media.media--hover-effect > img + img {
2605    opacity: 0; }
2606  @media screen and (min-width: 990px) {
2607  .theme_version_2 .media--cropped {
2608    padding-bottom: 63%; } }
2609  .theme_version_2 deferred-media {
2610    display: block;
2611    /* component-button */
2612    /* Button - default */ }
2613  .theme_version_2 .button--secondary, .theme_version_2 .button--tertiary {
2614    --color-button: var(--color-secondary-button);
2615    --color-button-text: var(--color-secondary-button-text); }
2616  .theme_version_2 .button--tertiary {
2617    --alpha-button-background: 0;
2618    --alpha-button-border: 0.2; }
2619  .theme_version_2 .button:not(.btn), .theme_version_2 .shopify-challenge__button, .theme_version_2 .customer button, .theme_version_2 button.shopify-payment-button__button--unbranded, .theme_version_2 .shopify-payment-button [role='button'], .theme_version_2 .cart__dynamic-checkout-buttons [role='button'], .theme_version_2 .cart__dynamic-checkout-buttons iframe {
2620    --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
2621    --shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
2622    --shadow-blur-radius: var(--buttons-shadow-blur-radius);
2623    --shadow-opacity: var(--buttons-shadow-opacity);
2624    --shadow-visible: var(--buttons-shadow-visible);
2625    /* reduce radius edge artifacts */
2626    --border-offset: var(--buttons-border-offset);
2627    --border-opacity: calc(1 - var(--buttons-border-opacity));
2628    border-radius: var(--buttons-radius-outset);
2629    position: relative; }
2630  .theme_version_2 .button:not(.btn), .theme_version_2 .shopify-challenge__button, .theme_version_2 .customer button, .theme_version_2 button.shopify-payment-button__button--unbranded {
2631    min-width: calc(12rem + var(--buttons-border-width) * 2);
2632    min-height: calc(4.5rem + var(--buttons-border-width) * 2); }
2633  .theme_version_2 .shopify-payment-button__button--branded {
2634    z-index: auto; }
2635  .theme_version_2 .cart__dynamic-checkout-buttons iframe {
2636    box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(0, 0, 0, ); }
2637  .theme_version_2 .button:not(.btn), .theme_version_2 .shopify-challenge__button, .theme_version_2 .customer button {
2638    display: inline-flex;
2639    justify-content: center;
2640    align-items: center;
2641    border: 0;
2642    padding: 0 3rem;
2643    cursor: pointer;
2644    font: inherit;
2645    font-size: 1.5rem;
2646    text-decoration: none;
2647    color: #000;
2648    transition: box-shadow var(--duration-short) ease;
2649    -webkit-appearance: none;
2650    appearance: none;
2651    background-color: rgba(0, 0, 0, ); }
2652  .theme_version_2 .button:not(.btn):before, .theme_version_2 .shopify-challenge__button:before, .theme_version_2 .customer button:before, .theme_version_2 .shopify-payment-button__button--unbranded:before, .theme_version_2 .shopify-payment-button [role='button']:before, .theme_version_2 .cart__dynamic-checkout-buttons [role='button']:before {
2653    content: '';
2654    position: absolute;
2655    top: 0;
2656    right: 0;
2657    bottom: 0;
2658    left: 0;
2659    z-index: -1;
2660    border-radius: var(--buttons-radius-outset);
2661    box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(0, 0, 0, ); }
2662  .theme_version_2 .button:not(.btn):after, .theme_version_2 .shopify-challenge__button:after, .theme_version_2 .customer button:after, .theme_version_2 .shopify-payment-button__button--unbranded:after {
2663    content: '';
2664    position: absolute;
2665    top: var(--buttons-border-width);
2666    right: var(--buttons-border-width);
2667    bottom: var(--buttons-border-width);
2668    left: var(--buttons-border-width);
2669    z-index: 1;
2670    border-radius: var(--buttons-radius);
2671    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(0, 0, 0, ), 0 0 0 var(--buttons-border-width) rgba(0, 0, 0, );
2672    transition: box-shadow var(--duration-short) ease; }
2673  .theme_version_2 .button:not(.btn):not([disabled]):hover::after, .theme_version_2 .shopify-challenge__button:hover::after, .theme_version_2 .customer button:hover::after, .theme_version_2 .shopify-payment-button__button--unbranded:hover::after {
2674    --border-offset: 1.3px;
2675    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(0, 0, 0, ), 0 0 0 calc(var(--buttons-border-width) + 1px) rgba(0, 0, 0, ); }
2676  .theme_version_2 .button--secondary:after {
2677    --border-opacity: var(--buttons-border-opacity); }
2678  .theme_version_2 .button:not(.btn):focus-visible, .theme_version_2 .button:not(.btn):focus, .theme_version_2 .button:not(.btn).focused, .theme_version_2 .shopify-payment-button__button--unbranded:focus-visible, .theme_version_2 .shopify-payment-button [role='button']:focus-visible, .theme_version_2 .
2678shopify-payment-button__button--unbranded:focus, .theme_version_2 .shopify-payment-button [role='button']:focus {
2679    outline: 0;
2680    box-shadow: 0 0 0 0.3rem #000, 0 0 0 0.5rem rgba(0, 1, 0, ), 0 0 0.5rem 0.4rem rgba(0, 0, 0, ); }
2681  .theme_version_2 .button:not(.btn):focus:not(:focus-visible):not(.focused), .theme_version_2 .shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused), .theme_version_2 .shopify-payment-button [role='button']:focus:not(:focus-visible):not(.focused) {
2682    box-shadow: inherit; }
2683  .theme_version_2 .button:not(.btn)::selection, .theme_version_2 .shopify-challenge__button::selection, .theme_version_2 .customer button::selection {
2684    background-color: rgba(0, 0, 0, ); }
2685  .theme_version_2 .button:not(.btn), .theme_version_2 .button-label, .theme_version_2 .shopify-challenge__button, .theme_version_2 .customer button {
2686    font-size: 1.5rem;
2687    letter-spacing: 0.1rem;
2688    line-height: calc(1 + 0.2 / var(--font-body-scale)); }
2689  .theme_version_2 .button--tertiary {
2690    font-size: 1.2rem;
2691    padding: 1rem 1.5rem;
2692    min-width: calc(9rem + var(--buttons-border-width) * 2);
2693    min-height: calc(3.5rem + var(--buttons-border-width) * 2); }
2694  .theme_version_2 .button--small {
2695    padding: 1.2rem 2.6rem;
2696    /* Button - other */ }
2697  .theme_version_2 .button:disabled, .theme_version_2 .button[aria-disabled='true'], .theme_version_2 .button.disabled, .theme_version_2 .customer button:disabled, .theme_version_2 .customer button[aria-disabled='true'], .theme_version_2 .customer button.disabled, .theme_version_2 .quantity__button.disabled {
2698    cursor: not-allowed;
2699    opacity: 0.5; }
2700  .theme_version_2 .button--full-width {
2701    display: flex;
2702    width: 100%; }
2703  .theme_version_2 .button.loading {
2704    color: transparent;
2705    position: relative; }
2706  @media screen and (forced-colors: active) {
2707  .theme_version_2 .button.loading {
2708    color: #000; } }
2709  .theme_version_2 .button.loading > .loading__spinner {
2710    top: 50%;
2711    left: 50%;
2712    transform: translate(-50%, -50%);
2713    position: absolute;
2714    height: 100%;
2715    display: flex;
2716    align-items: center; }
2717  .theme_version_2 .button.loading > .loading__spinner .spinner {
2718    width: fit-content; }
2719  .theme_version_2 .button.loading > .loading__spinner .path {
2720    stroke: #000;
2721    /* Button - social share */ }
2722  .theme_version_2 .share-button {
2723    display: block;
2724    position: relative; }
2725  .theme_version_2 .share-button details {
2726    width: fit-content; }
2727  .theme_version_2 .share-button__button {
2728    font-size: 1.4rem;
2729    display: flex;
2730    align-items: center;
2731    color: #000;
2732    margin-left: 0;
2733    padding-left: 0;
2734    min-height: 4.4rem; }
2735  .theme_version_2 details[open] > .share-button__fallback {
2736    animation: animateMenuOpen var(--duration-default) ease; }
2737  .theme_version_2 .share-button__button:hover {
2738    text-decoration: underline;
2739    text-underline-offset: 0.3rem; }
2740  .theme_version_2 .share-button__button, .theme_version_2 .share-button__fallback button {
2741    cursor: pointer;
2742    background-color: transparent;
2743    border: none; }
2744  .theme_version_2 .share-button__button .icon-share {
2745    height: 1.2rem;
2746    margin-right: 1rem;
2747    min-width: 1.3rem; }
2748  .theme_version_2 .share-button__fallback {
2749    display: flex;
2750    align-items: center;
2751    position: absolute;
2752    top: 3rem;
2753    left: 0.1rem;
2754    z-index: 3;
2755    width: 100%;
2756    min-width: max-content;
2757    border-radius: var(--inputs-radius);
2758    border: 0; }
2759  .theme_version_2 .share-button__fallback:after {
2760    pointer-events: none;
2761    content: '';
2762    position: absolute;
2763    top: var(--inputs-border-width);
2764    right: var(--inputs-border-width);
2765    bottom: var(--inputs-border-width);
2766    left: var(--inputs-border-width);
2767    border: 0.1rem solid transparent;
2768    border-radius: var(--inputs-radius);
2769    box-shadow: 0 0 0 var(--inputs-border-width) rgba(0, 0, 0, );
2770    transition: box-shadow var(--duration-short) ease;
2771    z-index: 1; }
2772  .theme_version_2 .share-button__fallback:before {
2773    background: #000;
2774    pointer-events: none;
2775    content: '';
2776    position: absolute;
2777    top: 0;
2778    right: 0;
2779    bottom: 0;
2780    left: 0;
2781    border-radius: var(--inputs-radius-outset);
2782    box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(0, 0, 0, );
2783    z-index: -1; }
2784  .theme_version_2 .share-button__fallback button {
2785    width: 4.4rem;
2786    height: 4.4rem;
2787    padding: 0;
2788    flex-shrink: 0;
2789    display: flex;
2790    justify-content: center;
2791    align-items: center;
2792    position: relative;
2793    right: var(--inputs-border-width); }
2794  .theme_version_2 .share-button__fallback button:hover {
2795    color: rgba(0, 1, 0, ); }
2796  .theme_version_2 .share-button__fallback button:hover svg {
2797    transform: scale(1.07); }
2798  .theme_version_2 .share-button__close:not(.hidden) + .share-button__copy {
2799    display: none; }
2800  .theme_version_2 .share-button__close, .theme_version_2 .share-button__copy {
2801    background-color: transparent;
2802    color: #000; }
2803  .theme_version_2 .share-button__copy:focus-visible, .theme_version_2 .share-button__close:focus-visible {
2804    background-color: #000;
2805    z-index: 2; }
2806  .theme_version_2 .share-button__copy:focus, .theme_version_2 .share-button__close:focus {
2807    background-color: #000;
2808    z-index: 2; }
2809  .theme_version_2 .field:not(:focus-visible):not(.focused) + .share-button__copy:not(:focus-visible):not(.focused), .theme_version_2 .field:not(:focus-visible):not(.focused) + .share-button__close:not(:focus-visible):not(.focused) {
2810    background-color: inherit; }
2811  .theme_version_2 .share-button__fallback .field:after, .theme_version_2 .share-button__fallback .field:before {
2812    content: none; }
2813  .theme_version_2 .share-button__fallback .field {
2814    border-radius: 0;
2815    min-width: auto;
2816    min-height: auto;
2817    transition: none; }
2818  .theme_version_2 .share-button__fallback .field__input:focus, .theme_version_2 .share-button__fallback .field__input:-webkit-autofill {
2819    outline: 0.2rem solid rgba(0, 1, 0, );
2820    outline-offset: 0.1rem;
2821    box-shadow: 0 0 0 0.1rem #000, 0 0 0.5rem 0.4rem rgba(0, 0, 0, ); }
2822  .theme_version_2 .share-button__fallback .field__input {
2823    box-shadow: none;
2824    text-overflow: ellipsis;
2825    white-space: nowrap;
2826    overflow: hidden;
2827    filter: none;
2828    min-width: auto;
2829    min-height: auto; }
2830  .theme_version_2 .share-button__fallback .field__input:hover {
2831    box-shadow: none; }
2832  .theme_version_2 .share-button__fallback .icon {
2833    width: 1.5rem;
2834    height: 1.5rem; }
2835  .theme_version_2 .share-button__message:not(:empty) {
2836    display: flex;
2837    align-items: center;
2838    width: 100%;
2839    height: 100%;
2840    margin-top: 0;
2841    padding: 0.8rem 0 0.8rem 1.5rem;
2842    margin: var(--inputs-border-width); }
2843  .theme_version_2 .share-button__message:not(:empty):not(.hidden) ~ * {
2844    display: none;
2845    /* component-form */ }
2846  .theme_version_2 .field__input, .theme_version_2 .select__select, .theme_version_2 .customer .field input, .theme_version_2 .customer select {
2847    -webkit-appearance: none;
2848    appearance: none;
2849    background-color: #000;
2850    color: #000;
2851    font-family: var(--font-body-family);
2852    font-style: var(--font-body-style);
2853    font-weight: var(--font-body-weight);
2854    font-size: 1.6rem;
2855    width: 100%;
2856    box-sizing: border-box;
2857    transition: box-shadow var(--duration-short) ease;
2858    border-radius: var(--inputs-radius);
2859    height: 4.5rem;
2860    min-height: calc(var(--inputs-border-width) * 2);
2861    min-width: calc(7rem + (var(--inputs-border-width) * 2));
2862    position: relative;
2863    border: 0; }
2864  .theme_version_2 .field:before, .theme_version_2 .select:before, .theme_version_2 .customer .field:before, .theme_version_2 .customer select:before, .theme_version_2 .localization-form__select:before {
2865    pointer-events: none;
2866    content: '';
2867    position: absolute;
2868    top: 0;
2869    right: 0;
2870    bottom: 0;
2871    left: 0;
2872    border-radius: var(--inputs-radius-outset);
2873    box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(0, 0, 0, );
2874    z-index: -1; }
2875  .theme_version_2 .field:after, .theme_version_2 .select:after, .theme_version_2 .customer .field:after, .theme_version_2 .customer select:after, .theme_version_2 .localization-form__select:after {
2876    pointer-events: none;
2877    content: '';
2878    position: absolute;
2879    top: var(--inputs-border-width);
2880    right: var(--inputs-border-width);
2881    bottom: var(--inputs-border-width);
2882    left: var(--inputs-border-width);
2883    border: 0.1rem solid transparent;
2884    border-radius: var(--inputs-radius);
2885    box-shadow: 0 0 0 var(--inputs-border-width) rgba(0, 0, 0, );
2886    transition: box-shadow var(--duration-short) ease;
2887    z-index: 1; }
2888  .theme_version_2 .select__select {
2889    font-family: var(--font-body-family);
2890    font-style: var(--font-body-style);
2891    font-weight: var(--font-body-weight);
2892    font-size: 1.2rem;
2893    color: rgba(0, 1, 0, ); }
2894  .theme_version_2 .field:hover.field:after, .theme_version_2 .select:hover.select:after, .theme_version_2 .select__select:hover.select__select:after, .theme_version_2 .customer .field:hover.field:after, .theme_version_2 .customer select:hover.select:after, .theme_version_2 .localization-form__select:hover.localization-form__select:after {
2895    box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(0, 0, 0, );
2896    outline: 0;
2897    border-radius: var(--inputs-radius); }
2898  .theme_version_2 .field__input:focus-visible, .theme_version_2 .select__select:focus-visible, .theme_version_2 .customer .field input:focus-visible, .theme_version_2 .customer select:focus-visible, .theme_version_2 .localization-form__select:focus-visible.localization-form__select:after {
2899    box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(0, 0, 0, );
2900    outline: 0;
2901    border-radius: var(--inputs-radius); }
2902  .theme_version_2 .field__input:focus, .theme_version_2 .select__select:focus, .theme_version_2 .customer .field input:focus, .theme_version_2 .customer select:focus, .theme_version_2 .localization-form__select:focus.localization-form__select:after {
2903    box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(0, 0, 0, );
2904    outline: 0;
2905    border-radius: var(--inputs-radius); }
2906  .theme_version_2 .localization-form__select:focus {
2907    outline: 0;
2908    box-shadow: none; }
2909  .theme_version_2 .text-area, .theme_version_2 .select {
2910    display: flex;
2911    position: relative;
2912    width: 100%;
2913    /* Select */ }
2914  .theme_version_2 .select .icon-caret, .theme_version_2 .customer select + svg {
2915    height: 0.6rem;
2916    pointer-events: none;
2917    position: absolute;
2918    top: calc(50% - 0.2rem);
2919    right: calc(var(--inputs-border-width) + 1.5rem); }
2920  .theme_version_2 .select__select, .theme_version_2 .customer select {
2921    cursor: pointer;
2922    line-height: calc(1 + 0.6 / var(--font-body-scale));
2923    padding: 0 calc(var(--inputs-border-width) + 3rem) 0 2rem;
2924    margin: var(--inputs-border-width);
2925    min-height: calc(var(--inputs-border-width) * 2);
2926    /* Field */ }
2927  .theme_version_2 .field {
2928    position: relative;
2929    width: 100%;
2930    display: flex;
2931    transition: box-shadow var(--duration-short) ease; }
2932  .theme_version_2 .customer .field {
2933    display: flex; }
2934  .theme_version_2 .field--with-error {
2935    flex-wrap: wrap; }
2936  .theme_version_2 .field__input, .theme_version_2 .customer .field input {
2937    flex-grow: 1;
2938    text-align: left;
2939    padding: 1.5rem;
2940    margin: var(--inputs-border-width);
2941    transition: box-shadow var(--duration-short) ease; }
2942  .theme_version_2 .field__label, .theme_version_2 .customer .field label {
2943    font-size: 1.6rem;
2944    left: calc(var(--inputs-border-width) + 2rem);
2945    top: calc(1rem + var(--inputs-border-width));
2946    margin-bottom: 0;
2947    pointer-events: none;
2948    position: absolute;
2949    transition: top var(--duration-short) ease, font-size var(--duration-short) ease;
2950    color: rgba(0, 1, 0, );
2951    letter-spacing: 0.1rem;
2952    line-height: 1.5; }
2953  .theme_version_2 .field__input:focus ~ .field__label, .theme_version_2 .field__input:not(:placeholder-shown) ~ .field__label, .theme_version_2 .field__input:-webkit-autofill ~ .field__label, .theme_version_2 .customer .field input:focus ~ label, .theme_version_2 .customer .field input:not(:placeholder-shown) ~ label, .theme_version_2 .customer .field input:-webkit-autofill ~ label {
2954    font-size: 1rem;
2955    top: calc(var(--inputs-border-width) + 0.5rem);
2956    left: calc(var(--inputs-border-width) + 2rem);
2957    letter-spacing: 0.04rem; }
2958  .theme_version_2 .field__input:focus, .theme_version_2 .field__input:not(:placeholder-shown), .theme_version_2 .field__input:-webkit-autofill, .theme_version_2 .customer .field input:focus, .theme_version_2 .customer .field input:not(:placeholder-shown), .theme_version_2 .customer .field input:-webkit-autofill {
2959    padding: 2.2rem 1.5rem 0.8rem 2rem;
2960    margin: var(--inputs-border-width); }
2961  .theme_version_2 .field__input::-webkit-search-cancel-button, .theme_version_2 .customer .field input::-webkit-search-cancel-button {
2962    display: none; }
2963  .theme_version_2 .field__input::placeholder, .theme_version_2 .customer .field input::placeholder {
2964    opacity: 0; }
2965  .theme_version_2 .field__button {
2966    align-items: center;
2967    background-color: transparent;
2968    border: 0;
2969    color: currentColor;
2970    cursor: pointer;
2971    display: flex;
2972    height: 4.4rem;
2973    justify-content: center;
2974    overflow: hidden;
2975    padding: 0;
2976    position: absolute;
2977    right: 0;
2978    top: 0;
2979    width: 4.4rem; }
2980  .theme_version_2 .field__button > svg {
2981    height: 2.5rem;
2982    width: 2.5rem; }
2983  .theme_version_2 .field__input:-webkit-autofill ~ .field__button, .theme_version_2 .field__input:-webkit-autofill ~ .field__label, .theme_version_2 .customer .field input:-webkit-autofill ~ label {
2984    color: #000;
2985    /* Text area */ }
2986  .theme_version_2 .text-area {
2987    font-family: var(--font-body-family);
2988    font-style: var(--font-body-style);
2989    font-weight: var(--font-body-weight);
2990    min-height: 10rem;
2991    resize: none; }
2992  .theme_version_2 input[type='checkbox'] {
2993    display: inline-block;
2994    width: auto;
2995    margin-right: 0.5rem;
2996    /* Form global */ }
2997  .theme_version_2 .form__label {
2998    display: block;
2999    margin-bottom: 0.6rem; }
3000  .theme_version_2 .form__message {
3001    align-items: center;
3002    display: flex;
3003    font-size: 1.4rem;
3004    line-height: 1;
3005    margin-top: 1rem; }
3006  .theme_version_2 .form__message--large {
3007    font-size: 1.6rem; }
3008  .theme_version_2 .customer .field .form__message {
3009    font-size: 1.4rem;
3010    text-align: left; }
3011  .theme_version_2 .form__message .icon, .theme_version_2 .customer .form__message svg {
3012    flex-shrink: 0;
3013    height: 1.3rem;
3014    margin-right: 0.5rem;
3015    width: 1.3rem; }
3016  .theme_version_2 .form__message--large .icon, .theme_version_2 .customer .form__message svg {
3017    height: 1.5rem;
3018    width: 1.5rem;
3019    margin-right: 1rem; }
3020  .theme_version_2 .customer .field .form__message svg {
3021    align-self: start; }
3022  .theme_version_2 .form-status {
3023    margin: 0;
3024    font-size: 1.6rem; }
3025  .theme_version_2 .form-status-list {
3026    padding: 0;
3027    margin: 2rem 0 4rem; }
3028  .theme_version_2 .form-status-list li {
3029    list-style-position: inside; }
3030  .theme_version_2 .form-status-list .link::first-letter {
3031    text-transform: capitalize; }
3032  .theme_version_2 .ml-2, .theme_version_2 .mx-2 {
3033    margin-left: 0.5rem !important;
3034    /* component-quantity */ }
3035  .theme_version_2 .quantity:not(.align-self-center):not(input):not(.col-md-3):not(.align-items-center):not(.atCheckout) {
3036    color: rgba(0, 0, 0, );
3037    position: relative;
3038    width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
3039    display: flex;
3040    border-radius: var(--inputs-radius);
3041    min-height: calc((var(--inputs-border-width) * 2) + 4.5rem); }
3042  .theme_version_2 .finalPrice {
3043    font-size: 12px; }
3044  .theme_version_2 .quantity:not(.atCheckout):not(.align-self-center):not(input):after {
3045    pointer-events: none;
3046    content: '';
3047    position: absolute;
3048    top: var(--inputs-border-width);
3049    right: var(--inputs-border-width);
3050    bottom: var(--inputs-border-width);
3051    left: var(--inputs-border-width);
3052    border: 0.1rem solid transparent;
3053    border-radius: var(--inputs-radius);
3054    box-shadow: 0 0 0 var(--inputs-border-width) rgba(0, 0, 0, );
3055    transition: box-shadow var(--duration-short) ease;
3056    z-index: 1; }
3057  .theme_version_2 .quantityOLD:before {
3058    background: #000;
3059    pointer-events: none;
3060    content: '';
3061    position: absolute;
3062    top: 0;
3063    right: 0;
3064    bottom: 0;
3065    left: 0;
3066    border-radius: var(--inputs-radius-outset);
3067    box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(0, 0, 0, );
3068    z-index: -1; }
3069  .theme_version_2 .quantity__input {
3070    color: currentColor;
3071    font-family: var(--font-body-family);
3072    font-style: var(--font-body-style);
3073    font-weight: var(--font-body-weight);
3074    font-size: 1.6rem;
3075    font-weight: 500;
3076    opacity: 0.85;
3077    text-align: center;
3078    background-color: transparent;
3079    border: 0;
3080    padding: 0 0.5rem;
3081    width: 100%;
3082    flex-grow: 1;
3083    -webkit-appearance: none;
3084    appearance: none; }
3085  .theme_version_2 .quantity__button {
3086    width: calc(4.5rem / var(--font-body-scale));
3087    flex-shrink: 0;
3088    font-size: 1.8rem;
3089    border: 0;
3090    background-color: transparent;
3091    cursor: pointer;
3092    display: flex;
3093    align-items: center;
3094    justify-content: center;
3095    color: #000;
3096    padding: 0; }
3097  .theme_version_2 .quantity__button:first-child {
3098    margin-left: calc(var(--inputs-border-width)); }
3099  .theme_version_2 .quantity__button:last-child {
3100    margin-right: calc(var(--inputs-border-width)); }
3101  .theme_version_2 .quantity__button svg {
3102    width: 1rem;
3103    pointer-events: none; }
3104  .theme_version_2 .quantity__button:focus-visible, .theme_version_2 .quantity__input:focus-visible {
3105    background-color: #000;
3106    z-index: 2; }
3107  .theme_version_2 .quantity__button:focus, .theme_version_2 .quantity__input:focus {
3108    background-color: #000;
3109    z-index: 2; }
3110  .theme_version_2 .quantity__button:not(:focus-visible):not(.focused), .theme_version_2 .quantity__input:not(:focus-visible):not(.focused) {
3111    box-shadow: inherit;
3112    background-color: inherit; }
3113  .theme_version_2 .quantity__input:-webkit-autofill, .theme_version_2 .quantity__input:-webkit-autofill:hover, .theme_version_2 .quantity__input:-webkit-autofill:active {
3114    box-shadow: 0 0 0 10rem #000 inset !important;
3115    -webkit-box-shadow: 0 0 0 10rem #000 inset !important; }
3116  .theme_version_2 .quantity__input::-webkit-outer-spin-button, .theme_version_2 .quantity__input::-webkit-inner-spin-button {
3117    -webkit-appearance: none;
3118    margin: 0; }
3119  .theme_version_2 .quantity__input[type='number'] {
3120    -moz-appearance: textfield; }
3121  .theme_version_2 .quantity__rules {
3122    margin-top: 0.5rem;
3123    position: relative;
3124    font-size: 1.2rem; }
3125  .theme_version_2 .quantity__rules .caption {
3126    display: inline-block;
3127    margin-top: 0;
3128    margin-bottom: 0; }
3129  .theme_version_2 .quantity__rules .divider + .divider::before {
3130    content: '\2022';
3131    margin: 0 0.5rem; }
3132  .theme_version_2 .quantity__rules-cart {
3133    position: relative; }
3134  .theme_version_2 product-info .loading__spinner:not(.hidden) ~ *, .theme_version_2 .quantity__rules-cart .loading__spinner:not(.hidden) ~ * {
3135    visibility: hidden;
3136    /* component-modal */ }
3137  .theme_version_2 .modal__toggle {
3138    list-style-type: none; }
3139  .theme_version_2 .no-js details[open] .modal__toggle {
3140    position: absolute;
3141    z-index: 5; }
3142  .theme_version_2 .modal__toggle-close {
3143    display: none; }
3144  .theme_version_2 .no-js details[open] svg.modal__toggle-close {
3145    display: flex;
3146    z-index: 1;
3147    height: 1.7rem;
3148    width: 1.7rem; }
3149  .theme_version_2 .modal__toggle-open {
3150    display: flex; }
3151  .theme_version_2 .no-js details[open] .modal__toggle-open {
3152    display: none; }
3153  .theme_version_2 .no-js .modal__close-button.link {
3154    display: none; }
3155  .theme_version_2 .modal__close-button.link {
3156    display: flex;
3157    justify-content: center;
3158    align-items: center;
3159    padding: 0rem;
3160    height: 4.4rem;
3161    width: 4.4rem;
3162    background-color: transparent; }
3163  .theme_version_2 .modal__close-button .icon {
3164    width: 1.7rem;
3165    height: 1.7rem; }
3166  .theme_version_2 .modal__content {
3167    position: absolute;
3168    top: 0;
3169    left: 0;
3170    right: 0;
3171    bottom: 0;
3172    background: #000;
3173    z-index: 4;
3174    display: flex;
3175    justify-content: center;
3176    align-items: center; }
3177  .theme_version_2 .media-modal {
3178    cursor: zoom-out; }
3179  .theme_version_2 .media-modal .deferred-media {
3180    cursor: initial;
3181    /* component-cart-count-bubble */ }
3182  .theme_version_2 .cart-count-bubble:empty {
3183    display: none; }
3184  .theme_version_2 .cart-count-bubble {
3185    position: absolute;
3186    background-color: #000;
3187    color: #000;
3188    height: 1.7rem;
3189    width: 1.7rem;
3190    border-radius: 100%;
3191    display: flex;
3192    justify-content: center;
3193    align-items: center;
3194    font-size: 0.9rem;
3195    bottom: 0.8rem;
3196    left: 2.2rem;
3197    line-height: calc(1 + 0.1 / var(--font-body-scale));
3198    /* utility-bar */ }
3199  .theme_version_2 .utility-bar {
3200    height: 100%; }
3201  .theme_version_2 .utility-bar--bottom-border {
3202    border-bottom: 0.1rem solid rgba(0, 0, 0, ); }
3203  @media screen and (min-width: 990px) {
3204  .theme_version_2 .utility-bar--bottom-border-social-only {
3205    border-bottom: 0.1rem solid rgba(0, 0, 0, ); } }
3206  .theme_version_2 .utility-bar__grid {
3207    display: grid;
3208    grid-template-columns: 1fr;
3209    grid-template-areas: 'announcements'; }
3210  .theme_version_2 .utility-bar__grid .list-social {
3211    justify-content: flex-start;
3212    align-content: center;
3213    margin-left: -1.2rem;
3214    grid-area: social-icons; }
3215  @media screen and (max-width: 989px) {
3216  .theme_version_2 .utility-bar .utility-bar__grid .list-social {
3217    display: none; } }
3218  .theme_version_2 .utility-bar .list-social__item .icon {
3219    scale: 0.9; }
3220  @media screen and (min-width: 990px) {
3221  .theme_version_2 .utility-bar__grid--3-col {
3222    grid-template-columns: 3fr 4fr 3fr;
3223    grid-template-areas: 'social-icons announcements language-currency'; }
3224  .theme_version_2 .utility-bar__grid--2-col {
3225    grid-template-columns: 1fr 1fr;
3226    grid-template-areas: 'social-icons language-currency'; }
3227  .theme_version_2 .announcement-bar.announcement-bar--one-announcement, .theme_version_2 .announcement-bar--one-announcement .announcement-bar__link {
3228    width: fit-content;
3229    margin: auto; } }
3230  .theme_version_2 .announcement-bar, .theme_version_2 .announcement-bar__announcement {
3231    color: #000;
3232    width: 100%;
3233    height: 100%;
3234    display: flex;
3235    justify-content: center;
3236    flex-wrap: wrap;
3237    align-content: center;
3238    grid-area: announcements; }
3239  .theme_version_2 .announcement-bar .slider--everywhere {
3240    margin-bottom: 0;
3241    scroll-behavior: auto; }
3242  .theme_version_2 .utility-bar__grid .announcement-bar-slider {
3243    width: 100%; }
3244  .theme_version_2 .utility-bar__grid .announcement-bar-slider {
3245    width: 100%; }
3246  .theme_version_2 .announcement-bar-slider, .theme_version_2 .announcement-bar-slider .slider {
3247    width: 100%; }
3248  .theme_version_2 .announcement-bar .slider-button--next {
3249    margin-right: -1.5rem;
3250    min-width: 44px; }
3251  .theme_version_2 .announcement-bar .slider-button--prev {
3252    margin-left: -1.5rem;
3253    min-width: 44px; }
3254  .theme_version_2 .announcement-bar .slider-button--next:focus-visible, .theme_version_2 .announcement-bar .slider-button--prev:focus-visible, .theme_version_2 .utility-bar .list-social__link:focus-visible {
3255    outline-offset: -0.3rem;
3256    box-shadow: 0 0 0 -0.2rem #000; }
3257  .theme_version_2 .localization-wrapper {
3258    grid-area: language-currency;
3259    align-self: center;
3260    display: flex;
3261    justify-content: flex-end; }
3262  .theme_version_2 .localization-wrapper .localization-selector + .disclosure__list-wrapper {
3263    animation: animateMenuOpen var(--duration-default) ease; }
3264  .theme_version_2 .utility-bar .localization-wrapper .disclosure .localization-form__select, .theme_version_2 .utility-bar .localization-wrapper .disclosure__link {
3265    font-size: calc(var(--font-heading-scale) * 1.3rem); }
3266  @media screen and (min-width: 990px) {
3267  .theme_version_2 body:has(.section-header .header:not(.drawer-menu)) .utility-bar .page-width {
3268    padding-left: 5rem;
3269    padding-right: 5rem; }
3270  .theme_version_2 .announcement-bar-slider {
3271    width: 60%; }
3272  .theme_version_2 .announcement-bar .slider-button {
3273    height: 3.8rem; } }
3274  .theme_version_2 .announcement-bar__link {
3275    display: flex;
3276    width: 100%;
3277    text-decoration: none;
3278    height: 100%;
3279    justify-content: center;
3280    align-items: center; }
3281  .theme_version_2 .announcement-bar__link:hover {
3282    text-decoration: underline; }
3283  .theme_version_2 .announcement-bar__link .icon-arrow {
3284    display: inline-block;
3285    pointer-events: none;
3286    margin-left: 0.8rem;
3287    vertical-align: middle;
3288    margin-bottom: 0.2rem; }
3289  .theme_version_2 .announcement-bar__message {
3290    text-align: center;
3291    padding: 1rem 0;
3292    margin: 0;
3293    letter-spacing: 0.1rem;
3294    min-height: 3.8rem; }
3295  .theme_version_2 .announcement-bar-slider--fade-in-next .announcement-bar__message, .theme_version_2 .announcement-bar-slider--fade-in-previous .announcement-bar__message, .theme_version_2 .announcement-bar-slider--fade-out-next .announcement-bar__message, .theme_version_2 .announcement-bar-slider--fade-out-previous .announcement-bar__message {
3296    animation-duration: var(--duration-announcement-bar);
3297    animation-timing-function: ease-in-out;
3298    animation-fill-mode: forwards; }
3299  .theme_version_2 .announcement-bar-slider--fade-in-next .announcement-bar__message {
3300    /* Prevent flicker */
3301    --announcement-translate-from: -1.5rem;
3302    opacity: 0;
3303    animation-name: translateAnnouncementSlideIn;
3304    animation-delay: var(--duration-announcement-bar); }
3305  .theme_version_2 .announcement-bar-slider--fade-in-previous .announcement-bar__message {
3306    /* Prevent flicker */
3307    --announcement-translate-from: 1.5rem;
3308    opacity: 0;
3309    animation-name: translateAnnouncementSlideIn;
3310    animation-delay: var(--duration-announcement-bar); }
3311  .theme_version_2 .announcement-bar-slider--fade-out-next .announcement-bar__message {
3312    --announcement-translate-to: 1.5rem;
3313    animation-name: translateAnnouncementSlideOut; }
3314  .theme_version_2 .announcement-bar-slider--fade-out-previous .announcement-bar__message {
3315    --announcement-translate-to: -1.5rem;
3316    animation-name: translateAnnouncementSlideOut; }
3317  @keyframes translateAnnouncementSlideIn {
3318  .theme_version_2 0% {
3319    opacity: 0;
3320    transform: translateX(var(--announcement-translate-from)); }
3321  .theme_version_2 100% {
3322    opacity: 1;
3323    transform: translateX(0); } }
3324  @keyframes translateAnnouncementSlideOut {
3325    /* section-header */
3326  .theme_version_2 0% {
3327    opacity: 1;
3328    transform: translateX(0); }
3329  .theme_version_2 100% {
3330    opacity: 0;
3331    transform: translateX(var(--announcement-translate-to)); } }
3332  .theme_version_2 .section-header.shopify-section-group-header-group {
3333    z-index: 3; }
3334  .theme_version_2 .shopify-section-header-sticky {
3335    position: sticky;
3336    top: 0; }
3337  .theme_version_2 .shopify-section-header-hidden {
3338    top: calc(-1 * var(--header-height)); }
3339  .theme_version_2 .shopify-section-header-hidden.menu-open {
3340    top: 0; }
3341  .theme_version_2 .section-header.animate {
3342    transition: top 0.15s ease-out; }
3343  .theme_version_2 .shopify-section-group-header-group {
3344    z-index: 4; }
3345  .theme_version_2 .section-header ~ .shopify-section-group-header-group {
3346    z-index: initial;
3347    /* Main Header Layout */ }
3348  .theme_version_2 .header-wrapper {
3349    display: block;
3350    position: relative;
3351    background-color: #000; }
3352  .theme_version_2 .header-wrapper--border-bottom {
3353    border-bottom: 0.1rem solid rgba(0, 0, 0, ); }
3354  .theme_version_2 nav.header, .theme_version_2 header.header {
3355    display: grid;
3356    grid-template-areas: 'left-icons heading icons';
3357    grid-template-columns: 1fr 2fr 1fr;
3358    align-items: center; }
3359  @media screen and (max-width: 749px) {
3360  .theme_version_2 .header--has-app {
3361    grid-template-columns: auto 1fr auto; } }
3362  @media screen and (min-width: 990px) {
3363  .theme_version_2 .header {
3364    grid-template-columns: 1fr auto 1fr; }
3365  .theme_version_2 .header--top-left, .theme_version_2 .header--middle-left:not(.header--has-menu) {
3366    grid-template-areas: 'heading icons' 'navigation navigation';
3367    grid-template-columns: 1fr auto; }
3368  .theme_version_2 .header--top-left.drawer-menu, .theme_version_2 .header--middle-left.drawer-menu {
3369    grid-template-areas: 'navigation heading icons';
3370    grid-template-columns: auto 1fr auto;
3371    column-gap: 1rem; }
3372  .theme_version_2 .header--middle-left {
3373    grid-template-areas: 'heading navigation icons';
3374    grid-template-columns: auto auto 1fr;
3375    column-gap: 2rem; }
3376  .theme_version_2 .header--middle-center:not(.drawer-menu) {
3377    grid-template-areas: 'navigation heading icons';
3378    grid-template-columns: 1fr auto 1fr;
3379    column-gap: 2rem; }
3380  .theme_version_2 .header--middle-center a.header__heading-link {
3381    text-align: center; }
3382  .theme_version_2 .header--top-center {
3383    grid-template-areas: 'left-icons heading icons' 'navigation navigation navigation'; }
3384  .theme_version_2 .header--top-center.drawer-menu {
3385    grid-template-areas: 'left-icons heading icons';
3386    grid-template-columns: 1fr auto 1fr; }
3387  .theme_version_2 .header:not(.header--middle-left, .header--middle-center) .header__inline-menu {
3388    margin-top: 1.05rem; } }
3389  .theme_version_2 .header *[tabindex='-1']:focus {
3390    outline: none; }
3391  .theme_version_2 .header__heading {
3392    margin: 0;
3393    line-height: 0; }
3394  .theme_version_2 .header > .header__heading-link {
3395    line-height: 0; }
3396  .theme_version_2 .header__heading, .theme_version_2 .header__heading-link {
3397    grid-area: heading;
3398    justify-self: center; }
3399  .theme_version_2 .header__heading-link {
3400    display: inline-block;
3401    padding: 0.75rem;
3402    text-decoration: none;
3403    word-break: break-word; }
3404  .theme_version_2 .header__heading-link:hover .h2 {
3405    color: #000; }
3406  .theme_version_2 .header__heading-link .h2 {
3407    line-height: 1;
3408    color: rgba(0, 1, 0, ); }
3409  .theme_version_2 .header__heading-logo {
3410    height: auto;
3411    max-width: 100%; }
3412  .theme_version_2 .header__heading-logo-wrapper {
3413    width: 100%;
3414    display: inline-block;
3415    transition: width 0.3s cubic-bezier(0.52, 0, 0.61, 0.99); }
3416  @media screen and (max-width: 989px) {
3417  .theme_version_2 .header__heading, .theme_version_2 .header__heading-link {
3418    text-align: center; }
3419  .theme_version_2 .header--mobile-left .header__heading, .theme_version_2 .header--mobile-left .header__heading-link {
3420    text-align: left;
3421    justify-self: start; }
3422  .theme_version_2 .header--mobile-left {
3423    grid-template-columns: auto 2fr 1fr; } }
3424  @media screen and (min-width: 990px) {
3425  .theme_version_2 {
3426    /* Header icons */ }
3427    .theme_version_2 .header--middle-left .header__heading-link, .theme_version_2 .header--top-left .header__heading-link {
3428      margin-left: -0.75rem; }
3429
3430    .theme_version_2 .header__heading, .theme_version_2 .header__heading-link {
3431      justify-self: start; }
3432
3433    .theme_version_2 .header--middle-center .header__heading-link, .theme_version_2 .header--middle-center .header__heading {
3434      justify-self: center;
3435      text-align: center; }
3436
3437    .theme_version_2 .header--top-center .header__heading-link, .theme_version_2 .header--top-center .header__heading {
3438      justify-self: center;
3439      text-align: center; } }
3440  .theme_version_2 .header__icons {
3441    display: flex;
3442    grid-area: icons;
3443    justify-self: end;
3444    padding-right: 0.8rem; }
3445  .theme_version_2 .header__icons .shopify-app-block {
3446    max-width: 4.4rem;
3447    max-height: 4.4rem;
3448    overflow: hidden; }
3449  .theme_version_2 .header__icon:not(.header__icon--summary), .theme_version_2 .header__icon span {
3450    display: flex;
3451    align-items: center;
3452    justify-content: center; }
3453  .theme_version_2 .header__icon {
3454    color: #000; }
3455  .theme_version_2 .header__icon span {
3456    height: 100%; }
3457  .theme_version_2 .header__icon::after {
3458    content: none; }
3459  .theme_version_2 .header__icon:hover .icon, .theme_version_2 .modal__close-button:hover .icon {
3460    transform: scale(1.07); }
3461  .theme_version_2 .header__icon .icon {
3462    height: 2rem;
3463    width: 2rem;
3464    fill: none;
3465    vertical-align: middle; }
3466  .theme_version_2 .header__icon, .theme_version_2 .header__icon--cart .icon {
3467    height: 4.4rem;
3468    width: 4.4rem;
3469    padding: 0; }
3470  .theme_version_2 .header__icon--cart {
3471    position: relative;
3472    margin-right: -1.2rem; }
3473  .theme_version_2 .header__icon--menu[aria-expanded='true']::before {
3474    content: '';
3475    top: 100%;
3476    left: 0;
3477    height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
3478    width: 100%;
3479    display: block;
3480    position: absolute;
3481    background: rgba(0, 1, 0, );
3482    /* Search */ }
3483  .theme_version_2 menu-drawer + .header__search {
3484    display: none; }
3485  .theme_version_2 .header > .header__search {
3486    grid-area: left-icons;
3487    justify-self: start; }
3488  .theme_version_2 .header--top-center.drawer-menu > .header__search {
3489    margin-left: 3.2rem; }
3490  .theme_version_2 .header--top-center header-drawer {
3491    grid-area: left-icons; }
3492  .theme_version_2 .header:not(.header--has-menu) * > .header__search {
3493    display: none; }
3494  .theme_version_2 .header__search {
3495    display: inline-flex;
3496    line-height: 0; }
3497  .theme_version_2 .header--top-center > .header__search {
3498    display: none; }
3499  .theme_version_2 .header--top-center * > .header__search {
3500    display: inline-flex; }
3501  @media screen and (min-width: 990px) {
3502  .theme_version_2 .header:not(.header--top-center) * > .header__search, .theme_version_2 .header--top-center > .header__search {
3503    display: inline-flex; }
3504  .theme_version_2 .header:not(.header--top-center) > .header__search, .theme_version_2 .header--top-center * > .header__search {
3505    display: none; } }
3506  .theme_version_2 .no-js .predictive-search {
3507    display: none; }
3508  .theme_version_2 details[open] > .search-modal {
3509    opacity: 1;
3510    animation: animateMenuOpen var(--duration-default) ease; }
3511  .theme_version_2 details[open] .modal-overlay {
3512    display: block; }
3513  .theme_version_2 details[open] .modal-overlay::after {
3514    position: absolute;
3515    content: '';
3516    background-color: #000100;
3517    top: 100%;
3518    left: 0;
3519    right: 0;
3520    height: 100vh; }
3521  .theme_version_2 .no-js details[open] > .header__icon--search {
3522    top: 1rem;
3523    right: 0.5rem; }
3524  .theme_version_2 .search-modal {
3525    opacity: 0;
3526    border-bottom: 0.1rem solid rgba(0, 0, 0, );
3527    min-height: calc(100% + var(--inputs-margin-offset) + (2 * var(--inputs-border-width)));
3528    height: 100%; }
3529  .theme_version_2 .search-modal__content {
3530    display: flex;
3531    align-items: center;
3532    justify-content: center;
3533    width: 100%;
3534    height: 100%;
3535    padding: 0 5rem 0 1rem;
3536    line-height: calc(1 + 0.8 / var(--font-body-scale));
3537    position: relative; }
3538  .theme_version_2 .search-modal__content-bottom {
3539    bottom: calc((var(--inputs-margin-offset) / 2)); }
3540  .theme_version_2 .search-modal__content-top {
3541    top: calc((var(--inputs-margin-offset) / 2)); }
3542  .theme_version_2 .search-modal__form {
3543    width: 100%; }
3544  .theme_version_2 .search-modal__close-button {
3545    position: absolute;
3546    right: 0.3rem; }
3547  @media screen and (min-width: 750px) {
3548  .theme_version_2 .search-modal__close-button {
3549    right: 1rem; }
3550  .theme_version_2 .search-modal__content {
3551    padding: 0 6rem; } }
3552  @media screen and (min-width: 990px) {
3553  .theme_version_2 {
3554    /* Header menu drawer */ }
3555    .theme_version_2 .search-modal__form {
3556      max-width: 74.2rem; }
3557
3558    .theme_version_2 .search-modal__close-button {
3559      position: initial;
3560      margin-left: 0.5rem; } }
3561  .theme_version_2 .header__icon--menu .icon {
3562    display: block;
3563    position: absolute;
3564    opacity: 1;
3565    transform: scale(1);
3566    transition: transform 150ms ease, opacity 150ms ease; }
3567  .theme_version_2 details:not([open]) > .header__icon--menu .icon-close, .theme_version_2 details[open] > .header__icon--menu .icon-hamburger {
3568    visibility: hidden;
3569    opacity: 0;
3570    transform: scale(0.8); }
3571  .theme_version_2 .js details[open]:not(.menu-opening) > .header__icon--menu .icon-close {
3572    visibility: hidden; }
3573  .theme_version_2 .js details[open]:not(.menu-opening) > .header__icon--menu .icon-hamburger {
3574    visibility: visible;
3575    opacity: 1;
3576    transform: scale(1.07); }
3577  .theme_version_2 .js details > .header__submenu {
3578    opacity: 0;
3579    transform: translateY(-1.5rem); }
3580  .theme_version_2 details[open] > .header__submenu {
3581    animation: animateMenuOpen var(--duration-default) ease;
3582    animation-fill-mode: forwards;
3583    z-index: 1; }
3584  @media (prefers-reduced-motion) {
3585  .theme_version_2 {
3586    /* Header menu */ }
3587    .theme_version_2 details[open] > .header__submenu {
3588      opacity: 1;
3589      transform: translateY(0); } }
3590  .theme_version_2 .header__inline-menu {
3591    margin-left: -1.2rem;
3592    grid-area: navigation;
3593    display: none; }
3594  .theme_version_2 .header--top-center .header__inline-menu, .theme_version_2 .header--top-center .header__heading-link {
3595    margin-left: 0; }
3596  @media screen and (min-width: 990px) {
3597  .theme_version_2 .header__inline-menu {
3598    display: block; }
3599  .theme_version_2 .header--top-center .header__inline-menu {
3600    justify-self: center; }
3601  .theme_version_2 .header--top-center .header__inline-menu > .list-menu--inline {
3602    justify-content: center; }
3603  .theme_version_2 .header--middle-left .header__inline-menu {
3604    margin-left: 0; } }
3605  .theme_version_2 .header__menu {
3606    padding: 0 1rem; }
3607  .theme_version_2 .header__menu-item {
3608    padding: 1.2rem;
3609    text-decoration: none;
3610    color: rgba(0, 1, 0, ); }
3611  .theme_version_2 .header__menu-item:hover {
3612    color: #000; }
3613  .theme_version_2 .header__menu-item span {
3614    transition: text-decoration var(--duration-short) ease; }
3615  .theme_version_2 .header__menu-item:hover span {
3616    text-decoration: underline;
3617    text-underline-offset: 0.3rem; }
3618  .theme_version_2 details[open] > .header__menu-item {
3619    text-decoration: underline; }
3620  .theme_version_2 details[open]:hover > .header__menu-item {
3621    text-decoration-thickness: 0.2rem; }
3622  .theme_version_2 details[open] > .header__menu-item .icon-caret {
3623    transform: rotate(180deg); }
3624  .theme_version_2 .header__active-menu-item {
3625    transition: text-decoration-thickness var(--duration-short) ease;
3626    color: #000;
3627    text-decoration: underline;
3628    text-underline-offset: 0.3rem; }
3629  .theme_version_2 .header__menu-item:hover .header__active-menu-item {
3630    text-decoration-thickness: 0.2rem; }
3631  .theme_version_2 .header__submenu {
3632    transition: opacity var(--duration-default) ease, transform var(--duration-default) ease; }
3633  .theme_version_2 .global-settings-popup, .theme_version_2 .header__submenu.global-settings-popup {
3634    border-radius: var(--popup-corner-radius);
3635    border-color: rgba(0, 0, 0, );
3636    border-style: solid;
3637    border-width: var(--popup-border-width);
3638    box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(0, 0, 0, );
3639    z-index: -1; }
3640  .theme_version_2 .header__submenu.list-menu {
3641    padding: 1rem 0; }
3642  .theme_version_2 .header__submenu .header__submenu {
3643    background-color: rgba(0, 0, 0, );
3644    padding: 1rem 0;
3645    margin: 1rem 0; }
3646  .theme_version_2 .header__submenu .header__menu-item:after {
3647    right: 2rem; }
3648  .theme_version_2 .header__submenu .header__menu-item {
3649    justify-content: space-between;
3650    padding: 0.8rem 2rem; }
3651  .theme_version_2 .header__submenu .header__menu-item:hover {
3652    text-decoration-line: underline; }
3653  .theme_version_2 .header__menu-item .icon-caret {
3654    right: 0.8rem; }
3655  .theme_version_2 .header__submenu .icon-caret {
3656    flex-shrink: 0;
3657    margin-left: 1rem;
3658    position: static; }
3659  .theme_version_2 header-menu > details, .theme_version_2 details-disclosure > details {
3660    position: relative; }
3661  @keyframes animateMenuOpen {
3662  .theme_version_2 0% {
3663    opacity: 0;
3664    transform: translateY(-1.5rem); }
3665  .theme_version_2 100% {
3666    opacity: 1;
3667    transform: translateY(0); } }
3668  .theme_version_2 .overflow-hidden-mobile, .theme_version_2 .overflow-hidden-tablet, .theme_version_2 .overflow-hidden-desktop {
3669    overflow: hidden; }
3670  @media screen and (min-width: 750px) {
3671  .theme_version_2 .overflow-hidden-mobile {
3672    overflow: auto; } }
3673  @media screen and (min-width: 990px) {
3674  .theme_version_2 .overflow-hidden-tablet {
3675    overflow: auto; } }
3676  .theme_version_2 .gradientOLD {
3677    background: #000;
3678    background: var(--gradient-background);
3679    background-attachment: fixed; }
3680  @media screen and (forced-colors: active) {
3681  .theme_version_2 .icon {
3682    color: CanvasText;
3683    fill: CanvasText !important; }
3684  .theme_version_2 .icon-close-small path {
3685    stroke: CanvasText; } }
3686  .theme_version_2 .ratio {
3687    display: flex;
3688    position: relative;
3689    align-items: stretch; }
3690  .theme_version_2 .ratio::before {
3691    content: '';
3692    width: 0;
3693    height: 0;
3694    padding-bottom: var(--ratio-percent); }
3695  .theme_version_2 .content-container {
3696    border-radius: var(--text-boxes-radius);
3697    border: var(--text-boxes-border-width) solid rgba(0, 0, 0, );
3698    position: relative; }
3699  .theme_version_2 .content-container:after {
3700    content: '';
3701    position: absolute;
3702    top: calc(var(--text-boxes-border-width) * -1);
3703    right: calc(var(--text-boxes-border-width) * -1);
3704    bottom: calc(var(--text-boxes-border-width) * -1);
3705    left: calc(var(--text-boxes-border-width) * -1);
3706    border-radius: var(--text-boxes-radius);
3707    box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(0, 0, 0, );
3708    z-index: -1; }
3709  .theme_version_2 .content-container--full-width:after {
3710    left: 0;
3711    right: 0;
3712    border-radius: 0; }
3713  @media screen and (max-width: 749px) {
3714  .theme_version_2 .content-container--full-width-mobile {
3715    border-left: none;
3716    border-right: none;
3717    border-radius: 0; }
3718  .theme_version_2 .content-container--full-width-mobile:after {
3719    display: none; } }
3720  .theme_version_2 .global-media-settings {
3721    position: relative;
3722    border: var(--media-border-width) solid rgba(0, 0, 0, );
3723    border-radius: var(--media-radius);
3724    overflow: visible !important;
3725    background-color: #000; }
3726  .theme_version_2 .global-media-settings:after {
3727    content: '';
3728    position: absolute;
3729    top: calc(var(--media-border-width) * -1);
3730    right: calc(var(--media-border-width) * -1);
3731    bottom: calc(var(--media-border-width) * -1);
3732    left: calc(var(--media-border-width) * -1);
3733    border-radius: var(--media-radius);
3734    box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(0, 0, 0, );
3735    z-index: -1;
3736    pointer-events: none; }
3737  .theme_version_2 .global-media-settings--no-shadow {
3738    overflow: hidden !important; }
3739  .theme_version_2 .global-media-settings--no-shadow:after {
3740    content: none; }
3741  .theme_version_2 .global-media-settings img, .theme_version_2 .global-media-settings iframe, .theme_version_2 .global-media-settings model-viewer, .theme_version_2 .global-media-settings video, .theme_version_2 .global-media-settings .placeholder-svg {
3742    border-radius: calc(var(--media-radius) - var(--media-border-width)); }
3743  .theme_version_2 .content-container--full-width, .theme_version_2 .global-media-settings--full-width, .theme_version_2 .global-media-settings--full-width img, .theme_version_2 .global-media-settings--full-width video, .theme_version_2 .global-media-settings--full-width iframe, .theme_version_2 .global-media-settings--full-width .placeholder-svg {
3744    border-radius: 0;
3745    border-left: none;
3746    border-right: none;
3747    /* check for flexbox gap in older Safari versions */ }
3748  @supports not (inset: 10px) {
3749  .theme_version_2 .grid {
3750    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing)); }
3751  .theme_version_2 .grid__item {
3752    padding-left: var(--grid-mobile-horizontal-spacing);
3753    padding-bottom: var(--grid-mobile-vertical-spacing); }
3754  @media screen and (min-width: 750px) {
3755    .theme_version_2 .grid {
3756      margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing)); }
3757
3758    .theme_version_2 .grid__item {
3759      padding-left: var(--grid-desktop-horizontal-spacing);
3760      padding-bottom: var(--grid-desktop-vertical-spacing); } }
3761  .theme_version_2 .grid--gapless .grid__item {
3762    padding-left: 0;
3763    padding-bottom: 0; }
3764  @media screen and (min-width: 749px) {
3765    .theme_version_2 .grid--peek .grid__item {
3766      padding-left: var(--grid-mobile-horizontal-spacing); } }
3767  .theme_version_2 .product-grid .grid__item {
3768    padding-bottom: var(--grid-mobile-vertical-spacing); }
3769  @media screen and (min-width: 750px) {
3770    .theme_version_2 .product-grid .grid__item {
3771      padding-bottom: var(--grid-desktop-vertical-spacing); } } }
3772  .theme_version_2 .font-body-bold {
3773    font-weight: var(--font-body-weight-bold);
3774    /* outline and border styling for Windows High Contrast Mode */ }
3775  @media (forced-colors: active) {
3776  .theme_version_2 .button, .theme_version_2 .shopify-challenge__button, .theme_version_2 .customer button {
3777    border: transparent solid 1px; }
3778  .theme_version_2 .button:focus-visible, .theme_version_2 .button:focus, .theme_version_2 .button.focused, .theme_version_2 .shopify-payment-button__button--unbranded:focus-visible, .theme_version_2 .shopify-payment-button [role='button']:focus-visible, .theme_version_2 .shopify-payment-button__button--unbranded:focus, .theme_version_2 .shopify-payment-button [role='button']:focus {
3779    outline: solid transparent 1px; }
3780  .theme_version_2 .field__input:focus, .theme_version_2 .select__select:focus, .theme_version_2 .customer .field input:focus, .theme_version_2 .customer select:focus, .theme_version_2 .localization-form__select:focus.localization-form__select:after {
3781    outline: transparent solid 1px; }
3782  .theme_version_2 .localization-form__select:focus {
3783    outline: transparent solid 1px; } }
3784  .theme_version_2 .rte:after {
3785    clear: both;
3786    content: '';
3787    display: block; }
3788  .theme_version_2 .rte > *:first-child {
3789    margin-top: 0; }
3790  .theme_version_2 .rte > *:last-child {
3791    margin-bottom: 0; }
3792  .theme_version_2 .rte table {
3793    table-layout: fixed; }
3794  @media screen and (min-width: 750px) {
3795  .theme_version_2 .rte table td {
3796    padding-left: 1.2rem;
3797    padding-right: 1.2rem; } }
3798  .theme_version_2 .rte img {
3799    height: auto;
3800    max-width: 100%;
3801    border: var(--media-border-width) solid rgba(0, 0, 0, );
3802    border-radius: var(--media-radius);
3803    box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(0, 0, 0, );
3804    margin-bottom: var(--media-shadow-vertical-offset); }
3805  .theme_version_2 .rte ul, .theme_version_2 .rte ol {
3806    list-style-position: inside;
3807    padding-left: 2rem; }
3808  .theme_version_2 .rte li {
3809    list-style: inherit; }
3810  .theme_version_2 .rte li:last-child {
3811    margin-bottom: 0; }
3812  .theme_version_2 .rte a {
3813    color: rgba(0, 0, 0, );
3814    text-underline-offset: 0.3rem;
3815    text-decoration-thickness: 0.1rem;
3816    transition: text-decoration-thickness var(--duration-short) ease; }
3817  .theme_version_2 .rte a:hover {
3818    color: #000;
3819    text-decoration-thickness: 0.2rem; }
3820  .theme_version_2 .rte blockquote {
3821    display: inline-flex; }
3822  .theme_version_2 .rte blockquote > * {
3823    margin: -0.5rem 0 -0.5rem 0;
3824    /* Image mask global styles */ }
3825  .theme_version_2 .shape--mask {
3826    display: block;
3827    height: 0;
3828    width: 0; }
3829  .theme_version_2 .shape--arch {
3830    clip-path: url('#Shape-Arch'); }
3831  .theme_version_2 .shape--blob {
3832    clip-path: polygon(var(--shape--blob-1)); }
3833  .theme_version_2 .shape--chevronleft {
3834    clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0%); }
3835  .theme_version_2 .shape--chevronright {
3836    clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%); }
3837  .theme_version_2 .shape--circle {
3838    clip-path: circle(closest-side); }
3839  .theme_version_2 .shape--diamond {
3840    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); }
3841  .theme_version_2 .shape--parallelogram {
3842    clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%); }
3843  .theme_version_2 .shape--round {
3844    clip-path: ellipse(45% 45% at 50% 50%);
3845    /* Fixed background */ }
3846  .theme_version_2 .animate--fixed {
3847    clip-path: inset(0); }
3848  .theme_version_2 .animate--fixed > img:not(.zoom):not(.deferred-media__poster-button), .theme_version_2 .animate--fixed > svg:not(.zoom):not(.deferred-media__poster-button) {
3849    position: fixed;
3850    height: 100vh;
3851    /* Zoom in image on scroll */ }
3852  .theme_version_2 .animate--zoom-in {
3853    --zoom-in-ratio: 1; }
3854  .theme_version_2 .animate--zoom-in > img, .theme_version_2 .animate--zoom-in > svg {
3855    transition: scale var(--duration-short) linear;
3856    scale: var(--zoom-in-ratio);
3857    /* Animations */ }
3858  @media (prefers-reduced-motion: no-preference) {
3859  .theme_version_2 {
3860    /* Element Hovers: Vertical Lift, 3d Lift */ }
3861    .theme_version_2 .animate--ambient > img, .theme_version_2 .animate--ambient > svg {
3862      animation: animateAmbient 30s linear infinite; }
3863
3864    @keyframes animateAmbient {
3865    .theme_version_2 0% {
3866      transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2); }
3867    .theme_version_2 100% {
3868      transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2); } }
3869
3870    .theme_version_2 .scroll-trigger.animate--fade-in, .theme_version_2 .scroll-trigger.animate--slide-in {
3871      opacity: 0.01; }
3872
3873    .theme_version_2 .scroll-trigger.animate--slide-in {
3874      transform: translateY(2rem); }
3875
3876    .theme_version_2 .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
3877      opacity: 1;
3878      animation: var(--animation-fade-in); }
3879
3880    .theme_version_2 .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
3881      animation: var(--animation-slide-in);
3882      animation-delay: calc(var(--animation-order) * 75ms); }
3883
3884    .theme_version_2 .scroll-trigger.scroll-trigger--design-mode.animate--fade-in, .theme_version_2 .scroll-trigger.scroll-trigger--design-mode.animate--slide-in, .theme_version_2 .scroll-trigger.scroll-trigger--design-mode .slider, .theme_version_2 .scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel {
3885      opacity: 1;
3886      animation: none;
3887      transition: none; }
3888
3889    .theme_version_2 .scroll-trigger.scroll-trigger--design-mode.animate--slide-in {
3890      transform: translateY(0); }
3891
3892    @keyframes slideIn {
3893    .theme_version_2 from {
3894      transform: translateY(2rem);
3895      opacity: 0.01; }
3896    .theme_version_2 to {
3897      transform: translateY(0);
3898      opacity: 1; } }
3899
3900    @keyframes fadeIn {
3901    .theme_version_2 from {
3902      opacity: 0.01; }
3903    .theme_version_2 to {
3904      opacity: 1; } } }
3905  @media (prefers-reduced-motion: no-preference) and (hover: hover) {
3906  .theme_version_2 .animate--hover-3d-lift .card-wrapper .card--card, .theme_version_2 .animate--hover-3d-lift .card-wrapper .card--standard .card__inner, .theme_version_2 .animate--hover-3d-lift .button:not(.button--tertiary), .theme_version_2 .animate--hover-3d-lift .shopify-challenge__button, .theme_version_2 .animate--hover-3d-lift .customer button, .theme_version_2 .animate--hover-3d-lift .shopify-payment-button__button, .theme_version_2 .animate--hover-3d-lift .deferred-media .deferred-media__poster-button {
3907    transition: transform var(--duration-long) ease, box-shadow var(--duration-long) ease;
3908    transform-origin: center; }
3909  .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--card, .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner, .theme_version_2 .animate--hover-3d-lift .button:not(.button--tertiary):not([disabled]):hover, .theme_version_2 .animate--hover-3d-lift .shopify-challenge__button:not([disabled]):hover, .theme_version_2 .animate--hover-3d-lift .customer button:not([disabled]):hover, .theme_version_2 .animate--hover-3d-lift .shopify-payment-button__button:hover, .theme_version_2 .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
3910    /* Slow the card transition speed while hover is active. */
3911    transition: transform var(--duration-extended) ease, box-shadow var(--duration-long) ease;
3912    transform: rotate(1deg);
3913    box-shadow: -1rem -1rem 1rem -1rem rgba(0, 0, 0, 0.05), 1rem 1rem 1rem -1rem rgba(0, 0, 0, 0.05), 0 0 0.5rem 0 rgba(255, 255, 255, 0), 0 2rem 3.5rem -2rem rgba(0, 0, 0, 0.5); }
3914  .theme_version_2 .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
3915    /* Apply a specialized transform to the video play button. */
3916    transform: translate(-50%, -50%) scale(1.05); }
3917  .theme_version_2 .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--card, .theme_version_2 .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--standard .card__inner {
3918    /* Less intense rotation for collage items. */
3919    transform: rotate(0.5deg); }
3920  .theme_version_2 .animate--hover-3d-lift .product-grid .grid__item:hover, .theme_version_2 .animate--hover-3d-lift .collection-list .grid__item:hover, .theme_version_2 .animate--hover-3d-lift .collage__item:hover, .theme_version_2 .animate--hover-3d-lift .blog-articles .article:hover, .theme_version_2 .animate--hover-3d-lift .complementary-slide li:h
3920over {
3921    /* Make sure the hovered card is the topmost card. */
3922    z-index: 2; }
3923  .theme_version_2 .animate--hover-3d-lift .product-grid {
3924    /* Ensure z-index changes here don't negatively effect other UI stacking. */
3925    isolation: isolate; }
3926  .theme_version_2 .animate--hover-3d-lift .card-wrapper .card--shape.card--standard:not(.card--text) .card__inner {
3927    box-shadow: none;
3928    transition: transform var(--duration-long) ease, filter var(--duration-long) ease; }
3929  .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner {
3930    /* Slow the card transition speed while hover is active. */
3931    transition: transform calc(2 * var(--duration-extended)) ease, filter var(--duration-long) ease;
3932    filter: drop-shadow(0rem 2rem 2rem rgba(0, 0, 0, 0.15)) drop-shadow(0rem 1rem 1rem rgba(0, 0, 0, 0.15)); }
3933  .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--card:after, .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner:after, .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before {
3934    background-image: var(--easter-egg);
3935    background-size: 250px 250px;
3936    mix-blend-mode: color-dodge;
3937    pointer-events: none;
3938    z-index: 2; }
3939  .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before {
3940    content: '';
3941    position: absolute;
3942    top: 0;
3943    bottom: 0;
3944    left: 0;
3945    right: 0; }
3946  .theme_version_2 .animate--hover-3d-lift .card-wrapper .card--card:before, .theme_version_2 .animate--hover-3d-lift .card-wrapper .card--standard .card__media:after {
3947    content: '';
3948    position: absolute;
3949    top: 0;
3950    right: 0;
3951    bottom: 0;
3952    left: 0;
3953    opacity: 0;
3954    pointer-events: none;
3955    transition: background-position calc(2 * var(--duration-extended)) ease, opacity var(--duration-default) ease;
3956    mix-blend-mode: overlay;
3957    background-size: 400% 100%;
3958    background-position: 90% 0;
3959    background-repeat: no-repeat;
3960    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 45%, #fff 50%, rgba(255, 255, 255, 0) 55%); }
3961  .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--card:before, .theme_version_2 .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__media:after {
3962    opacity: 0.2;
3963    transition: background-position 6s ease, opacity var(--duration-long) ease;
3964    background-position: left;
3965    z-index: 2; }
3966  .theme_version_2 :root {
3967    --easter-egg: none;
3968    --sparkle: url('./sparkle.gif'); }
3969  .theme_version_2 .animate--hover-vertical-lift .button:not(.button--tertiary), .theme_version_2 .animate--hover-vertical-lift .shopify-challenge__button, .theme_version_2 .animate--hover-vertical-lift .customer button, .theme_version_2 .animate--hover-vertical-lift .shopify-payment-button__button {
3970    transition: transform var(--duration-default) var(--ease-out-slow); }
3971  .theme_version_2 .animate--hover-vertical-lift .card-wrapper .card--card, .theme_version_2 .animate--hover-vertical-lift .card-wrapper .card--standard .card__inner {
3972    transition: transform var(--duration-medium) var(--ease-out-slow); }
3973  .theme_version_2 .animate--hover-vertical-lift .card-wrapper:hover .card--card, .theme_version_2 .animate--hover-vertical-lift .card-wrapper:hover .card--standard .card__inner {
3974    transform: translateY(-0.75rem); }
3975  .theme_version_2 .animate--hover-vertical-lift .card-wrapper:active .card--card, .theme_version_2 .animate--hover-vertical-lift .card-wrapper:active .card--standard .card__inner {
3976    transform: translateY(-0.5rem); }
3977  .theme_version_2 .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):hover, .theme_version_2 .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):hover, .theme_version_2 .animate--hover-vertical-lift .customer button:not([disabled]):hover, .theme_version_2 .animate--hover-vertical-lift .shopify-payment-button__button:hover {
3978    transform: translateY(-0.25rem); }
3979  .theme_version_2 .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):active, .theme_version_2 .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):active, .theme_version_2 .animate--hover-vertical-lift .customer button:not([disabled]):active, .theme_version_2 .animate--hover-vertical-lift .shopify-payment-button__button:active {
3980    transform: translateY(0); }
3981  .theme_version_2 .animate--hover-vertical-lift .button:not([disabled]):hover:after, .theme_version_2 .animate--hover-vertical-lift .customer button:not([disabled]):hover:after, .theme_version_2 .animate--hover-vertical-lift .shopify-payment-button__button:not([disabled]):hover:after {
3982    /* Default is 1.3px as defined above in this file. This removes 1px to prevent the border from growing on buttons when this effect is on.  */
3983    --border-offset: 0.3px;
3984    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(0, 0, 0, ), 0 0 0 var(--buttons-border-width) rgba(0, 0, 0, ); }
3985  .theme_version_2 .animate--hover-vertical-lift .button:not([disabled]).button--secondary:hover:after {
3986    /* Prevent the border from growing on buttons when this effect is on. */
3987    --border-offset: 0px; } }
3988
3989@keyframes animationBackground {
3990  0% {
3991    background-position: 0% 36%; }
3992
3993  50% {
3994    background-position: 100% 65%; }
3995
3996  100% {
3997    background-position: 0% 36%; } }
3998
3999.btnPlaceOrder {
4000  background: linear-gradient(90deg, #279627 33%, rgba(255, 255, 255, 0.3) 50%, #279627 66%) #279627;
4001  animation: animationBackground 2s infinite !important;
4002  background-size: 300% 100%;
4003  border-radius: 6px !important; }
4004
4005.deliveryOptions .card {
4006  cursor: pointer;
4007  border: 2px solid #f3f3f3; }
4008  .deliveryOptions .card.active {
4009    border: 2px solid #000; }
4010  .deliveryOptions .card-body {
4011    display: flex; }
4012    .deliveryOptions .card-body .t {
4013      font-weight: 700; }
4014    .deliveryOptions .card-body .ico {
4015      justify-content: center;
4016      align-items: center;
4017      display: flex; }
4018
4019body.checkout .checkout--page .currentDetails .address {
4020  padding-top: 0px !important;
4021  background: white; }
4022
4023@media (max-width: 991px) {
4024  .formLoginInModal .backToLoginScreen {
4025    display: none !important; }
4026
4027  .rowSelectDeliveryPickup {
4028    height: auto !important; }
4029    .rowSelectDeliveryPickup > .col-md-5 {
4030      padding-right: 15px !important; }
4031
4032  body.modal-open header {
4033    z-index: 9 !important; }
4034    .modal h2 {
4035      margin-left: 0px !important; }
4036    .modal.locationMapViewAPI, .modal.changeModeActionModal, .modal.users.ordering, .modal.cardForVenue, .modal.addNewReview, .modal.wolfPoints, .modal.welcomeCoupon, .modal.error.api, .modal.skash.api, .modal.changeDeliveryTime, .modal.paymentMethod, .modal.wolfPiggyBank, .modal.writeReview, .modal.couponCode, .modal.foodNoLongerAvailable {
4037      display: flex !important; }
4038      .modal.locationMapViewAPI .closeButton, .modal.changeModeActionModal .closeButton, .modal.users.ordering .closeButton, .modal.cardForVenue .closeButton, .modal.addNewReview .closeButton, .modal.wolfPoints .closeButton, .modal.welcomeCoupon .closeButton, .modal.error.api .closeButton, .modal.skash.api .closeButton, .modal.changeDeliveryTime .closeButton, .modal.paymentMethod .closeButton, .modal.wolfPiggyBank .closeButton, .modal.writeReview .closeButton, .modal.couponCode .closeButton, .modal.foodNoLongerAvailable .closeButton {
4039        display: flex;
4040        justify-content: center; }
4041        .modal.locationMapViewAPI .closeButton button, .modal.changeModeActionModal .closeButton button, .modal.users.ordering .closeButton button, .modal.cardForVenue .closeButton button, .modal.addNewReview .closeButton button, .modal.wolfPoints .closeButton button, .modal.welcomeCoupon .closeButton button, .modal.error.api .closeButton button, .modal.skash.api .closeButton button, .modal.changeDeliveryTime .closeButton button, .modal.paymentMethod .closeButton button, .modal.wolfPiggyBank .closeButton button, .modal.writeReview .closeButton button, .modal.couponCode .closeButton button, .modal.foodNoLongerAvailable .closeButton button {
4042          background: #a7a4a4;
4043          width: 50px !important;
4044          height: 50px !important;
4045          border-radius: 100%; }
4046      .modal.locationMapViewAPI.show .modal-dialog, .modal.changeModeActionModal.show .modal-dialog, .modal.users.ordering.show .modal-dialog, .modal.cardForVenue.show .modal-dialog, .modal.addNewReview.show .modal-dialog, .modal.wolfPoints.show .modal-dialog, .modal.welcomeCoupon.show .modal-dialog, .modal.error.api.show .modal-dialog, .modal.skash.api.show .modal-dialog, .modal.changeDeliveryTime.show .modal-dialog, .modal.paymentMethod.show .modal-dialog, .modal.wolfPiggyBank.show .modal-dialog, .modal.writeReview.show .modal-dialog, .modal.couponCode.show .modal-dialog, .modal.foodNoLongerAvailable.show .modal-dialog {
4047        transform: translateY(0%) !important; }
4048      .modal.locationMapViewAPI .modal-body, .modal.changeModeActionModal .modal-body, .modal.users.ordering .modal-body, .modal.cardForVenue .modal-body, .modal.addNewReview .modal-body, .modal.wolfPoints .modal-body, .modal.welcomeCoupon .modal-body, .modal.error.api .modal-body, .modal.skash.api .modal-body, .modal.changeDeliveryTime .modal-body, .modal.paymentMethod .modal-body, .modal.wolfPiggyBank .modal-body, .modal.writeReview .modal-body, .modal.couponCode .modal-body, .modal.foodNoLongerAvailable .modal
4048-body {
4049        overflow: scroll;
4050        padding-top: calc(10px) !important; }
4051      .modal.locationMapViewAPI .modal-dialog, .modal.changeModeActionModal .modal-dialog, .modal.users.ordering .modal-dialog, .modal.cardForVenue .modal-dialog, .modal.addNewReview .modal-dialog, .modal.wolfPoints .modal-dialog, .modal.welcomeCoupon .modal-dialog, .modal.error.api .modal-dialog, .modal.skash.api .modal-dialog, .modal.changeDeliveryTime .modal-dialog, .modal.paymentMethod .modal-dialog, .modal.wolfPiggyBank .modal-dialog, .modal.writeReview .modal-dialog, .modal.couponCode .modal-dialog, .modal.foodNoLongerAvailable .modal-dialog {
4052        width: 100%;
4053        transform: translateY(100%);
4054        transition: 300ms all;
4055        display: flex;
4056        justify-content: flex-end;
4057        align-items: flex-end; }
4058      .modal.locationMapViewAPI .closeButton, .modal.changeModeActionModal .closeButton, .modal.users.ordering .closeButton, .modal.cardForVenue .closeButton, .modal.addNewReview .closeButton, .modal.wolfPoints .closeButton, .modal.welcomeCoupon .closeButton, .modal.error.api .closeButton, .modal.skash.api .closeButton, .modal.changeDeliveryTime .closeButton, .modal.paymentMethod .closeButton, .modal.wolfPiggyBank .closeButton, .modal.writeReview .closeButton, .modal.couponCode .closeButton, .modal.foodNoLongerAvailable .closeButton {
4059        text-align: center;
4060        position: absolute;
4061        top: -60px;
4062        left: 0px; }
4063      .modal.locationMapViewAPI .modal-content, .modal.changeModeActionModal .modal-content, .modal.users.ordering .modal-content, .modal.cardForVenue .modal-content, .modal.addNewReview .modal-content, .modal.wolfPoints .modal-content, .modal.welcomeCoupon .modal-content, .modal.error.api .modal-content, .modal.skash.api .modal-content, .modal.changeDeliveryTime .modal-content, .modal.paymentMethod .modal-content, .modal.wolfPiggyBank .modal-content, .modal.writeReview .modal-content, .modal.couponCode .modal-content, .modal.foodNoLongerAvailable .modal-content {
4064        max-height: 87vh !important;
4065        min-height: 20vh;
4066        bottom: 0px;
4067        display: flex;
4068        justify-content: flex-end; } }
4069
4070.marker.to {
4071  display: flex;
4072  justify-content: center;
4073  color: black; }
4074  .marker.from {
4075    display: flex;
4076    justify-content: center; }
4077
4078.lift:focus, .lift:hover {
4079  box-shadow: 0 1rem 2.5rem rgba(22, 28, 45, .1), 0 0.5rem 1rem -0.75rem rgba(22, 28, 45, .1) !important;
4080  transform: translate3d(0, -3px, 0); }
4081
4082.lift {
4083  transition: box-shadow 0.25s ease, transform 0.25s ease; }
4084
4085.cartFixedAlways .cartPage .basketList {
4086  width: 100% !important; }
4087  .cartFixedAlways .cartPage .basketList .header {
4088    margin-bottom: 0px !important;
4089    padding-bottom: 0px !important; }
4090
4091.selectAliasForWeb label {
4092  text-align: center;
4093  width: 100%; }
4094
4095.searchParentDiv {
4096  width: 100%; }
4097
4098@media print {
4099  .noPrint {
4100    display: none; } }
4101
4102.product--details table tr td {
4103  height: auto !important;
4104  white-space: break-spaces !important;
4105  width: auto !important; }
4106
4107img.onlyPrint {
4108  max-height: 100%; }
4109
4110@media screen {
4111  .onlyPrint {
4112    display: none; } }
4113
4114.searchDomainForm .btn-search {
4115  background: #04a63f;
4116  color: white !important;
4117  border: none !important; }
4118  .searchDomainForm .btn-search:hover, .searchDomainForm .btn-search:focus, .searchDomainForm .btn-search:active {
4119    background: #09903a !important;
4120    color: white !important; }
4121  .searchDomainForm .resultsDomain .well {
4122    padding-top: 0px;
4123    padding-bottom: 0px;
4124    border-radius: 6px !important;
4125    box-shadow: 0 1px 6px 0 rgba(117, 117, 117, .25); }
4126  .searchDomainForm .domainRow {
4127    border-bottom: 1px solid #cfcfcf;
4128    padding: 11px;
4129    justify-content: center;
4130    align-items: center;
4131    align-self: center;
4132    font-size: 17px; }
4133  @media (min-width: 991px) {
4134  .searchDomainForm .domainName {
4135    font-size: 2rem; }
4136  .searchDomainForm .btnSearchingDomain {
4137    padding: 0px 60px !important; }
4138  .searchDomainForm .domainRow {
4139    display: flex; }
4140  .searchDomainForm .text-price {
4141    font-size: 1.4rem; }
4142  .searchDomainForm .domainRow .domainName {
4143    font-size: 24px; } }
4144  @media (max-width: 991px) {
4145  .searchDomainForm .btnAddToCard {
4146    font-size: 11px !important; }
4147  .searchDomainForm .domainRow .domainName {
4148    font-size: 14px; }
4149  .searchDomainForm .text-price {
4150    font-size: 13px; } }
4151  .searchDomainForm .domainRow:hover {
4152    background: #f7fafc;
4153    cursor: pointer; }
4154  .searchDomainForm .btn-blue {
4155    background: #1f0670 !important;
4156    color: white !important; }
4157  .searchDomainForm .btn-blue:hover {
4158    opacity: 0.8; }
4159  .searchDomainForm .btnAddToCard {
4160    border-radius: 6px;
4161    font-size: 16px; }
4162  .searchDomainForm .text-purple {
4163    color: #7357f6; }
4164
4165.selectOrderMode .b3Checkbox {
4166  margin-top: 1px !important; }
4167  .selectOrderMode .m {
4168    font-weight: 700; }
4169
4170body.checkout .changeQuantity {
4171  padding: 6px 2px !important; }
4172  body.checkout h2 {
4173    margin-bottom: 0px !important; }
4174  body.checkout h5 {
4175    font-size: 1.2rem;
4176    font-weight: bold; }
4177
4178.b3Copyrights {
4179  padding-bottom: 15px; }
4180
4181.verificationCode {
4182  font-size: 20px;
4183  text-align: center;
4184  letter-spacing: 5px; }
4185
4186.overflow-hidden {
4187  overflow-x: hidden; }
4188
4189.stripeNewElements {
4190  max-height: auto !important; }
4191
4192.newPaymentMethodsOnCheckout .form-check {
4193  padding: 8px 20px;
4194  display: flex;
4195  align-items: center;
4196  border-bottom: 1px solid #d5dddd; }
4197  .newPaymentMethodsOnCheckout .form-check label {
4198    width: 100%;
4199    FONT-WEIGHT: 500;
4200    font-size: 14px;
4201    align-items: center; }
4202  .newPaymentMethodsOnCheckout .b3Checkbox {
4203    width: 25px !important;
4204    height: 25px !important; }
4205  .newPaymentMethodsOnCheckout .form-check + .form-check {
4206    border-top: 1px solid #e8ebeb; }
4207
4208.packagesPricing .btnContinue {
4209  border-width: 3px;
4210  transition: 450ms all; }
4211  .packagesPricing .btnContinue:hover {
4212    transform: scale(1.04); }
4213  .packagesPricing .packageDesc {
4214    padding: 15px; }
4215  .packagesPricing .packages h2 {
4216    font-size: 30px; }
4217  .packagesPricing .packages.oneCategory {
4218    justify-content: space-around; }
4219  .packagesPricing .packages h3 {
4220    min-height: 60px; }
4221  .packagesPricing h3 {
4222    font-weight: bold;
4223    font-size: 1rem; }
4224  .packagesPricing .card.card-white p {
4225    color: black !important; }
4226  .packagesPricing .card-body {
4227    flex: inherit; }
4228  .packagesPricing .card.card-white {
4229    padding: 0px;
4230    height: 100%;
4231    transition: 100ms all;
4232    border-radius: 10px !important;
4233    box-shadow: 0px 0px 14px oklch(0.922 0 0);
4234    border-color: oklch(0.922 0 0) !important;
4235    border: 2px solid; }
4236  .packagesPricing .card.card-white ul {
4237    margin-top: 10px;
4238    padding: 0px 15px;
4239    color: black;
4240    list-style: none; }
4241  .packagesPricing .card.card-white li:before {
4242    position: relative;
4243    left: -10px;
4244    color: #7856ff !important;
4245    content: "";
4246    content: "\f058";
4247    font-family: 'FontAwesome'; }
4248
4249.copyrights {
4250  /*
4251.dropdown-menu {
4252	display: unset;
4253	top: -9999px;
4254    left: -9999px;
4255    opacity: 0.4;
4256    transition: 250ms all;
4257    transform: translateY(-20px) scale(0.8);
4258}
4259.dropdown-menu.show {
4260    opacity: 1;
4261    transform: translateY(0px);
4262    visibility: visible;
4263    top: unset;
4264    position: static;
4265    left: unset;
4266}
4267*/ }
4268  .copyrights .footer-heart {
4269    font-family: open sans, sans-serif; }
4270  .copyrights .footer-heart a {
4271    border-bottom: 1px solid #453886;
4272    color: #453886;
4273    padding-bottom: 0.25em;
4274    text-decoration: none; }
4275  .copyrights .footer-heart a:hover {
4276    color: #2196f3;
4277    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23453886' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");
4278    background-position: bottom;
4279    background-repeat: repeat-x;
4280    background-size: 20%;
4281    border-bottom: 0;
4282    padding-bottom: 0.3em;
4283    text-decoration: none; }
4284  .copyrights .emoji {
4285    vertical-align: middle; }
4286
4287.dot-elastic {
4288  position: relative;
4289  width: 6px;
4290  display: inline-block;
4291  margin-left: 15px;
4292  height: 6px;
4293  border-radius: 5px;
4294  background-color: black;
4295  color: black;
4296  animation: dot-elastic 1s infinite linear; }
4297
4298.dot-elastic::before, .dot-elastic::after {
4299  content: "";
4300  display: inline-block;
4301  position: absolute;
4302  top: 0; }
4303
4304.dot-elastic::before {
4305  left: -10px;
4306  width: 6px;
4307  height: 6px;
4308  border-radius: 5px;
4309  background-color: black;
4310  color: black;
4311  animation: dot-elastic-before 1s infinite linear; }
4312
4313.dot-elastic::after {
4314  left: 10px;
4315  width: 6px;
4316  height: 6px;
4317  border-radius: 5px;
4318  background-color: black;
4319  color: black;
4320  animation: dot-elastic-after 1s infinite linear; }
4321
4322@keyframes dot-elastic-before {
4323  0% {
4324    transform: scale(1, 1); }
4325
4326  25% {
4327    transform: scale(1, 1.5); }
4328
4329  50% {
4330    transform: scale(1, 0.67); }
4331
4332  75% {
4333    transform: scale(1, 1); }
4334
4335  100% {
4336    transform: scale(1, 1); } }
4337
4338@keyframes dot-elastic {
4339  0% {
4340    transform: scale(1, 1); }
4341
4342  25% {
4343    transform: scale(1, 1); }
4344
4345  50% {
4346    transform: scale(1, 1.5); }
4347
4348  75% {
4349    transform: scale(1, 1); }
4350
4351  100% {
4352    transform: scale(1, 1); } }
4353
4354@keyframes dot-elastic-after {
4355  0% {
4356    transform: scale(1, 1); }
4357
4358  25% {
4359    transform: scale(1, 1); }
4360
4361  50% {
4362    transform: scale(1, 0.67); }
4363
4364  75% {
4365    transform: scale(1, 1.5); }
4366
4367  100% {
4368    transform: scale(1, 1); } }
4369
4370.overlaySearch {
4371  z-index: 1;
4372  transition: 150ms all;
4373  opacity: 0;
4374  display: none;
4375  background: rgba(0, 0, 0, .5);
4376  width: 100%;
4377  position: fixed;
4378  left: 0px;
4379  top: 0px;
4380  height: 100%; }
4381
4382html.searching .tabs-nav {
4383  z-index: 1; }
4384
4385.flex-fill {
4386  flex: 1 1 auto !important; }
4387
4388.flex-fill-same {
4389  flex: 1 1 0 !important; }
4390
4391.calendarViewer {
4392  float: right;
4393  text-align: right;
4394  width: 100%; }
4395
4396.mb10 {
4397  margin-bottom: 10px; }
4398
4399.upcoming--list-week .timetable {
4400  overflow: scroll; }
4401
4402html.searching .ui-slider, html.searching .pagination {
4403  position: sticky !important; }
4404
4405html:not(.web109) .pagination a {
4406  aspect-ratio: 1/1;
4407  width: 40px;
4408  display: flex;
4409  justify-content: center;
4410  align-items: center; }
4411
4412html.searching .overlaySearch {
4413  opacity: 1;
4414  display: block; }
4415
4416html.searching .headerStyle.shop .navbar-collapse {
4417  z-index: 0; }
4418
4419html.searching .formSearch {
4420  z-index: 100; }
4421
4422html.searching .dropdown {
4423  position: inherit !important; }
4424
4425html.searching .b3-section {
4426  z-index: -1; }
4427
4428html.searching .product-item--details {
4429  z-index: -1;
4430  position: relative; }
4431
4432html.searching .site-footer {
4433  z-index: 1;
4434  position: inherit; }
4435
4436html.searching .searchTerm {
4437  border-radius: 6px 6px 0px 0px !important;
4438  border: 1px solid #d8d8d9 !important;
4439  background: white !important; }
4440
4441.searchResults {
4442  color: black;
4443  background: white;
4444  border-radius: 0px 0px 6px 6px;
4445  border: 1px solid #d8d8d9;
4446  z-index: 9;
4447  position: absolute;
4448  width: 100%;
4449  max-height: calc(100vh - 135px);
4450  overflow: scroll; }
4451  .searchResults .rItem + .rItem {
4452    border-top: 1px solid #d8d8d9; }
4453  .searchResults .rItem {
4454    cursor: pointer;
4455    padding: 6px;
4456    display: flex;
4457    background: white; }
4458  .searchResults .rItem:hover {
4459    background: #d8d8d9; }
4460  .searchResults .rItem .title {
4461    color: black !important; }
4462
4463.row.small {
4464  margin-right: -5px;
4465  margin-left: -5px; }
4466
4467.small .col, .small .col-1, .small .col-10, .small .col-11, .small .col-12, .small .col-2, .small .col-3, .small .col-4, .small .col-5, .small .col-6, .small .col-7, .small .col-8, .small .col-9, .small .col-auto, .small .col-lg, .small .col-lg-1, .small .col-lg-10, .small .col-lg-11, .small .col-lg-12, .small .col-lg-2, .small .col-lg-3, .small .col-lg-4, .small .col-lg-5, .small .col-lg-6, .small .col-lg-7, .small .col-lg-8, .small .col-lg-9, .small .col-lg-auto, .small .col-md, .small .col-md-1, .small .col-md-10, .small .col-md-11, .small .col-md-12, .small .col-md-2, .small .col-md-3, .small .col-md-4, .small .col-md-5, .small .col-md-6, .small .col-md-7, .small .col-md-8, .small .col-md-9, .small .col-md-auto, .small .col-sm, .small .col-sm-1, .small .col-sm-10, .small .col-sm-11, .small .col-sm-12, .small .col-sm-2, .
4467small .col-sm-3, .small .col-sm-4, .small .col-sm-5, .small .col-sm-6, .small .col-sm-7, .small .col-sm-8, .small .col-sm-9, .small .col-sm-auto, .small .col-xl, .small .col-xl-1, .small .col-xl-10, .small .col-xl-11, .small .col-xl-12, .small .col-xl-2, .small .col-xl-3, .small .col-xl-4, .small .col-xl-5, .small .col-xl-6, .small .col-xl-7, .small .col-xl-8, .small .col-xl-9, .small .col-xl-auto {
4468  padding-left: 5px;
4469  padding-right: 5px; }
4470
4471.typeSelect.bg-dark .card-body {
4472  color: white !important; }
4473  .typeSelect.bg-dark .text-muted {
4474    color: white !important; }
4475
4476.selectedCountryCode {
4477  padding: 0px 10px; }
4478
4479html.isApp {
4480  -webkit-user-select: none; }
4481  html.isApp .bodyAjax {
4482    min-height: 100vh; }
4483  html.isApp .modal {
4484    transition: 300ms all; }
4485  html.isApp .modal:not(.show) {
4486    transform: translateY(100%); }
4487  html.isApp .modal.show {
4488    transform: translateY(0%); }
4489  html.isApp .yourOrder.cartList, html.isApp .changeMethodPopup .modal-content {
4490    padding-top: calc(env(safe-area-inset-top) + 0px) !important; }
4491  html.isApp .modalAjax.modal .formLoginWolf {
4492    padding-top: 0px !important; }
4493  html.isApp .modalAjax.modal .modal-dialog {
4494    display: flex;
4495    justify-content: center;
4496    align-items: flex-end; }
4497  html.isApp #modalFood.v2 .container {
4498    margin-top: calc(env(safe-area-inset-top) + 0px) !important; }
4499  html.isApp #modalFood.v2 .modal-footer {
4500    padding-bottom: calc(env(safe-area-inset-bottom) + 0px) !important; }
4501  html.isApp body.online-order .tabs-app {
4502    display: none !important; }
4503  html.isApp .navbar {
4504    justify-content: center; }
4505  html.isApp .navbar .navbar-brand {
4506    margin-right: 0px; }
4507  html.isApp .modal-dialog {
4508    height: 100vh;
4509    margin: 0px !important; }
4510  html.isApp .visibleFixed {
4511    top: calc(env(safe-area-inset-top) + 0px) !important; }
4512  html.isApp .websiteWrapper:before {
4513    top: 0px;
4514    content: "";
4515    position: fixed;
4516    width: 100%;
4517    height: calc(env(safe-area-inset-top) + 0px) !important;
4518    background: white;
4519    z-index: 9; }
4520  @media (prefers-color-scheme: dark) {
4521  html.isApp .websiteWrapper:before {
4522    background: black !important; } }
4523  html.isApp button.navbar-toggler, html.isApp footer.site-footer, html.isApp .announcement {
4524    display: none !important; }
4525  html.isApp .navbar-collapse {
4526    transition: 300ms all;
4527    transform: translate(100%); }
4528  html.isApp .navbar-collapse.isVisibleMobile {
4529    transform: translate(0%); }
4530  html.isApp .navbar-nav {
4531    display: none; }
4532  html.isApp nav.navbar.mobileVisible #navbarSupportedContent {
4533    box-shadow: none;
4534    left: 0px;
4535    top: 0px;
4536    width: 100%;
4537    background: white !important;
4538    text-align: left;
4539    width: 100% !important;
4540    height: 100%;
4541    border-radius: 0px;
4542    border: 0px;
4543    padding: 40px 30px !important;
4544    display: flex;
4545    flex-direction: column;
4546    justify-content: space-between; }
4547  html.isApp nav.navbar.mobileVisible #navbarSupportedContent .navbar-nav {
4548    display: block; }
4549  html.isApp nav.navbar.mobileVisible #navbarSupportedContent .nav-item.social {
4550    display: none !important; }
4551  html.isApp nav.navbar.mobileVisible #navbarSupportedContent a.logoOnApp.navbar-brand {
4552    display: block !important; }
4553  html.isApp nav.navbar.mobileVisible #navbarSupportedContent .closeNavMenu {
4554    display: block !important;
4555    font-size: 2rem;
4556    margin-bottom: 20px; }
4557  html.isApp ul.navbar-nav {
4558    width: 100%; }
4559  html.isApp ul.navbar-nav li.nav-item {
4560    border-bottom: 1px solid #f2f4f4 !important;
4561    width: 100%; }
4562  html.isApp .mainContent {
4563    padding-top: calc(env(safe-area-inset-top) + 0px) !important;
4564    padding-bottom: 60px; }
4565  html.isApp .postcode-widget .postcode-widget-details {
4566    text-align: left !important;
4567    justify-content: center;
4568    display: flex;
4569    flex-direction: column; }
4570  html.isApp .postcode-widget .row-sm-8, html.isApp .postcode-widget .row-xs-8 {
4571    height: 700px !important; }
4572  html.isApp .tabs-app {
4573    padding-bottom: calc(env(safe-area-inset-bottom) + 0px) !important;
4574    display: block !important;
4575    position: fixed;
4576    z-index: 99;
4577    bottom: 0px;
4578    background: #f6f6f6 !important;
4579    margin: 0px !important;
4580    width: 100% !important; }
4581  html.isApp .tabs-app .inner {
4582    bottom: 20px;
4583    border-radius: 0px;
4584    background: #f6f6f6;
4585    width: 100%;
4586    padding: 10px;
4587    display: flex;
4588    justify-content: space-around;
4589    font-size: 1.4rem; }
4590
4591.cursorPointer {
4592  cursor: pointer; }
4593
4594[data-template="online-order"] {
4595  background-color: #f4f5f5 !important; }
4596
4597.order-online-row--layout4 {
4598  background-color: #f4f5f5 !important; }
4599
4600@media (max-width: 991px) {
4601    .orderVersion4 .rowTitle {
4602      margin-top: 10px !important;
4603      padding: 0px 14px !important; }
4604    .orderVersion4 .categoriesProducts {
4605      padding: 0px !important; }
4606    .orderVersion4 .rowItems {
4607      grid-gap: 1px !important; }
4608    .orderVersion4 .modaStore .rowItems {
4609      overflow: scroll;
4610      flex-wrap: nowrap !important;
4611      display: flex !important;
4612      padding-bottom: 8px; }
4613      .orderVersion4 .modaStore .rowItems .i:nth-child(1n+4) {
4614        display: none; }
4615      .orderVersion4 .modaStore .rowItems .i {
4616        flex: 0 0 36% !important;
4617        border-radius: 15px !important; }
4618      .orderVersion4 .modaStore .rowItems .d {
4619        font-size: 11px !important; }
4620      .orderVersion4 .modaStore .rowItems .t {
4621        font-size: 12px !important; }
4622      .orderVersion4 .modaStore .rowItems .iM {
4623        width: 100% !important;
4624        padding: 0px !important;
4625        margin: 0px !important;
4626        height: 80px !important;
4627        background-size: contain !important; }
4628      .orderVersion4 .modaStore .rowItems .pa {
4629        flex-direction: column-reverse !important; } }
4630  .orderVersion4 .vegetariaOptionsCheckbox > div {
4631    position: relative; }
4632  .orderVersion4 .vegetariaOptionsCheckbox input {
4633    top: -1px; }
4634  .orderVersion4 label {
4635    padding-right: 10px;
4636    font-size: 0.8rem !important;
4637    vertical-align: middle; }
4638  .orderVersion4 .showVeganOnly {
4639    padding-right: 30px; }
4640  .orderVersion4 .topSearchCategoriesNew {
4641    position: relative;
4642    background: white;
4643    padding: 10px 0px;
4644    margin-bottom: 10px;
4645    border: 1px solid #e7e7e7;
4646    box-shadow: rgba(21, 23, 26, 0.05) 0px 0.05rem 0.14rem 0px, rgba(21, 23, 26, 0.05) 0px 0.2rem 0.4rem 0px, rgba(21, 23, 26, 0.04) 0px -1px 0px 0px; }
4647  .orderVersion4 .topSearchCategoriesNew .vegetariaOptionsCheckbox > div {
4648    position: relative; }
4649  .orderVersion4 .topSearchCategoriesNew .vegetariaOptionsCheckbox input {
4650    top: -1px; }
4651  .orderVersion4 .topSearchCategoriesNew li {
4652    padding: 5px 10px;
4653    cursor: pointer; }
4654  .orderVersion4 .topSearchCategoriesNew li.active {
4655    color: #ee1841 !important;
4656    font-weight: 900; }
4657  .orderVersion4 .topSearchCategoriesNew label {
4658    padding-right: 10px;
4659    vertical-align: middle; }
4660  .orderVersion4 .topSearchCategoriesNew .showVeganOnly {
4661    padding-right: 30px; }
4662  .orderVersion4 .topSearchCategoriesNew .categoriesAndSearch {
4663    align-items: center; }
4664  .orderVersion4 .topSearchCategoriesNew .categoriesAndSearch .col-12 .form-control {
4665    height: calc(1.2em + .75rem + 0px);
4666    background: #f1f2f6;
4667    font-size: 0.8rem; }
4668  .orderVersion4 .topSearchCategoriesNew .scrollMenuLeft, .orderVersion4 .topSearchCategoriesNew .scrollMenuRight {
4669    position: absolute;
4670    top: 0px;
4671    background: white;
4672    height: 100%;
4673    cursor: pointer;
4674    display: flex;
4675    font-size: 18px;
4676    justify-content: center;
4677    align-items: center;
4678    padding: 10px; }
4679  .orderVersion4 .topSearchCategoriesNew .scrollMenuLeft:hover, .orderVersion4 .topSearchCategoriesNew .scrollMenuRight:hover {
4680    color: #f2395d; }
4681  .orderVersion4 .topSearchCategoriesNew .scrollMenuRight {
4682    right: 0px; }
4683  .orderVersion4 .topSearchCategoriesNew .scrollMenuLeft {
4684    left: 0px; }
4685  .orderVersion4 .topSearchCategoriesNew .menuScrolling {
4686    padding-left: 20px;
4687    padding-right: 20px;
4688    overflow: scroll !important;
4689    align-items: center;
4690    display: flex;
4691    height: 100%;
4692    /* Internet Explorer 10+ */
4693    -ms-overflow-style: none;
4694    /* Firefox */
4695    scrollbar-width: none; }
4696  .orderVersion4 .topSearchCategoriesNew .menuScrolling::-webkit-scrollbar {
4697    /* Safari and Chrome */
4698    display: none; }
4699  .orderVersion4 .topSearchCategoriesNew .menuUL {
4700    margin: 0px 20px;
4701    transition: 450ms all;
4702    overflow: scroll;
4703    display: flex;
4704    padding-left: 20px !important;
4705    padding: 10px 5px !important;
4706    /* Internet Explorer 10+ */
4707    -ms-overflow-style: none;
4708    /* Firefox */
4709    scrollbar-width: none; }
4710  .orderVersion4 .topSearchCategoriesNew .menuUL::-webkit-scrollbar {
4711    /* Safari and Chrome */
4712    display: none; }
4713  .orderVersion4 .topSearchCategoriesNew .categoryTitle {
4714    color: #333;
4715    padding: 5px 10px;
4716    position: relative;
4717    display: flex;
4718    align-items: center;
4719    word-break: unset;
4720    white-space: nowrap;
4721    font-size: 0.9rem;
4722    font-weight: bold;
4723    border-bottom: 2px solid transparent; }
4724  .orderVersion4 .topSearchCategoriesNew .categoryTitle.active {
4725    background: #818181;
4726    color: white;
4727    border-radius: 5px !important; }
4728  .orderVersion4 [data-i="58010"] .d {
4729    display: none !important; }
4730  .orderVersion4 .categoriesProducts {
4731    width: 100% !important; }
4732  .orderVersion4 .rowItems {
4733    display: grid;
4734    grid-auto-rows: auto;
4735    grid-gap: 16px;
4736    grid-template: auto/repeat(2, 1fr); }
4737  .orderVersion4 .pa {
4738    display: flex; }
4739  .orderVersion4 .pa > div {
4740    width: 100%; }
4741  .orderVersion4 .i {
4742    position: relative;
4743    box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px 0px;
4744    border-radius: 4px;
4745    cursor: pointer;
4746    display: flex;
4747    height: 100%;
4748    background: white !important;
4749    padding: 14px;
4750    overflow: hidden;
4751    word-break: break-word; }
4752  .orderVersion4 .i > div {
4753    width: 100%;
4754    display: flex;
4755    flex-direction: column; }
4756  .orderVersion4 .i .t {
4757    color: #2e3333;
4758    font-weight: 600;
4759    margin-bottom: 2px; }
4760  .orderVersion4 .i .d {
4761    color: #828585; }
4762  .orderVersion4 .i .p {
4763    flex-grow: 1;
4764    display: flex;
4765    align-items: flex-end; }
4766  .orderVersion4 .i .iM {
4767    background-size: cover !important;
4768    -webkit-box-sizing: border-box;
4769    box-sizing: border-box;
4770    -ms-flex-negative: 0;
4771    flex-shrink: 0;
4772    height: 130px;
4773    margin-right: 0px;
4774    margin-left: 16px;
4775    overflow: hidden;
4776    position: relative;
4777    width: 130px;
4778    background-position: 50%;
4779    background-repeat: no-repeat !important;
4780    border-radius: 3px !important; }
4781
4782.selectPreviousAddressButton.active {
4783  border: 2px solid black !important;
4784  border-radius: 6px;
4785  background: white;
4786  color: black;
4787  transform: scale(1.01); }
4788  .selectPreviousAddressButton .fa-chevron-right {
4789    display: flex;
4790    justify-content: center;
4791    align-items: center; }
4792
4793.tabsOrderMethod .selectPreviousAddressButton:hover {
4794  background: #efefef; }
4795  .tabsOrderMethod .selectPreviousAddressButton .text-truncate {
4796    text-align: left; }
4797  .tabsOrderMethod .searchAddress {
4798    width: 100%;
4799    flex: 1;
4800    min-height: 45px !important; }
4801  .tabsOrderMethod .nav-link:not(.active) {
4802    background: #dcd8d8; }
4803  .tabsOrderMethod .nav-link.active {
4804    font-size: 16px;
4805    margin-top: -5px; }
4806  .tabsOrderMethod .tab-content {
4807    backdrop-filter: blur(2px);
4808    background: rgba(255, 255, 255, .6);
4809    padding: 20px;
4810    border: 1px solid #939d9e;
4811    border-top: 0px !important;
4812    margin-bottom: 20px; }
4813
4814.storeGeneralDetails p.note {
4815  font-size: 0.8rem;
4816  font-weight: bold; }
4817  .storeGeneralDetails label {
4818    font-size: 0.9rem; }
4819
4820.modalchangeDeliveryTime .btn {
4821  cursor: pointer; }
4822
4823.display-6 {
4824  font-size: 1.5rem; }
4825
4826.backToMap {
4827  cursor: pointer; }
4828
4829.catFoodContainer.closed .catItems {
4830  display: none; }
4831
4832.foodCatOptions {
4833  cursor: pointer; }
4834
4835.showVegetarianOnly {
4836  margin-right: 30px; }
4837
4838#searchFood {
4839  min-height: 48px; }
4840
4841.visibleFixed {
4842  position: fixed !important;
4843  top: 0px;
4844  z-index: 99; }
4845
4846.veganVegetarianBox.visibleFixed {
4847  margin-top: 48px; }
4848
4849.mr5 {
4850  margin-right: 5px; }
4851
4852.catFoodContainer.closed .menuUp {
4853  display: none !important; }
4854  .catFoodContainer.closed .menuDown {
4855    display: inline-block !important; }
4856
4857.catFoodContainer:not(.closed) .menuUp {
4858  display: inline-block !important; }
4859  .catFoodContainer:not(.closed) .menuDown {
4860    display: none !important; }
4861
4862.foodContent .menuPageItem .itemDiscount {
4863  color: #039618;
4864  font-size: 0.6rem;
4865  font-weight: bold;
4866  padding-left: 10px; }
4867
4868.tl-item {
4869  border-radius: 3px;
4870  position: relative;
4871  display: -ms-flexbox;
4872  display: flex; }
4873
4874.tl-item > * {
4875  padding: 10px; }
4876
4877.tl-item .avatar {
4878  z-index: 2; }
4879
4880.tl-item:last-child .tl-dot:after {
4881  display: none; }
4882
4883.tl-item.active .tl-dot:before {
4884  border-color: #448bff;
4885  box-shadow: 0 0 0 4px rgba(68, 139, 255, .2); }
4886
4887.tl-item:last-child .tl-dot:after {
4888  display: none; }
4889
4890.tl-item.active .tl-dot:before {
4891  border-color: #448bff;
4892  box-shadow: 0 0 0 4px rgba(68, 139, 255, .2); }
4893
4894.tl-dot {
4895  position: relative;
4896  border-color: rgba(160, 175, 185, .15); }
4897
4898.tl-dot:after, .tl-dot:before {
4899  content: '';
4900  position: absolute;
4901  border-color: inherit;
4902  border-width: 2px;
4903  border-style: solid;
4904  border-radius: 50%;
4905  width: 10px;
4906  height: 10px;
4907  top: 15px;
4908  left: 50%;
4909  transform: translateX(-50%); }
4910
4911.tl-dot:after {
4912  width: 0;
4913  height: auto;
4914  top: 25px;
4915  bottom: -15px;
4916  border-right-width: 0;
4917  border-top-width: 0;
4918  border-bottom-width: 0;
4919  border-radius: 0; }
4920
4921tl-item.active .tl-dot:before {
4922  border-color: #448bff;
4923  box-shadow: 0 0 0 4px rgba(68, 139, 255, .2); }
4924
4925.tl-dot {
4926  position: relative;
4927  border-color: rgba(160, 175, 185, .15); }
4928
4929.tl-dot:after, .tl-dot:before {
4930  content: '';
4931  position: absolute;
4932  border-color: inherit;
4933  border-width: 2px;
4934  border-style: solid;
4935  border-radius: 50%;
4936  width: 10px;
4937  height: 10px;
4938  top: 15px;
4939  left: 50%;
4940  transform: translateX(-50%); }
4941
4942.tl-dot:after {
4943  width: 0;
4944  height: auto;
4945  top: 25px;
4946  bottom: -15px;
4947  border-right-width: 0;
4948  border-top-width: 0;
4949  border-bottom-width: 0;
4950  border-radius: 0; }
4951
4952@keyframes pulseActive {
4953  0% {
4954    box-shadow: 0 0 0 0 rgba(29, 25, 145, 0.7); }
4955
4956  90% {
4957    box-shadow: 0 0 0 13px rgba(29, 25, 145, 0); }
4958
4959  100% {
4960    box-shadow: 0 0 0 0 rgba(29, 25, 145, 0); } }
4961
4962@keyframes pulseActiveRed {
4963  0% {
4964    box-shadow: 0 0 0 0 rgba(200, 54, 75, 0.7); }
4965
4966  90% {
4967    box-shadow: 0 0 0 13px rgba(200, 54, 75, 0); }
4968
4969  100% {
4970    box-shadow: 0 0 0 0 rgba(200, 54, 75, 0); } }
4971
4972.tl-item.active .tl-dot:before {
4973  animation: pulseActive 1.5s infinite; }
4974
4975.table-responsive table {
4976  word-break: normal; }
4977  .table-responsive table th {
4978    display: table-cell; }
4979
4980.tl-content p:last-child {
4981  margin-bottom: 0; }
4982
4983.tl-date {
4984  font-size: 0.85em;
4985  margin-top: 2px;
4986  min-width: 170px;
4987  max-width: 170px; }
4988
4989.yourOrder .info {
4990  order: 0; }
4991  .yourOrder .checkoutBtn {
4992    padding-bottom: calc(env(safe-area-inset-bottom)) !important; }
4993
4994html.cartIsOpen .orderMethodFilterInCart {
4995  display: none !important; }
4996  html.cartIsOpen .mobileMenuIndicator {
4997    opacity: 0; }
4998  html.cartIsOpen .modal-backdrop {
4999    z-index: 1040 !important; }
5000  html.cartIsOpen .headerAjax {
5001    z-index: 0 !important; }
5002  html.cartIsOpen .foodName {
5003    font-size: 0.9rem;
5004    justify-content: center;
5005    align-items: flex-start;
5006    display: flex;
5007    flex-direction: column; }
5008  html.cartIsOpen input.noteForRestaurant {
5009    background-color: #f6f6f6;
5010    padding: 27px 10px;
5011    border-radius: 0px; }
5012  html.cartIsOpen .finalPrice {
5013    display: flex;
5014    justify-content: center;
5015    align-items: center;
5016    font-size: 0.9rem;
5017    color: #828585;
5018    padding-right: 0px; }
5019  html.cartIsOpen .openMobileCartWolf {
5020    transform: translateY(100%); }
5021  html.cartIsOpen .sendOrderTable {
5022    padding: 15px 15px;
5023    font-weight: bold; }
5024  html.cartIsOpen .items--card {
5025    padding-top: 10px;
5026    overflow-y: scroll;
5027    overflow-x: hidden;
5028    display: flex;
5029    flex-grow: 1;
5030    order: 1;
5031    background: white;
5032    padding: 5px 10px;
5033    border-bottom: 1px solid #f4f4f5; }
5034  html.cartIsOpen .items--card .quantity {
5035    padding-left: 0px; }
5036  html.cartIsOpen .items--card .quantity i {
5037    position: absolute;
5038    top: 0px;
5039    pointer-events: none;
5040    line-height: unset !important;
5041    right: 25px; }
5042  html.cartIsOpen .items--card .form-control {
5043    background: #f6f6f6;
5044    padding: 0.5em;
5045    padding-right: 1.5em;
5046    background-color: #f6f6f6;
5047    -webkit-appearance: none;
5048    border-bottom: 1px solid #e2e2e2;
5049    border: none !important;
5050    border-radius: 0px !important;
5051    font-size: 1.1rem;
5052    box-shadow: #e2e2e2 0px -1px 0px inset !important;
5053    padding: 12px 32px 12px 16px;
5054    height: auto !important; }
5055  html.cartIsOpen .yourOrder {
5056    transform: translateY(0px); }
5057  html.cartIsOpen .yourOrder .noteForRestaurantParent {
5058    order: 4;
5059    background: white; }
5060  html.cartIsOpen .yourOrder .alertFixedMobile, html.cartIsOpen .yourOrder .guestTotal, html.cartIsOpen .yourOrder .summary .note, html.cartIsOpen .yourOrder .total .note {
5061    display: none; }
5062  html.cartIsOpen .yourOrder .basketItems {
5063    height: calc(100% - 100px - env(safe-area-inset-top)); }
5064  html.cartIsOpen .yourOrder .basketItems h3 {
5065    flex-direction: row;
5066    align-items: start !important;
5067    border-bottom: 1px solid #f4f4f5;
5068    padding: 0px !important;
5069    margin-bottom: 10px !important; }
5070  html.cartIsOpen .yourOrder .checkoutBtn {
5071    margin-bottom: 40px; }
5072  html.cartIsOpen .yourOrder .checkoutBtn a {
5073    border-radius: 0px !important;
5074    padding: 12px; }
5075  html.cartIsOpen .yourOrder .yourOrder .summary {
5076    order: 3;
5077    margin-top: 10px;
5078    padding-top: 10px;
5079    box-shadow: 0px -3px 6px -2px rgba(0, 0, 0, 0.07); }
5080  html.cartIsOpen .yourOrder .basketIsEmpty {
5081    height: 130px;
5082    margin: 20px 0px;
5083    background-size: contain !important;
5084    background-repeat: no-repeat !important;
5085    background-position: center center !important; }
5086  html.cartIsOpen .yourOrder .basketCartItems {
5087    padding-bottom: 15px;
5088    height: 100%; }
5089  html.cartIsOpen .yourOrder .basketCartItems i {
5090    margin-right: 10px; }
5091  html.cartIsOpen .yourOrder .basketCartItems .couponCode {
5092    display: none; }
5093  html.cartIsOpen .yourOrder .basketCartItems .summary {
5094    order: 7;
5095    background: white;
5096    padding: 10px; }
5097  html.cartIsOpen .yourOrder .basketCartItems .total {
5098    order: 7;
5099    border-top: 3px solid black;
5100    font-size: 1.4rem;
5101    padding: 10px;
5102    background: white;
5103    padding-bottom: 0px;
5104    margin-bottom: 20px; }
5105  html.cartIsOpen .yourOrder .basketCartItems .total:after {
5106    content: " ";
5107    background: -webkit-linear-gradient(135deg, #f4f4f5 7px, transparent 0), -webkit-linear-gradient(45deg, #f4f4f5 7px, transparent 0);
5108    background: -o-linear-gradient(135deg, #f4f4f5 7px, transparent 0), -o-linear-gradient(45deg, #f4f4f5 7px, transparent 0);
5109    background: linear-gradient(-45deg, #f4f4f5 7px, transparent 0), linear-gradient(45deg, #f4f4f5 7px, transparent 0);
5110    background-position: left bottom;
5111    background-repeat: repeat-x;
5112    background-size: 12px 14px;
5113    display: block;
5114    left: 0;
5115    width: 100%;
5116    height: 14px;
5117    bottom: 0; }
5118  html.cartIsOpen .yourOrder .basketCartItems .checkoutBtn {
5119    order: 5;
5120    margin-top: 20px;
5121    position: absolute;
5122    bottom: 0px;
5123    left: 10px;
5124    width: calc(100% - 20px); }
5125  html.cartIsOpen .cartList.overflow {
5126    overflow-y: scroll;
5127    overflow-x: hidden;
5128    height: 100%; }
5129  html.cartIsOpen .basketCartItems2 .closeMobileCart {
5130    font-size: 40px;
5131    margin: 0px !important; }
5132  html.cartIsOpen .basketCartItems2 .closeMobileCart .align-items-center {
5133    display: flex;
5134    justify-content: center;
5135    align-items: center !important;
5136    text-align: center; }
5137  html.cartIsOpen .basketCartItems2 .closeMobileCart .fa-arrow-left {
5138    --fa: "\f057";
5139    --fa--fa: "\f057\f057"; }
5140  html.cartIsOpen .CartColMd {
5141    display: block !important;
5142    transform: translateY(0%);
5143    z-index: 1040 !important;
5144    left: 0px !important;
5145    position: fixed;
5146    z-index: 1039 !important;
5147    bottom: 0px;
5148    top: 0px;
5149    transition: 300ms all;
5150    height: 100% !important;
5151    background: #f4f4f5;
5152    width: 100%; }
5153
5154.openMobileCartWolf:not(.notAcceptingOrders)[data-size="0"] {
5155  transform: translateY(100%); }
5156
5157.openMobileCartWolf {
5158  display: block;
5159  transition: 400ms all;
5160  box-sizing: border-box;
5161  padding: 10px 10px 1px 10px;
5162  padding-bottom: calc(env(safe-area-inset-bottom)) !important;
5163  background: #fff;
5164  position: fixed;
5165  bottom: 0px;
5166  width: 100%;
5167  left: 0;
5168  right: 0;
5169  width: 100%;
5170  z-index: 3 !important;
5171  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .5); }
5172  .openMobileCartWolf .foodiePoints {
5173    display: flex;
5174    justify-content: center;
5175    text-align: center; }
5176  .openMobileCartWolf .foodiePoints .trophy {
5177    color: #f6ba10;
5178    font-size: 23px;
5179    margin-right: 10px; }
5180  .openMobileCartWolf .foodiePoints .pointsToEarn {
5181    align-self: center; }
5182  .openMobileCartWolf .foodiePoints .pointsToEarn span {
5183    background: linear-gradient(to bottom, #2766ae, #2766ae, #6293cc, #2766ae, #2766ae);
5184    color: white;
5185    border-radius: 3px;
5186    margin: 1px;
5187    padding: 3px; }
5188  .openMobileCartWolf .viewBagLine {
5189    border-radius: 0px;
5190    font-size: 16px;
5191    align-items: center;
5192    display: flex;
5193    position: relative;
5194    background: #2fb350;
5195    border-color: #2fb350 !important;
5196    font-weight: 600;
5197    width: calc(100%);
5198    padding: 12px;
5199    margin: 6px 0px;
5200    color: white !important;
5201    border-radius: 3px; }
5202  .openMobileCartWolf .viewBagLine .totalitems {
5203    /* padding: 4px 6px; */
5204    background: #41754a;
5205    border-radius: 0px;
5206    margin-right: 4px;
5207    border-radius: 10px;
5208    display: inline-flex;
5209    height: 100%;
5210    width: 30px;
5211    height: 30px;
5212    justify-content: center;
5213    align-items: center; }
5214  .openMobileCartWolf .viewBagLine .subtotal {
5215    background: #59a567;
5216    position: absolute;
5217    right: 10px;
5218    padding: 2px;
5219    margin-top: -2px;
5220    border-radius: 4px; }
5221
5222.schedulePickers > div {
5223  position: relative; }
5224  .schedulePickers select {
5225    appearance: none;
5226    background-color: #f6f6f6;
5227    box-shadow: inset 0px -1px 0px #e2e2e2;
5228    padding: 12px 32px 12px 16px;
5229    min-height: 50px; }
5230  .schedulePickers i {
5231    position: absolute;
5232    right: 15px;
5233    top: calc(50% - 7px); }
5234
5235.resultsFoundForAddress {
5236  position: absolute;
5237  bottom: calc(215px + env(safe-area-inset-bottom));
5238  max-height: 160px;
5239  border-radius: 6px;
5240  background: white;
5241  width: calc(100% - 30px);
5242  left: 15px;
5243  overflow: auto; }
5244  .resultsFoundForAddress .aB {
5245    cursor: pointer;
5246    border-top: 1px solid #efeded;
5247    padding: 10px 10px; }
5248
5249.haveACouponCode {
5250  color: #027402 !important; }
5251
5252.site-footer {
5253  position: relative; }
5254
5255.custom-control .custom-control-label {
5256  padding-left: 10px;
5257  padding-top: 2px;
5258  color: #141515; }
5259
5260.wolfList.big a i {
5261  font-size: 1.6rem;
5262  text-align: center; }
5263  .wolfList a.nav-link {
5264    border-bottom: 1px solid #ced4da;
5265    color: black; }
5266
5267.locationMapViewAPI .closeThisSidebar {
5268  display: none !important; }
5269
5270html:not(.web109) .searchBar .input-group {
5271  border: 1px solid #ebebeb;
5272  border-radius: 3px;
5273  background: #f2f4f4; }
5274  html:not(.web109) .searchBar .input-group i {
5275    font-size: 1.2rem; }
5276
5277html:not(.web109) input.form-control, html:not(.web109) input.form-control:focus, html:not(.web109) textarea.form-control, html:not(.web109) textarea.form-control:focus {
5278  background: white; }
5279
5280html:not(.web109) .input-group:not(.normal) .input-group-text {
5281  left: 2px;
5282  z-index: 999;
5283  border: none !important;
5284  height: 100%;
5285  top: 1px;
5286  background: transparent;
5287  display: flex;
5288  justify-content: center;
5289  align-items: center;
5290  flex-direction: row;
5291  align-self: center; }
5292
5293.custom-control .custom-control-label:before {
5294  transition: 0s all;
5295  position: absolute;
5296  pointer-events: none;
5297  content: "";
5298  background-color: #fff;
5299  border: #adb5bd solid 1px;
5300  box-shadow: none !important;
5301  width: 22px;
5302  left: 0px;
5303  height: 22px;
5304  border-radius: 100%;
5305  margin-top: -2px;
5306  background: transparent;
5307  top: 7px; }
5308
5309.custom-control-input {
5310  position: absolute;
5311  z-index: -1;
5312  opacity: 0; }
5313
5314.custom-control .custom-control-label:after {
5315  margin-top: 1px;
5316  margin-left: 3px; }
5317
5318.custom-control .custom-control-label:active:before {
5319  background: #fff !important;
5320  border-color: #000 !important; }
5321
5322.custom-control .custom-control-input:checked ~ .custom-control-label:before {
5323  background: #000 !important;
5324  border-color: #000 !important; }
5325
5326.custom-control .custom-control-input:checked ~ .custom-control-label:after {
5327  width: 16px;
5328  height: 16px;
5329  background-size: 12px 12px; }
5330
5331.custom-control .custom-control-input:checked ~ .custom-control-label:before {
5332  border-radius: 100%; }
5333
5334.custom-radio .custom-control-label:before {
5335  border-radius: 100%; }
5336
5337.custom-radio .custom-control-input:checked ~ .custom-control-label:before {
5338  border-radius: 100%; }
5339
5340.input-list .custom-control {
5341  padding: 0; }
5342
5343.input-list .custom-control:after {
5344  content: "";
5345  height: 1px;
5346  background: #e1e1e1 E1;
5347  display: block;
5348  margin-left: 54px; }
5349
5350.input-list .custom-control-label {
5351  width: 100%;
5352  padding: 10px 20px 10px 54px;
5353  min-height: 50px;
5354  display: flex;
5355  align-items: center;
5356  justify-content: space-between;
5357  transition: 0.1s all; }
5358
5359.input-list .custom-control-label:active {
5360  background: rgba(225, 225, 225, 0.3); }
5361
5362.input-list .custom-control-label:before, .input-list .custom-control-label:after {
5363  top: 50%;
5364  left: 16px;
5365  transform: translate(0%, -50%);
5366  margin: 0; }
5367
5368.input-list .custom-control-label:after {
5369  width: 22px;
5370  height: 22px;
5371  margin: 0px 0 0 3px; }
5372
5373.input-list .custom-control:last-child:after {
5374  display: none; }
5375
5376.eshopElements .showBasket {
5377  position: relative; }
5378
5379.custom-switch .custom-control-label {
5380  width: 56px; }
5381
5382.custom-control-label::after {
5383  position: absolute;
5384  top: 0.25rem;
5385  left: -1.5rem;
5386  display: block;
5387  width: 1rem;
5388  height: 1rem;
5389  content: "";
5390  background: no-repeat 50%/50% 50%; }
5391
5392.custom-switch.custom-switch .custom-control-label {
5393  padding-left: 20px;
5394  width: 100%; }
5395  .custom-switch.custom-switch .custom-control-label {
5396    padding-left: 60px;
5397    width: 100%;
5398    margin-left: -30px; }
5399
5400.custom-switch .custom-control-label:before {
5401  position: absolute;
5402  pointer-events: none;
5403  content: "";
5404  background-color: #fff;
5405  border: #adb5bd solid 1px;
5406  margin: 0;
5407  left: 0;
5408  top: 0;
5409  border-radius: 100px;
5410  width: 56px;
5411  height: 30px;
5412  border-color: rgba(212, 212, 212, 0.882353) !important;
5413  background: #e1e1e1 E1; }
5414
5415.custom-switch .custom-control-label:after {
5416  width: 24px;
5417  transition: 300ms all;
5418  height: 24px;
5419  border-radius: 100px;
5420  margin-top: -1px;
5421  margin-left: 1px;
5422  left: 3px;
5423  top: 4px;
5424  background: #fff;
5425  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 2px 1px 0 rgba(0, 0, 0, 0.05); }
5426
5427.custom-switch .custom-control-label:active:before {
5428  background: rgba(225, 225, 225, 0.5) !important; }
5429
5430.custom-switch .custom-control-input:checked ~ .custom-control-label:before {
5431  border-radius: 100px; }
5432
5433.custom-switch .custom-control-input:checked ~ .custom-control-label:after {
5434  width: 24px;
5435  height: 24px;
5436  border-radius: 100px;
5437  left: 16px; }
5438
5439.custom-control.custom-switch .custom-control-input:checked ~ .custom-control-label:after {
5440  left: 18px; }
5441
5442.custom-control.custom-switch {
5443  padding-left: 40px; }
5444
5445#modalConfirmYourAddress, .modal.addNewAddressBeta {
5446  margin-top: 0px !important;
5447  height: calc(100%) !important; }
5448  #modalConfirmYourAddress .modal-header, .modal.addNewAddressBeta .modal-header {
5449    min-height: 60px;
5450    background: transparent;
5451    position: absolute;
5452    z-index: 99;
5453    left: 0px;
5454    top: calc(10px + env(safe-area-inset-bottom)) !important; }
5455  #modalConfirmYourAddress .modal-header button, .modal.addNewAddressBeta .modal-header button {
5456    background: transparent;
5457    border: none !important;
5458    text-align: left;
5459    margin-left: 0px;
5460    font-size: 2.5rem;
5461    padding: 0px; }
5462  #modalConfirmYourAddress .modal-dialog, .modal.addNewAddressBeta .modal-dialog {
5463    height: 100%;
5464    max-width: 100% !important;
5465    top: 0px !important;
5466    padding: 0px !important;
5467    margin: 0px !important; }
5468  #modalConfirmYourAddress .modal-footer, .modal.addNewAddressBeta .modal-footer {
5469    position: absolute;
5470    z-index: 99;
5471    bottom: 0px;
5472    background: white;
5473    width: 100%;
5474    padding: 0px 15px 40px 15px !important;
5475    -webkit-border-radius: 20px;
5476    -webkit-border-bottom-right-radius: 10px;
5477    -webkit-border-bottom-left-radius: 10px;
5478    -moz-border-radius: 20px;
5479    -moz-border-radius-bottomright: 10px;
5480    -moz-border-radius-bottomleft: 10px;
5481    border-radius: 20px;
5482    border-bottom-right-radius: 10px;
5483    border-bottom-left-radius: 10px;
5484    box-shadow: rgba(21, 23, 26, 0.05) 0px 0.05rem 0.14rem 0px, rgba(21, 23, 26, 0.05) 0px 0.2rem 0.4rem 0px, rgba(21, 23, 26, 0.04) 0px -1px 0px 0px;
5485    display: flex;
5486    flex-direction: column; }
5487  #modalConfirmYourAddress .modal-footer h4, .modal.addNewAddressBeta .modal-footer h4 {
5488    border-bottom: 1px solid #f8f8f8; }
5489  #modalConfirmYourAddress .modal-footer .searchOnMapParent, .modal.addNewAddressBeta .modal-footer .searchOnMapParent {
5490    background: white;
5491    width: 100%;
5492    padding: 10px 0px; }
5493  #modalConfirmYourAddress .modal-body, .modal.addNewAddressBeta .modal-body {
5494    display: flex;
5495    flex-direction: column;
5496    padding: 0px !important;
5497    margin: 0px !important; }
5498  #modalConfirmYourAddress .modal-content, .modal.addNewAddressBeta .modal-content {
5499    height: 100%; }
5500  #modalConfirmYourAddress .modal-header, .modal.addNewAddressBeta .modal-header {
5501    min-height: 60px;
5502    align-items: center; }
5503  #modalConfirmYourAddress .modal-footer, .modal.addNewAddressBeta .modal-footer {
5504    padding-bottom: env(safe-area-inset-bottom); }
5505  #modalConfirmYourAddress .mapFinder, .modal.addNewAddressBeta .mapFinder {
5506    display: flex;
5507    flex: 1;
5508    overflow: hidden; }
5509  #modalConfirmYourAddress .mapFinder .confirmAddressMap, .modal.addNewAddressBeta .mapFinder .confirmAddressMap {
5510    min-height: 100vh;
5511    position: relative;
5512    overflow: hidden;
5513    direction: flex;
5514    flex: 1; }
5515  #modalConfirmYourAddress .mapFinder:after, .modal.addNewAddressBeta .mapFinder:after {
5516    position: absolute;
5517    content: "";
5518    animation: pulseGPS 2.3s infinite;
5519    border-radius: 100%;
5520    left: calc(50% - 1px);
5521    top: calc(50% - 9px);
5522    width: 2px;
5523    height: 2px; }
5524  #modalConfirmYourAddress .mapFinder .pinImage, .modal.addNewAddressBeta .mapFinder .pinImage {
5525    position: absolute;
5526    left: calc(50% - 15px);
5527    top: calc(50% - 60px);
5528    z-index: 1;
5529    font-size: 48px;
5530    animation-timing-function: ease-in-out;
5531    width: 30px;
5532    background: black;
5533    border-radius: 100%;
5534    text-align: center;
5535    height: 30px;
5536    display: flex;
5537    justify-content: center;
5538    align-items: flex-end; }
5539  #modalConfirmYourAddress .mapFinder .pinImage:after, .modal.addNewAddressBeta .mapFinder .pinImage:after {
5540    left: 14px;
5541    position: absolute;
5542    content: "";
5543    height: 30px;
5544    width: 2px;
5545    background: black;
5546    bottom: -23px; }
5547  #modalConfirmYourAddress .mapFinder .pinImage:before, .modal.addNewAddressBeta .mapFinder .pinImage:before {
5548    position: absolute;
5549    content: "";
5550    background: white;
5551    width: 12px;
5552    height: 12px;
5553    left: 9px;
5554    top: 9px;
5555    border-radius: 100%; }
5556
5557.findCurrentLocation {
5558  position: absolute;
5559  top: -65px;
5560  width: 54px;
5561  right: 10px;
5562  height: 54px;
5563  border-radius: 100px;
5564  background: rgba(0, 0, 0, .7);
5565  color: white;
5566  display: flex;
5567  justify-content: center;
5568  align-items: center;
5569  font-size: 19px; }
5570
5571.modaladdNewAddressBeta .mapInstructions {
5572  position: absolute;
5573  color: white;
5574  top: calc(50% - 50px);
5575  z-index: 104;
5576  left: calc(50% - 80px);
5577  background: #f15a6c;
5578  width: 160px;
5579  border-radius: 5px; }
5580  .modaladdNewAddressBeta .mapInstructions:after {
5581    content: "";
5582    position: absolute;
5583    bottom: -5px;
5584    width: 16px;
5585    height: 16px;
5586    background: #f15a6c;
5587    z-index: -1 !important;
5588    display: block;
5589    transform: rotate(45deg);
5590    left: calc(50% - 8px); }
5591  @media (max-width: 991px) {
5592  .modaladdNewAddressBeta .modal-content {
5593    border-radius: 0px !important;
5594    height: 100vh; }
5595  .modaladdNewAddressBeta .modal-body {
5596    justify-content: space-between;
5597    flex-direction: column;
5598    display: flex;
5599    height: 100vh; } }
5600
5601.countrySelector {
5602  display: none;
5603  transform: translateX(100%);
5604  position: absolute;
5605  transition: 300ms all;
5606  width: 100%;
5607  height: 100vh;
5608  top: 0px;
5609  background: white;
5610  z-index: 999; }
5611  .countrySelector .selectThisCountry {
5612    cursor: pointer; }
5613  .countrySelector.isOpen {
5614    transform: translateX(0%);
5615    display: flex;
5616    position: fixed;
5617    pointer-events: all !important;
5618    z-index: 1051;
5619    position: fixed; }
5620  .countrySelector.isOpen .col-12 {
5621    padding-top: calc(env(safe-area-inset-top)) !important; }
5622  .countrySelector input {
5623    font-size: 0.9rem; }
5624  .countrySelector .countries {
5625    overflow-y: scroll;
5626    display: flex;
5627    height: 100%; }
5628  .countrySelector .countries ul {
5629    width: 100%; }
5630  .countrySelector .countries ul li {
5631    border-bottom: 1px solid #d1d7da;
5632    font-size: 0.9rem;
5633    padding: 6px 0px; }
5634  .countrySelector .iti--container {
5635    position: relative;
5636    left: 0px;
5637    width: 100%;
5638    top: 0px;
5639    height: 100%; }
5640
5641.openCountrySelector {
5642  margin-right: 5px;
5643  cursor: pointer;
5644  display: flex;
5645  justify-content: center;
5646  align-items: center; }
5647
5648.orderMethodFilterInCart, .orderMethodFilterCheckout {
5649  position: relative;
5650  align-items: center;
5651  border-radius: 20px;
5652  background: #f5f5f5;
5653  padding: 5px 10px;
5654  width: 100%;
5655  display: flex; }
5656  .orderMethodFilterInCart:before, .orderMethodFilterCheckout:before {
5657    content: "";
5658    width: calc(50% - 5px);
5659    position: absolute;
5660    height: calc(100% - 18px);
5661    border-radius: 20px;
5662    transition: 700ms all;
5663    margin-right: 20px; }
5664  .orderMethodFilterInCart a, .orderMethodFilterCheckout a {
5665    color: black;
5666    flex: 1;
5667    z-index: 3;
5668    border-radius: 5px;
5669    display: flex;
5670    justify-content: center;
5671    align-items: center;
5672    padding: 5px;
5673    height: 100%;
5674    font-size: 0.8rem;
5675    font-weight: 500;
5676    text-decoration: none; }
5677
5678.help-block {
5679  color: #686b78;
5680  font-size: 13px; }
5681
5682.galleryFromContent, .carousel {
5683  cursor: pointer !important; }
5684
5685.iframeInstagram {
5686  width: 100%;
5687  min-height: 1200px !important;
5688  border: none !important;
5689  overflow: hidden !important; }
5690
5691.cardThankYou {
5692  border-color: #087d08;
5693  box-shadow: 0px 0px 3px #087d08;
5694  border-width: 2px !important; }
5695
5696.pointer {
5697  cursor: pointer; }
5698
5699. .fullScreenProductImages {
5700  cursor: pointer;
5701  z-index: 2 !important;
5702  transition: 250ms all; }
5703  . .fullScreenProductImages:hover {
5704    transform: scale(1.1); }
5705
5706.openCountrySelector {
5707  cursor: pointer; }
5708
5709[class*=hint-anim][class*=hint-left]:after {
5710  font-size: 12px; }
5711
5712[class*=hint-anim][class*=hint-left]:hover:after, [class*=hint-anim][class*=hint-left]:hover:before {
5713  margin-right: 9px !important; }
5714
5715.hint-anim {
5716  position: relative; }
5717
5718.owlCarouselProductImages {
5719  transition: 450ms all; }
5720  .owlCarouselProductImages .owl-dots {
5721    margin-bottom: 20px;
5722    margin-top: -40px !important;
5723    z-index: 99;
5724    position: relative; }
5725  .owlCarouselProductImages .owl-dot.active span, .owlCarouselProductImages .owl-dots .owl-dot:hover span {
5726    border: 1px solid #333;
5727    background: transparent !important;
5728    transform: scale(1.5); }
5729  .owlCarouselProductImages .owl-dot span {
5730    transform: scale(1);
5731    transition: 250ms all;
5732    width: 14px !important;
5733    height: 14px !important; }
5734
5735.product--actions > .quantity {
5736  padding-bottom: 10px; }
5737  .product--actions .minusItemQuantity {
5738    border-radius: 5px 0px 0px 5px; }
5739  .product--actions .plusItemQuantity {
5740    border-radius: 0px 5px 5px 0px; }
5741  .product--actions .qty {
5742    border-radius: 0px;
5743    border: 1px solid black;
5744    padding: 0px !important;
5745    display: flex; }
5746  .product--actions .qty .btn {
5747    background: transparent !important; }
5748  .product--actions .qty input {
5749    border: none;
5750    min-width: 50px;
5751    width: 50px;
5752    border-radius: 0px !important; }
5753  .product--actions .qty > * {
5754    height: 40px;
5755    display: flex;
5756    justify-content: center;
5757    align-items: center; }
5758
5759.minusItem.disabled, .plusItem.disabled {
5760  opacity: 0.5;
5761  pointer-events: none; }
5762
5763.qty .plusItemQuantity, .qty .minusItemQuantity {
5764  cursor: pointer;
5765  border: none; }
5766
5767.productRightItems {
5768  align-items: center;
5769  display: flex; }
5770
5771.addItemToFav {
5772  z-index: 1;
5773  position: absolute;
5774  right: 0px;
5775  top: 0px;
5776  cursor: pointer;
5777  background: white !important;
5778  border-radius: 100%;
5779  width: 100%;
5780  height: 30px;
5781  display: flex;
5782  justify-content: flex-end;
5783  align-items: center; }
5784  .addItemToFav.added i {
5785    transform: scale(1.5) !important;
5786    font-weight: 900;
5787    color: #dc3444 !important; }
5788  .addItemToFav.relative {
5789    position: relative;
5790    display: inline-flex;
5791    top: 0px;
5792    right: 0px; }
5793  .addItemToFav i {
5794    transform-origin: center center;
5795    transition: 350ms all; }
5796  .addItemToFav:hover i {
5797    transform: scale(1.2);
5798    color: #dc3444 !important; }
5799
5800.changePage {
5801  cursor: pointer; }
5802
5803#mobilePhone-error {
5804  position: absolute; }
5805
5806#loader-content {
5807  -webkit-box-sizing: border-box;
5808  -moz-box-sizing: border-box;
5809  box-sizing: border-box;
5810  vertical-align: middle;
5811  text-align: left;
5812  font-size: 0;
5813  zoom: 0.5;
5814  position: fixed;
5815  top: 190px;
5816  z-index: 9999999999;
5817  right: 180px;
5818  display: none; }
5819
5820.loader-circle, .loader-line-mask {
5821  position: absolute;
5822  left: 50%;
5823  top: 50%;
5824  height: 120px; }
5825
5826.loader-circle {
5827  width: 120px;
5828  border-radius: 50%;
5829  background: rgba(255, 255, 255, .1);
5830  box-shadow: inset 0 0 0 5px rgba(0, 0, 0, .1); }
5831
5832.loader-line-mask {
5833  width: 60px;
5834  overflow: hidden;
5835  -webkit-transform-origin: 60px 60px;
5836  -moz-transform-origin: 60px 60px;
5837  -ms-transform-origin: 60px 60px;
5838  -o-transform-origin: 60px 60px;
5839  transform-origin: 60px 60px;
5840  -webkit-animation: spin 1.2s infinite linear;
5841  -moz-animation: spin 1.2s infinite linear;
5842  -o-animation: spin 1.2s infinite linear;
5843  animation: spin 1.2s infinite linear; }
5844
5845#loader-content .loader-content-relative {
5846  position: relative; }
5847
5848.loader-line-mask .loader-line {
5849  width: 120px;
5850  height: 120px;
5851  border-radius: 50%;
5852  box-shadow: inset 0 0 0 5px #fff; }
5853
5854#loader-content:before {
5855  content: '';
5856  background: rgba(0, 0, 0, .4);
5857  left: 0;
5858  width: 100%;
5859  height: 100%;
5860  position: fixed;
5861  top: 0; }
5862
5863#loader-content:after {
5864  content: 'Loading...';
5865  left: 0;
5866  width: 100%;
5867  position: fixed;
5868  display: table;
5869  top: 0;
5870  font-family: "Source Sans Pro", Arial, sans-serif;
5871  -webkit-text-size-adjust: 100%;
5872  margin: auto;
5873  font-size: 44px;
5874  text-align: center;
5875  bottom: 0;
5876  color: #fff;
5877  right: 0;
5878  font-weight: 700; }
5879
5880.nav-item.mega h5.subMenuTitle {
5881  font-size: 1rem;
5882  margin-bottom: 5px;
5883  font-weight: 600; }
5884  .nav-item.mega .dropdown-menu {
5885    width: 100%; }
5886  .nav-item.mega .dropdown-menu .divider {
5887    height: 1px;
5888    margin: 9px 0;
5889    overflow: hidden;
5890    background-color: #e5e5e5; }
5891
5892.isNotVisible {
5893  opacity: 0.8 !important;
5894  pointer-events: none; }
5895
5896.isNotVisibleClass {
5897  pointer-events: all !important; }
5898
5899.isNotVisibleClass .itemDetails {
5900  pointer-events: none; }
5901
5902.btnDeliveryOrTakeaway {
5903  color: white !important; }
5904
5905.cookies-popup {
5906  background: white;
5907  color: black;
5908  font-size: 0.8rem;
5909  line-height: 15px;
5910  bottom: 0px;
5911  position: fixed;
5912  z-index: 1000;
5913  box-sizing: border-box;
5914  display: flex;
5915  justify-content: space-between;
5916  align-items: center;
5917  width: 100%;
5918  padding: 10px;
5919  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1); }
5920  .cookies-popup p {
5921    padding: 10px;
5922    margin: 0px; }
5923  .cookies-popup .action {
5924    text-align: right; }
5925  .cookies-popup .action a.btn-secondary {
5926    background: black;
5927    color: white; }
5928
5929.fixedLeftNavBar {
5930  position: fixed;
5931  left: 0px;
5932  top: 0px;
5933  width: 490px;
5934  z-index: 999;
5935  background: white !important;
5936  height: 100%;
5937  display: flex;
5938  padding: 20px;
5939  flex-direction: column;
5940  opacity: 1;
5941  transition-property: transform, opacity;
5942  transition-duration: 0.6s;
5943  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
5944  transition-delay: 0s;
5945  transform: translateX(-100%); }
5946  .fixedLeftNavBar form {
5947    width: 100%; }
5948  .fixedLeftNavBar.open {
5949    transform: translateX(0%); }
5950  .fixedLeftNavBar .closeMenu {
5951    font-size: 2rem;
5952    cursor: pointer; }
5953  .fixedLeftNavBar .searchRow {
5954    display: flex;
5955    justify-content: space-between; }
5956  .fixedLeftNavBar .leftMenu {
5957    list-style: none;
5958    padding: 0px; }
5959  .fixedLeftNavBar .leftMenu li:hover {
5960    background: black; }
5961    .fixedLeftNavBar .leftMenu li:hover a {
5962      color: white; }
5963  .fixedLeftNavBar .leftMenu li a {
5964    color: black; }
5965  .fixedLeftNavBar .leftMenu li .dropdown-menu {
5966    width: 100%;
5967    margin: 0px;
5968    margin-bottom: 10px;
5969    padding: 0px; }
5970    .fixedLeftNavBar .leftMenu li .dropdown-menu a {
5971      padding: 10px 15px;
5972      color: black; }
5973      .fixedLeftNavBar .leftMenu li .dropdown-menu a:hover {
5974        background: black;
5975        color: white; }
5976  .fixedLeftNavBar .leftMenu .signInStore {
5977    text-align: left;
5978    width: 100%;
5979    border-radius: 0px;
5980    background: #f0f0f0; }
5981  .fixedLeftNavBar .leftMenu .signInStore:hover {
5982    color: white;
5983    background: black; }
5984
5985.categoryImage {
5986  background-size: cover;
5987  background-position: center center;
5988  height: 400px;
5989  width: 100%;
5990  background-attachment: fixed !important; }
5991
5992@media (max-width: 768px) {
5993  .storeGeneralDetails .card-body {
5994    padding: 5px 15px !important; }
5995
5996  .storeGeneralDetails p.note {
5997    font-size: 0.9rem;
5998    font-weight: bold; }
5999    .storeGeneralDetails label {
6000      text-transform: uppercase;
6001      font-size: 0.8rem; }
6002
6003  .storeGeneralDetails > .col-12 {
6004    padding: 0px; }
6005    .storeGeneralDetails > .col-12 .col {
6006      padding: 5px; }
6007    .storeGeneralDetails > .col-12 .label {
6008      font-size: 0.7rem; }
6009
6010  .categoryProductsListBox .categoryImage, .productsCarousel .categoryImage {
6011    height: 150px !important;
6012    background-attachment: unset !important;
6013    background-size: cover !important; }
6014
6015  .cookies-popup {
6016    text-align: center; }
6017    .cookies-popup .action {
6018      text-align: center; }
6019
6020  .breadcrumb {
6021    font-size: 0.8rem; }
6022
6023  .yourOrders .card-header, .yourOrder .card-header {
6024    padding: 5px 2px;
6025    position: relative; }
6026    .yourOrders .card-header .orderDetailsHeader, .yourOrder .card-header .orderDetailsHeader {
6027      width: 100%;
6028      padding: 20px; }
6029    .yourOrders .card-body strong, .yourOrder .card-body strong {
6030      margin-top: 10px; }
6031    .yourOrders .cardItems .item, .yourOrder .cardItems .item {
6032      flex-direction: column;
6033      justify-content: flex-start;
6034      align-items: flex-start; }
6035      .yourOrders .cardItems .item .itemPicParent, .yourOrder .cardItems .item .itemPicParent {
6036        align-self: flex-start;
6037        padding: 0px 15px; }
6038      .yourOrders .cardItems .item .image, .yourOrder .cardItems .item .image {
6039        width: 100px !important;
6040        height: 100px !important; }
6041      .yourOrders .cardItems .item .itemPriceFinal, .yourOrder .cardItems .item .itemPriceFinal {
6042        text-align: left !important;
6043        padding: 0px 15px !important; }
6044      .yourOrders .cardItems .item .itemName, .yourOrder .cardItems .item .itemName {
6045        padding: 0px; } }
6046
6047.carousel-row .carousel-control-next, .carousel-row .carousel-control-prev {
6048  background: black;
6049  padding: 30px;
6050  border-radius: 50%;
6051  margin: 0px 20px;
6052  height: 20px;
6053  width: 20px;
6054  top: 50%; }
6055  .carousel-row .carousel-control-next .carousel-control-next-icon, .carousel-row .carousel-control-prev .carousel-control-next-icon, .carousel-row .carousel-control-next .carousel-control-prev-icon, .carousel-row .carousel-control-prev .carousel-control-prev-icon {
6056    padding: 10px; }
6057
6058.welcomeToWolfLogin.retail .btn {
6059  padding: 10px;
6060  border: none;
6061  position: relative; }
6062  .welcomeToWolfLogin.retail i {
6063    position: absolute;
6064    left: 30px;
6065    display: flex;
6066    justify-content: center;
6067    height: 100%;
6068    align-items: center;
6069    overflow: auto;
6070    top: 0px; }
6071
6072.selectedMethod {
6073  position: absolute;
6074  right: 10px;
6075  top: 0px;
6076  color: #15ad15;
6077  height: 100%;
6078  display: flex;
6079  justify-content: center;
6080  align-items: center; }
6081
6082.useThisOrderMethod {
6083  text-align: center;
6084  position: relative;
6085  padding: 10px;
6086  justify-content: center;
6087  align-items: center;
6088  display: flex;
6089  flex-direction: column;
6090  border-width: 1px;
6091  border-radius: 6px;
6092  border-style: solid;
6093  border-color: gray; }
6094  .useThisOrderMethod img {
6095    height: 64px;
6096    display: block; }
6097
6098.cart.basketList .basketItems {
6099  overflow-x: hidden !important; }
6100
6101.toast.toast-success {
6102  width: 300px;
6103  margin-left: auto;
6104  margin-right: auto;
6105  background: #069272;
6106  background-image: none !important;
6107  text-align: center;
6108  padding: 15px !important;
6109  margin-top: 10px;
6110  border: 2px solid #0b6953; }
6111
6112body:not(.checkout) .itemPicParent .quantity {
6113  display: none !important; }
6114
6115.yourOrder .basketIsEmpty {
6116  height: 130px;
6117  margin: 20px 0px;
6118  background-size: contain !important;
6119  background-repeat: no-repeat !important;
6120  background-position: center center !important; }
6121
6122.basketIsEmpty {
6123  display: flex;
6124  justify-content: center;
6125  flex-direction: column;
6126  align-items: center; }
6127  .basketIsEmpty .emptyBasketImage {
6128    max-height: 150px; }
6129
6130.percentageDiscount, .pDP {
6131  position: absolute;
6132  top: 10px;
6133  left: 10px;
6134  background: #e01d1d;
6135  color: white !important;
6136  border-radius: 17px;
6137  padding: 4px 10px; }
6138
6139.modalFood.in {
6140  opacity: 1; }
6141
6142.bootstrap-datetimepicker-widget.dropdown-menu {
6143  width: 280px; }
6144
6145body.product h1 {
6146  font-size: 1.2rem;
6147  padding: 10px 0px; }
6148  body.product h1 .sku {
6149    font-size: 0.9rem; }
6150  body.product h1 a {
6151    color: black; }
6152  body.product .product-item-highlights table tr td {
6153    flex-direction: column;
6154    text-align: left;
6155    justify-content: flex-start;
6156    align-items: flex-start; }
6157    body.product .product-item-highlights table img {
6158      width: 100% !important; }
6159  body.product .tags .badge-15, body.product .tags .badge-bestSeller {
6160    position: absolute;
6161    z-index: 2;
6162    text-transform: uppercase;
6163    top: 10px;
6164    background: #048611;
6165    color: white;
6166    left: 10px; }
6167  body.product .tags .badge-special_offer, body.product .tags .badge-special {
6168    position: absolute;
6169    z-index: 2;
6170    text-transform: uppercase;
6171    top: 10px;
6172    background: #f90b0b;
6173    color: white;
6174    left: 10px; }
6175  body.product .tags .badge-new {
6176    position: absolute;
6177    z-index: 99;
6178    text-transform: uppercase;
6179    top: 10px;
6180    color: black;
6181    background: #ffc107;
6182    left: 10px; }
6183  body.product a:hover {
6184    text-decoration: none; }
6185  body.product table {
6186    width: 100% !important; }
6187  body.product table td, body.product table th {
6188    border: 1px solid #dee2e6 !important; }
6189  body.product .price {
6190    border-bottom: 1px solid #e5e5e5;
6191    padding-bottom: 10px;
6192    margin-bottom: 10px; }
6193  body.product .btnAddToBasket, body.product .btnAddToWishList {
6194    color: black;
6195    border-radius: 0px;
6196    padding: 10px 60px; }
6197  body.product .description {
6198    border-top: 1px solid #e5e5e5;
6199    margin-top: 10px;
6200    padding-top: 10px; }
6201  body.product .extraImages {
6202    margin-bottom: 20px;
6203    display: flex;
6204    flex-wrap: nowrap;
6205    overflow: auto; }
6206  body.product .extraImages > div {
6207    max-width: 23%;
6208    flex: 0 0 23%; }
6209  @media (max-width: 768px) {
6210    body.product .singePhoto {
6211      height: 300px !important; }
6212
6213    body.product .product--image .carousel .carousel-item > div {
6214      height: 300px !important; }
6215
6216    body.product .categoryImages {
6217      text-align: center;
6218      margin-top: 20px; }
6219      body.product .categoryImages img {
6220        width: 100px;
6221        height: initial !important;
6222        max-height: 100px !important; }
6223
6224    body.product .product--details {
6225      padding-bottom: 100px; }
6226
6227    body.product .product-top--title {
6228      font-size: 1.5rem;
6229      font-weight: bold; }
6230
6231    body.product .product--title {
6232      display: none !important; }
6233
6234    body.product .button-submit {
6235      width: 100%; }
6236
6237    body.product table {
6238      border: 0px; }
6239
6240    body.product table td, body.product table th {
6241      display: flex;
6242      flex: 1;
6243      align-items: center;
6244      padding: 0px 0px 5px 0px;
6245      border: 0px !important;
6246      margin: 0px !important;
6247      height: auto !important; } }
6248  body.my-account .box, body.dashboard .box {
6249    position: relative; }
6250  body.my-account .box a, body.dashboard .box a {
6251    color: black;
6252    cursor: pointer; }
6253  body.my-account .box i, body.dashboard .box i {
6254    font-size: 2rem;
6255    margin-right: 10px; }
6256  body.my-account .box p, body.dashboard .box p {
6257    font-size: 0.8rem;
6258    margin-bottom: 0px; }
6259  body.my-account .details, body.dashboard .details {
6260    background: white;
6261    min-height: 500px; }
6262  @media (min-width: 1250px) {
6263      body.my-account .details, body.dashboard .details {
6264        margin-top: -80px;
6265        padding: 50px; } }
6266  body.my-account .details .content, body.dashboard .details .content {
6267    border-bottom: 1px solid #ccc;
6268    margin-top: 1rem;
6269    margin-bottom: 1rem;
6270    padding: 0px 0px 10px 0px; }
6271    body.my-account .details .content i, body.dashboard .details .content i {
6272      margin-right: 10px;
6273      display: flex;
6274      align-items: center; }
6275    body.my-account .details .content h4, body.dashboard .details .content h4 {
6276      font-weight: bold; }
6277    body.my-account .details .content.address div span, body.dashboard .details .content.address div span {
6278      font-size: 0.8rem; }
6279  body.my-account .footer2, body.dashboard .footer2 {
6280    margin-top: 0px !important; }
6281
6282:focus {
6283  box-shadow: none !important; }
6284
6285.socialLogin {
6286  position: relative;
6287  font-weight: bold; }
6288  .socialLogin i {
6289    position: absolute;
6290    left: 10px;
6291    font-size: 2rem;
6292    top: 4px; }
6293
6294.topBar {
6295  background: #f2f2f2; }
6296  .topBar a {
6297    color: #6b6b6b;
6298    font-size: 0.8rem; }
6299  .topBar i {
6300    color: black; }
6301
6302.form-control {
6303  border-radius: 0px;
6304  line-height: 2;
6305  border-color: #d9d9d9; }
6306
6307.quantityController {
6308  margin-right: 5px; }
6309
6310.couponCodeForm .btnApplyCoupon {
6311  cursor: pointer; }
6312  .couponCodeForm .input-group-append {
6313    display: flex; }
6314
6315.relative {
6316  position: relative; }
6317
6318.relativeImportant {
6319  top: unset !important;
6320  left: unset !important;
6321  position: relative !important; }
6322
6323.modalcouponCode .btnApplyCoupon {
6324  position: absolute;
6325  right: 1px;
6326  top: 1px;
6327  height: calc(100% - 2px);
6328  display: flex;
6329  justify-content: center;
6330  align-self: center;
6331  align-items: center; }
6332
6333.modalcouponCode .availableCouponsTitle {
6334  background: #f8f9fa;
6335  margin-left: -14px;
6336  width: calc(100% + 28px);
6337  padding: 10px 25px;
6338  margin-top: 10px; }
6339
6340.discountDesc {
6341  color: #89584b; }
6342
6343.couponCodeDiv .couponDetails {
6344  border: 1px solid #d4d5d9;
6345  padding: 30px 20px !important;
6346  margin-bottom: 20px;
6347  background: white;
6348  height: 100%; }
6349
6350.couponCodeDiv + .couponCodeDiv {
6351  border-top: 1px solid #f5f5f7; }
6352
6353.couponCodeRound {
6354  background: #f5ebed;
6355  padding: 7px 17px;
6356  border-radius: 6px;
6357  border: 1px dashed #f35765;
6358  font-weight: 500;
6359  letter-spacing: 1px; }
6360
6361.couponCodeDiv .title {
6362  padding-bottom: 4px;
6363  font-weight: 500; }
6364  .couponCodeDiv .desc {
6365    margin-top: 5px; }
6366  .couponCodeDiv .couponCode {
6367    padding: 20px 0px; }
6368  .couponCodeDiv .couponCode .coupon {
6369    position: relative;
6370    font-weight: 600;
6371    border: 2px solid #daceb8;
6372    padding: 5px 15px;
6373    background: repeating-linear-gradient(45deg, #fefae6, #fefae6 6px, #faf6e2 6px, #faf6e2 7px); }
6374  .couponCodeDiv .couponCode .coupon:before, .couponCodeDiv .couponCode .coupon:after {
6375    content: "";
6376    position: absolute;
6377    transform: rotate3d(0, 0, 1, 45deg) skew(15deg, 15deg);
6378    width: 5px;
6379    height: 5px;
6380    background: white;
6381    left: 36px; }
6382  .couponCodeDiv .couponCode .coupon:before {
6383    top: -3px;
6384    border-bottom: 2px solid #daceb8;
6385    border-right: 2px solid #daceb8; }
6386  .couponCodeDiv .couponCode .coupon:after {
6387    bottom: -3px;
6388    border-top: 2px solid #daceb8;
6389    border-left: 2px solid #daceb8; }
6390  .couponCodeDiv .couponCode .icon {
6391    margin-right: 20px; }
6392  .couponCodeDiv .couponCode .icon img {
6393    width: 16px;
6394    position: relative;
6395    top: -1px; }
6396
6397.cartFixedAlways {
6398  transform: translateX(130%);
6399  transition: 250ms all;
6400  position: fixed;
6401  width: 45%;
6402  z-index: 99 !important;
6403  right: 0px;
6404  top: 0px;
6405  /* padding: 10px; */
6406  z-index: 9;
6407  bottom: 0px;
6408  height: 100vh; }
6409  .cartFixedAlways .cartPage {
6410    width: 100%; }
6411  .cartFixedAlways .basketItems {
6412    padding: 15px;
6413    margin-bottom: 0px !important; }
6414  .cartFixedAlways.visible {
6415    transform: translateX(0%);
6416    display: flex;
6417    background: white; }
6418
6419.cartPage .cart, .my-account .cart, body.dashboard .cart, .cartPage .mainContent, .my-account .mainContent, body.dashboard .mainContent {
6420  overflow-x: hidden;
6421  display: flex;
6422  flex-direction: column;
6423  position: relative;
6424  height: 100%; }
6425  .cartPage .cart .basketItems, .my-account .cart .basketItems, body.dashboard .cart .basketItems, .cartPage .mainContent .basketItems, .my-account .mainContent .basketItems, body.dashboard .mainContent .basketItems {
6426    overflow: scroll;
6427    margin-bottom: 30px; }
6428  .cartPage .cart .basketItems .subItems, .my-account .cart .basketItems .subItems, body.dashboard .cart .basketItems .subItems, .cartPage .mainContent .basketItems .subItems, .my-account .mainContent .basketItems .subItems, body.dashboard .mainContent .basketItems .subItems {
6429    border-top: 1px solid rgba(179, 160, 162, 0.34);
6430    padding: 10px 0px;
6431    border-bottom: 1px solid rgba(179, 160, 162, 0.34);
6432    margin: 10px 0px; }
6433  .cartPage .cart.sticky, .my-account .cart.sticky, body.dashboard .cart.sticky, .cartPage .mainContent.sticky, .my-account .mainContent.sticky, body.dashboard .mainContent.sticky {
6434    position: fixed;
6435    top: 0px !important;
6436    margin-top: 0px !important;
6437    z-index: 5; }
6438  .cartPage .cart .itemPic, .my-account .cart .itemPic, body.dashboard .cart .itemPic, .cartPage .mainContent .itemPic, .my-account .mainContent .itemPic, body.dashboard .mainContent .itemPic {
6439    max-width: 100%;
6440    background-repeat: no-repeat !important;
6441    background-size: contain !important; }
6442  .cartPage .cart .item, .my-account .cart .item, body.dashboard .cart .item, .cartPage .mainContent .item, .my-account .mainContent .item, body.dashboard .mainContent .item {
6443    font-size: 0.8rem; }
6444  .cartPage .cart .quantityControl, .my-account .cart .quantityControl, body.dashboard .cart .quantityControl, .cartPage .mainContent .quantityControl, .my-account .mainContent .quantityControl, body.dashboard .mainContent .quantityControl {
6445    margin-left: -10px;
6446    padding: 0px;
6447    text-align: center;
6448    align-items: center;
6449    display: flex; }
6450  .cartPage .cart .removeItemFromCart, .my-account .cart .removeItemFromCart, body.dashboard .cart .removeItemFromCart, .cartPage .mainContent .removeItemFromCart, .my-account .mainContent .removeItemFromCart, body.dashboard .mainContent .removeItemFromCart {
6451    width: 20px;
6452    cursor: pointer;
6453    position: absolute;
6454    z-index: 8;
6455    cursor: pointer;
6456    right: 20px;
6457    font-weight: 700;
6458    height: 20px;
6459    margin: 0;
6460    background-color: #fff;
6461    border: 1px solid #ccc;
6462    color: #007bff;
6463    border-radius: 4px;
6464    justify-content: center;
6465    align-items: center;
6466    display: flex; }
6467  .cartPage .cart .plus, .my-account .cart .plus, body.dashboard .cart .plus, .cartPage .mainContent .plus, .my-account .mainContent .plus, body.dashboard .mainContent .plus, .cartPage .cart .minus, .my-account .cart .minus, body.dashboard .cart .minus, .cartPage .mainContent .minus, .my-account .mainContent .minus, body.dashboard .mainContent .minus {
6468    width: 20px;
6469    cursor: pointer;
6470    font-weight: 700;
6471    height: 20px;
6472    margin: 0px 10px;
6473    background-color: #fff;
6474    border: 1px solid #ccc;
6475    left: 0;
6476    color: #007bff;
6477    border-radius: 4px;
6478    justify-content: center;
6479    align-items: center;
6480    display: flex; }
6481  .cartPage .cart .plus:hover, .my-account .cart .plus:hover, body.dashboard .cart .plus:hover, .cartPage .mainContent .plus:hover, .my-account .mainContent .plus:hover, body.dashboard .mainContent .plus:hover, .cartPage .cart .minus:hover, .my-account .cart .minus:hover, body.dashboard .cart .minus:hover, .cartPage .mainContent .minus:hover, .my-account .mainContent .minus:hover, body.dashboard .mainContent .minus:hover {
6482    box-shadow: #e2e2e2 0px 0px 5px !important; }
6483  .cartPage .cart .plus i, .my-account .cart .plus i, body.dashboard .cart .plus i, .cartPage .mainContent .plus i, .my-account .mainContent .plus i, body.dashboard .mainContent .plus i, .cartPage .cart .minus i, .my-account .cart .minus i, body.dashboard .cart .minus i, .cartPage .mainContent .minus i, .my-account .mainContent .minus i, body.dashboard .mainContent .minus i {
6484    font-size: 11px; }
6485  .cartPage .cart .itemPriceFinal, .my-account .cart .itemPriceFinal, body.dashboard .cart .itemPriceFinal, .cartPage .mainContent .itemPriceFinal, .my-account .mainContent .itemPriceFinal, body.dashboard .mainContent .itemPriceFinal {
6486    display: flex;
6487    flex-grow: 1;
6488    word-break: initial !important;
6489    text-align: right;
6490    justify-content: flex-end;
6491    align-items: center; }
6492  .cartPage .cart .itemName, .my-account .cart .itemName, body.dashboard .cart .itemName, .cartPage .mainContent .itemName, .my-account .mainContent .itemName, body.dashboard .mainContent .itemName {
6493    font-size: 1.1rem; }
6494  .cartPage .cart .itemPriceFinal, .my-account .cart .itemPriceFinal, body.dashboard .cart .itemPriceFinal, .cartPage .mainContent .itemPriceFinal, .my-account .mainContent .itemPriceFinal, body.dashboard .mainContent .itemPriceFinal {
6495    font-size: 1rem; }
6496  .cartPage .cart .itemPicParent, .my-account .cart .itemPicParent, body.dashboard .cart .itemPicParent, .cartPage .mainContent .itemPicParent, .my-account .mainContent .itemPicParent, body.dashboard .mainContent .itemPicParent {
6497    position: relative;
6498    min-width: 64px;
6499    align-self: center; }
6500  .cartPage .cart .itemPicParent > .image, .my-account .cart .itemPicParent > .image, body.dashboard .cart .itemPicParent > .image, .cartPage .mainContent .itemPicParent > .image, .my-account .mainContent .itemPicParent > .image, body.dashboard .mainContent .itemPicParent > .image {
6501    position: relative; }
6502  .cartPage .cart .itemPicParent .quantity, .my-account .cart .itemPicParent .quantity, body.dashboard .cart .itemPicParent .quantity, .cartPage .mainContent .itemPicParent .quantity, .my-account .mainContent .itemPicParent .quantity, body.dashboard .mainContent .itemPicParent .quantity {
6503    font-size: 0.85714em;
6504    font-weight: 500;
6505    line-height: 1.75em;
6506    white-space: nowrap;
6507    text-align: center;
6508    border-radius: 1.75em;
6509    background-color: rgba(114, 114, 114, 0.9);
6510    color: #fff;
6511    -webkit-box-sizing: border-box;
6512    box-sizing: border-box;
6513    min-width: 1.75em;
6514    height: 1.75em;
6515    padding: 0 0.58333em;
6516    position: absolute;
6517    right: -0.75em;
6518    top: -0.75em;
6519    z-index: 3; }
6520  .cartPage .cart .itemPicParent .image, .my-account .cart .itemPicParent .image, body.dashboard .cart .itemPicParent .image, .cartPage .mainContent .itemPicParent .image, .my-account .mainContent .itemPicParent .image, body.dashboard .mainContent .itemPicParent .image {
6521    width: 64px;
6522    height: 64px;
6523    border: 1.4px solid rgba(114, 114, 114, 0.9);
6524    border-radius: 5px; }
6525  .cartPage .cart .header, .my-account .cart .header, body.dashboard .cart .header, .cartPage .mainContent .header, .my-account .mainContent .header, body.dashboard .mainContent .header {
6526    background: white; }
6527  .cartPage .cart .header .alert, .my-account .cart .header .alert, body.dashboard .cart .header .alert, .cartPage .mainContent .header .alert, .my-account .mainContent .header .alert, body.dashboard .mainContent .header .alert {
6528    font-size: 0.8rem; }
6529  .cartPage .cart .header .total, .my-account .cart .header .total, body.dashboard .cart .header .total, .cartPage .mainContent .header .total, .my-account .mainContent .header .total, body.dashboard .mainContent .header .total {
6530    font-weight: bold; }
6531  .cartPage .cart .basketItemPrice, .my-account .cart .basketItemPrice, body.dashboard .cart .basketItemPrice, .cartPage .mainContent .basketItemPrice, .my-account .mainContent .basketItemPrice, body.dashboard .mainContent .basketItemPrice {
6532    font-weight: 600;
6533    position: absolute;
6534    right: 20px;
6535    bottom: 20px; }
6536  .cartPage .cart .item, .my-account .cart .item, body.dashboard .cart .item, .cartPage .mainContent .item, .my-account .mainContent .item, body.dashboard .mainContent .item {
6537    padding-bottom: 8px;
6538    padding-top: 8px;
6539    flex-wrap: initial;
6540    position: relative;
6541    background: white; }
6542  .cartPage .cart .cardItems + .cardItems, .my-account .cart .cardItems + .cardItems, body.dashboard .cart .cardItems + .cardItems, .cartPage .mainContent .cardItems + .cardItems, .my-account .mainContent .cardItems + .cardItems, body.dashboard .mainContent .cardItems + .cardItems {
6543    border-top: 1px solid #ccc; }
6544  .cartPage .cart .viewBasket, .my-account .cart .viewBasket, body.dashboard .cart .viewBasket, .cartPage .mainContent .viewBasket, .my-account .mainContent .viewBasket, body.dashboard .mainContent .viewBasket {
6545    position: absolute;
6546    bottom: 0px;
6547    border-radius: 0px; }
6548
6549.btn.btn-wolf {
6550  background: #fff;
6551  border-radius: 4.5px;
6552  border: 1px solid #e7e7e7;
6553  color: #7b8489 !important;
6554  box-shadow: none;
6555  text-align: center;
6556  font-size: 1rem;
6557  box-shadow: rgba(54, 54, 54, 0.06) 0px 1px 2px;
6558  font-weight: 300;
6559  border-radius: 5px; }
6560  .btn.btn-wolf i.fa-wolf {
6561    background: url('https://cdn.b3web.xyz/web/wolf/optimizedicon.png1597155038.png');
6562    background-size: contain;
6563    width: 30px;
6564    height: 30px;
6565    background-repeat: no-repeat; }
6566  .btn.btn-wolf:hover {
6567    background: #e7e7e7; }
6568
6569.businessAddress {
6570  cursor: pointer;
6571  pointer-events: all; }
6572
6573.myAddressesPlaceholder h4 {
6574  font-size: 1.5rem !important;
6575  margin-bottom: 10px !important;
6576  margin-top: 10px !important; }
6577
6578.locationResults {
6579  left: 0px;
6580  position: absolute;
6581  z-index: 1;
6582  background: white;
6583  width: calc(100% - 0px);
6584  margin-left: 0px !important;
6585  margin: 0 1px;
6586  overflow: scroll;
6587  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
6588  box-shadow: 0 2px 4px rgba(0, 0, 0, .08); }
6589  .locationResults ul {
6590    list-style: none;
6591    margin-left: 0px;
6592    margin-bottom: 0px;
6593    padding: 0px; }
6594  .locationResults ul li {
6595    display: flex;
6596    background-color: #fff; }
6597  .locationResults ul li:hover {
6598    background-color: #f9fafa; }
6599  .locationResults ul li .setLocationFromDropdown {
6600    display: flex; }
6601  .locationResults ul li .locationResultName {
6602    margin-left: 12px; }
6603  .locationResults ul li a {
6604    padding: 13px 21px;
6605    color: #828585;
6606    width: 100%;
6607    font-size: 0.9rem; }
6608    .locationResults ul li a strong {
6609      font-weight: 500;
6610      color: #2e3333; }
6611  .locationResults ul li a2:before {
6612    font-family: "Ionicons";
6613    font-weight: 900;
6614    content: "\f1ff";
6615    font-size: 15px;
6616    margin-right: 10px; }
6617  .locationResults ul li + li {
6618    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .08);
6619    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .08); }
6620
6621.basketTotalNumber {
6622  position: absolute;
6623  top: -12px;
6624  right: 0px;
6625  background: #d43030;
6626  color: white;
6627  height: 16px;
6628  width: 16px;
6629  border-radius: 100%;
6630  text-align: center;
6631  font-size: 10px;
6632  display: flex;
6633  justify-content: center;
6634  align-items: center; }
6635
6636.showBasket .basketTotalNumber {
6637  right: -8px; }
6638
6639@media (min-width: 991px) {
6640  .buttonAlwaysBottomCheckout {
6641    border-radius: 8px !important; } }
6642
6643.checkoutButtonInCart a {
6644  padding: 14px;
6645  font-size: 16px; }
6646
6647body.checkout {
6648  background: #f4f5f5; }
6649  body.checkout .buttonAlwaysBottomCheckout {
6650    width: 100%;
6651    background: white;
6652    display: flex;
6653    justify-content: center;
6654    align-items: center;
6655    z-index: 999;
6656    min-height: 70px;
6657    height: 70px;
6658    bottom: 0px !important;
6659    left: 0px;
6660    border-radius: 0px;
6661    border: 0px;
6662    background: #303331;
6663    text-align: center;
6664    bottom: 0px;
6665    left: 0px;
6666    font-size: 16px !important;
6667    color: white;
6668    /*.details,.payment,.basketCartItems{ */ }
6669  body.checkout .buttonAlwaysBottomCheckout a {
6670    text-decoration: none;
6671    color: white !important; }
6672  body.checkout .details h2, body.checkout .payment h2, body.checkout .basketCartItems h2 {
6673    padding: 1rem !important;
6674    position: relative;
6675    z-index: 1;
6676    display: flex;
6677    align-items: normal;
6678    background: white;
6679    border-top-left-radius: 4px;
6680    border-top-right-radius: 4px;
6681    margin-top: 0px !important;
6682    width: 100%; }
6683  body.checkout .details .address .p-2, body.checkout .payment .address .p-2, body.checkout .basketCartItems .address .p-2 {
6684    padding: 0px !important; }
6685  body.checkout .details .estimate--delivery, body.checkout .payment .estimate--delivery, body.checkout .basketCartItems .estimate--delivery {
6686    padding: 0.5rem 1rem !important; }
6687  body.checkout .details .address .card-type-logo, body.checkout .payment .address .card-type-logo, body.checkout .basketCartItems .address .card-type-logo, body.checkout .details .paymentOptions .card-type-logo, body.checkout .payment .paymentOptions .card-type-logo, body.checkout .basketCartItems .paymentOptions .card-type-logo {
6688    width: 50px !important;
6689    padding: 10px;
6690    background: aliceblue;
6691    margin-right: 10px; }
6692  body.checkout .details .address .cardDetails, body.checkout .payment .address .cardDetails, body.checkout .basketCartItems .address .cardDetails, body.checkout .details .paymentOptions .cardDetails, body.checkout .payment .paymentOptions .cardDetails, body.checkout .basketCartItems .paymentOptions .cardDetails {
6693    margin-top: 10px !important; }
6694  body.checkout .details .basketItems, body.checkout .payment .basketItems, body.checkout .basketCartItems .basketItems {
6695    padding: 0.5rem 1rem !important; }
6696  body.checkout .dropdownCards .details, body.checkout .dropdown-menu .details {
6697    background: transparent !important;
6698    margin: 0px !important;
6699    box-shadow: none !important;
6700    border: none !important; }
6701  body.checkout .selectPaymentMethod a {
6702    color: white; }
6703  body.checkout .haveACouponCode {
6704    background: #eaeaea;
6705    border-radius: 20px;
6706    padding: 0px 20px;
6707    border: 1px solid #ccc;
6708    color: black;
6709    font-weight: bold; }
6710  body.checkout .selectHouseOrFlat.nav-pills {
6711    margin-bottom: 20px; }
6712  body.checkout .selectHouseOrFlat.nav-pills .nav-link.active {
6713    color: #fff;
6714    background-color: #232932; }
6715  body.checkout .checkoutButtonInCart {
6716    display: none; }
6717  body.checkout footer > .container {
6718    display: none; }
6719  @media (max-width: 767px) {
6720  body.checkout .detailsBox .nav-link {
6721    font-size: 0.8rem; }
6722  body.checkout .breadcrumb {
6723    font-size: 0.8rem; }
6724  body.checkout .securityNote {
6725    font-size: 0.75rem; }
6726  body.checkout .takeawayFromThisStore {
6727    flex-direction: column;
6728    justify-content: flex-start !important;
6729    align-items: flex-start !important;
6730    font-size: 0.9rem; }
6731  body.checkout .useThisAddressButton {
6732    width: 100%; }
6733  body.checkout .placeOrderForm {
6734    font-size: 0.8rem; }
6735  body.checkout .cartPage {
6736    background: white !important;
6737    font-size: 0.8rem; }
6738  body.checkout .btn {
6739    font-size: 0.8rem; }
6740  body.checkout .useThisAddress {
6741    font-size: 0.8rem; }
6742  body.checkout .useThisOrderMethod {
6743    margin: 0px 20px;
6744    font-size: 0.8rem;
6745    color: black; }
6746  body.checkout .address::after {
6747    display: none; }
6748  body.checkout .alert {
6749    width: 100%;
6750    text-align: center;
6751    border-radius: 0px;
6752    font-size: 0.8rem; }
6753  body.checkout h4 {
6754    font-size: 1rem; }
6755  body.checkout .tipForDriver {
6756    font-size: 20px; }
6757  body.checkout .minusTips, body.checkout .plusTips {
6758    padding: 7px;
6759    font-size: 22px;
6760    line-height: 9px;
6761    text-align: center; }
6762    body.checkout .minusTips i, body.checkout .plusTips i {
6763      font-size: 25px !important; }
6764  body.checkout .securePayment p {
6765    margin: 10px -25px; }
6766  body.checkout .delivery--propertyType {
6767    background: #f4f5f5;
6768    padding: 10px 10px 0px 10px;
6769    margin: 0px -20px;
6770    font-weight: bold;
6771    color: black; }
6772    body.checkout .delivery--propertyType label {
6773      color: black; }
6774  body.checkout .well {
6775    border: 0px;
6776    padding: 10px;
6777    border-bottom: 1px solid #e5e5e5; }
6778  body.checkout .paymentConfirmation {
6779    position: fixed;
6780    width: 100%;
6781    left: 0px;
6782    border-radius: 0px !important;
6783    z-index: 9;
6784    bottom: 20px; }
6785    body.checkout .paymentConfirmation button {
6786      border-radius: 0px;
6787      font-size: 1.3rem; } }
6788  body.checkout .savedAddress {
6789    cursor: pointer;
6790    background: #fff;
6791    border: 1px solid #d4d5d9;
6792    padding: 10px;
6793    transition: 250ms all;
6794    height: 100%;
6795    display: flex;
6796    justify-content: center;
6797    align-items: center;
6798    text-align: center; }
6799  body.checkout .nav.nav-pills .nav-item a {
6800    padding: 10px 20px;
6801    font-size: 1.25rem; }
6802  body.checkout .fullScreenMap {
6803    margin-bottom: 20px; }
6804  body.checkout .checkout--page {
6805    padding: 0px 0px; }
6806  body.checkout .checkout--page h2 {
6807    display: flex;
6808    margin-top: 5px;
6809    padding-bottom: 5px;
6810    align-items: center;
6811    justify-content: space-between;
6812    font-size: 1.2rem !important;
6813    font-weight: 600 !important;
6814    padding: 10px !important; }
6815  body.checkout .checkout--page.disableCheckout {
6816    opacity: 0.4;
6817    pointer-events: none !important; }
6818  body.checkout .checkout--page .address--deliveryActions .deleteAddress {
6819    padding: 5px 10px;
6820    top: 10px;
6821    color: #e11726 !important; }
6822
6823.headerStyle.restaurant .navbar.navbar-dark .loginBtn {
6824  background: #333 !important;
6825  color: white !important; }
6826
6827.countrySelector {
6828  /* Chrome, Safari, Edge, Opera */ }
6829  .countrySelector .closeCountryList {
6830    font-size: 30px; }
6831  .countrySelector .closeCountryList i {
6832    cursor: pointer; }
6833
6834input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
6835  -webkit-appearance: none;
6836  margin: 0;
6837  /* Firefox */ }
6838
6839input[type=number] {
6840  -moz-appearance: textfield; }
6841
6842.modalAjax.loginView .backToLoginScreen, .modalAjax.loginViewAPI .backToLoginScreen {
6843  font-size: 30px; }
6844  .modalAjax.loginView .backToLoginScreen i, .modalAjax.loginViewAPI .backToLoginScreen i {
6845    cursor: pointer; }
6846  .modalAjax.loginView .modal-body.white, .modalAjax.loginViewAPI .modal-body.white {
6847    background: transparent !important; }
6848  .modalAjax.loginView .closeButton, .modalAjax.loginViewAPI .closeButton {
6849    display: none; }
6850
6851.btn.btn-light {
6852  background-color: #f4f5f5 !important;
6853  border-color: rgba(0, 0, 0, .1) !important; }
6854
6855.modalAjax.writeReview, .modalAjax.loginView, .modal.startGroupOrder {
6856  margin-top: 0px !important;
6857  width: 100%; }
6858  .modalAjax.writeReview .modal-header, .modalAjax.loginView .modal-header, .modal.startGroupOrder .modal-header {
6859    padding-top: calc(env(safe-area-inset-top)); }
6860  .modalAjax.writeReview form, .modalAjax.loginView form, .modal.startGroupOrder form {
6861    padding-bottom: calc(env(safe-area-inset-bottom)); }
6862  .modalAjax.writeReview .viewPasswordHiddenEye, .modalAjax.loginView .viewPasswordHiddenEye, .modal.startGroupOrder .viewPasswordHiddenEye {
6863    position: absolute;
6864    right: 0px;
6865    top: 0px;
6866    height: 100%;
6867    width: 40px;
6868    display: flex;
6869    justify-content: center;
6870    align-items: center; }
6871  .modalAjax.writeReview .closeButton, .modalAjax.loginView .closeButton, .modal.startGroupOrder .closeButton {
6872    position: absolute;
6873    right: 15px;
6874    top: 5px; }
6875  .modalAjax.writeReview .formLoginWolf, .modalAjax.loginView .formLoginWolf, .modal.startGroupOrder .formLoginWolf {
6876    padding-top: calc(env(safe-area-inset-top)); }
6877  .modalAjax.writeReview .btnContinueSMS, .modalAjax.loginView .btnContinueSMS, .modal.startGroupOrder .btnContinueSMS {
6878    cursor: pointer;
6879    padding: 10px;
6880    width: 100%; }
6881  .modalAjax.writeReview .separator span, .modalAjax.loginView .separator span, .modal.startGroupOrder .separator span {
6882    z-index: 2;
6883    position: relative;
6884    background: white;
6885    padding: 2px 12px; }
6886  .modalAjax.writeReview .btnContinueEmailLoginInModal, .modalAjax.loginView .btnContinueEmailLoginInModal, .modal.startGroupOrder .btnContinueEmailLoginInModal {
6887    width: 100%; }
6888  .modalAjax.writeReview .separator:before, .modalAjax.loginView .separator:before, .modal.startGroupOrder .separator:before {
6889    content: "";
6890    position: absolute;
6891    left: 0;
6892    top: 50%;
6893    width: 100%;
6894    height: 0;
6895    opacity: 0.24;
6896    border-bottom: 1px solid #8c9b9b; }
6897  .modalAjax.writeReview .phoneNumberInput, .modalAjax.loginView .phoneNumberInput, .modal.startGroupOrder .phoneNumberInput {
6898    border-color: rgba(0, 0, 0, .1) !important;
6899    border: 1px solid;
6900    border-bottom: 0px !important;
6901    border-radius: 10px 10px 0px 0px !important; }
6902  .modalAjax.writeReview .phoneNumberInput label.error, .modalAjax.loginView .phoneNumberInput label.error, .modal.startGroupOrder .phoneNumberInput label.error {
6903    position: absolute;
6904    bottom: -22px;
6905    left: 0px; }
6906  .modalAjax.writeReview .phoneNumberInput .telephoneNumberSignIn, .modalAjax.loginView .phoneNumberInput .telephoneNumberSignIn, .modal.startGroupOrder .phoneNumberInput .telephoneNumberSignIn {
6907    border: none;
6908    border-radius: 0px 10px 0px 0px; }
6909  .modalAjax.writeReview .phoneNumberInput.error, .modalAjax.loginView .phoneNumberInput.error, .modal.startGroupOrder .phoneNumberInput.error {
6910    border-color: #ee1a41; }
6911  .modalAjax.writeReview .separator, .modalAjax.loginView .separator, .modal.startGroupOrder .separator {
6912    text-align: center;
6913    padding: 10px; }
6914  .modalAjax.writeReview .modal-dialog, .modalAjax.loginView .modal-dialog, .modal.startGroupOrder .modal-dialog {
6915    margin: 0 auto !important; }
6916
6917.whenForTheOrder a:not(.active) {
6918  opacity: 0.5; }
6919
6920.selectPaymentMethod h1 {
6921  font-weight: 600 !important;
6922  font-size: 1.2rem !important;
6923  margin-bottom: 10px; }
6924  .selectPaymentMethod h3 {
6925    padding: 0px; }
6926  .selectPaymentMethod p.note {
6927    font-size: 0.7rem; }
6928  .selectPaymentMethod .methodLine {
6929    cursor: pointer;
6930    font-weight: 400;
6931    border-bottom: 1px solid #f5f5f5;
6932    padding: 10px 0px;
6933    transition: 140ms all;
6934    transform-origin: left;
6935    display: flex;
6936    align-items: center;
6937    border-bottom: 1px solid transparent;
6938    font-size: 1.3rem; }
6939  .selectPaymentMethod .methodLine i {
6940    font-size: 1.6rem; }
6941  .selectPaymentMethod .methodLine:hover {
6942    margin-left: 13px; }
6943  .selectPaymentMethod .methodLine:hover .methodName .note {
6944    font-weight: 400; }
6945  .selectPaymentMethod .methodLine.addNewCard i {
6946    padding: 0px 14px 0px 0px;
6947    color: #60b247; }
6948  .selectPaymentMethod .methodLine.addNewCard:hover {
6949    font-weight: 500; }
6950  .selectPaymentMethod .methodLine .methodName {
6951    display: flex;
6952    flex-grow: 1;
6953    font-size: 1.3rem;
6954    margin-left: 10px; }
6955
6956body.checkout .modalpaymentMethod .methodLine img {
6957  background: white;
6958  padding: 10px;
6959  width: 50px !important; }
6960  body.checkout .form-check-input {
6961    -webkit-appearance: radio; }
6962  body.checkout .promoCode {
6963    text-align: center;
6964    margin-top: 20px; }
6965  body.checkout .checkout--page {
6966    /*
6967	label{
6968		color: black;
6969	}
6970	*/ }
6971  body.checkout .checkout--page p.note {
6972    font-size: 0.9rem;
6973    font-weight: normal; }
6974  body.checkout .checkout--page .form-control {
6975    background: #f6f6f6;
6976    padding: 0.5em;
6977    padding-right: 1.5em;
6978    background-color: #f6f6f6;
6979    -webkit-appearance: none;
6980    border-bottom: 1px solid #e2e2e2;
6981    border: none !important;
6982    border-radius: 0px !important;
6983    font-size: 1.1rem;
6984    box-shadow: #e2e2e2 0px -1px 0px inset !important;
6985    padding: 12px 32px 12px 16px;
6986    height: auto !important; }
6987  @media (min-width: 768px) {
6988  body.checkout .btnAddressSelection {
6989    padding: 12px 0px 13px 0px;
6990    border-radius: 0px; }
6991  body.checkout .modal-dialog.modalcouponCode, body.checkout .modal-dialog.modalpaymentMethod {
6992    min-height: calc(100vh - 60px);
6993    display: flex;
6994    flex-direction: column;
6995    justify-content: center;
6996    overflow: auto; }
6997    body.checkout .modal-dialog.modalcouponCode .closeButton button, body.checkout .modal-dialog.modalpaymentMethod .closeButton button {
6998      background: transparent !important;
6999      color: #474752 !important;
7000      font-size: 2rem; }
7001      body.checkout .modal-dialog.modalcouponCode .closeButton button:hover, body.checkout .modal-dialog.modalpaymentMethod .closeButton button:hover {
7002        box-shadow: none !important;
7003        color: black; }
7004      body.checkout .modal-dialog.modalcouponCode .closeButton button:focus, body.checkout .modal-dialog.modalpaymentMethod .closeButton button:focus {
7005        outline: none;
7006        box-shadow: none; }
7007
7008    body.checkout .modal-dialog.modalcouponCode .modal-content, body.checkout .modal-dialog.modalpaymentMethod .modal-content {
7009      border-radius: 0px !important; }
7010      body.checkout .modal-dialog.modalcouponCode .modal-content select:not([multiple]), body.checkout .modal-dialog.modalpaymentMethod .modal-content select:not([multiple]) {
7011        -webkit-appearance: none;
7012        -moz-appearance: none;
7013        background-position: right 50%;
7014        background-repeat: no-repeat;
7015        background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" version="1"><path d="M4 8L0 4h8z"/></svg>');
7016        padding: 0.5em;
7017        padding-right: 1.5em; } }
7018  @media (max-width: 767px) {
7019  body.checkout .promoCode {
7020    padding: 0px !important; }
7021  body.checkout .estimate--delivery {
7022    position: absolute !important;
7023    line-height: 15px;
7024    right: 0px;
7025    z-index: 9;
7026    right: 20px; }
7027  body.checkout input.form-control, body.checkout textarea.form-control {
7028    font-size: 0.9rem !important; }
7029  body.checkout .basketCartItems {
7030    border-top: 1px solid #e2e2e2; }
7031    body.checkout .basketCartItems h2.yourOrderItems {
7032      font-size: 1rem !important; }
7033  body.checkout .modalpaymentMethod .modal-body {
7034    background: white; }
7035  body.checkout .modalpaymentMethod .addNewCardForm a.btnAddNewCardInForm, body.checkout .modalcouponCode .addNewCardForm a.btnAddNewCardInForm, body.checkout .modalchangeDeliveryTime .addNe
7035wCardForm a.btnAddNewCardInForm {
7036    position: fixed;
7037    bottom: 20px;
7038    width: 95%;
7039    left: 10px; }
7040    body.checkout .modalpaymentMethod .modal-content .footer, body.checkout .modalcouponCode .modal-content .footer, body.checkout .modalchangeDeliveryTime .modal-content .footer {
7041      position: fixed;
7042      bottom: 20px; }
7043  body.checkout h1 {
7044    font-weight: 400; }
7045  body.checkout .mobileHeader label {
7046    font-weight: 400; }
7047    body.checkout .mobileHeader p.note {
7048      position: relative; }
7049      body.checkout .mobileHeader p.note::after {
7050        border-bottom: 1px solid #000;
7051        content: '';
7052        position: absolute;
7053        left: 0;
7054        right: 0;
7055        width: 10%;
7056        bottom: 0;
7057        margin: 0 auto;
7058        z-index: 1;
7059        top: 0px; }
7060  body.checkout h2 {
7061    padding: 0px 0px 3px !important; }
7062  body.checkout h2.yourOrderItems {
7063    display: inline !important; }
7064  body.checkout .address, body.checkout .paymentOptions {
7065    position: relative !important; }
7066  body.checkout .wolfWalletUsage {
7067    margin: 10px 0px; }
7068  body.checkout .rightDiv {
7069    display: flex;
7070    padding-bottom: 130px;
7071    flex-direction: column; }
7072    body.checkout .rightDiv .promoCode {
7073      order: 0;
7074      background: transparent !important;
7075      text-align: left !important;
7076      padding: 5px 11px;
7077      color: #7b7b7b !important;
7078      margin-bottom: 20px; }
7079      body.checkout .rightDiv .promoCode .haveACouponCode i {
7080        margin-right: 5px; }
7081
7082    body.checkout .rightDiv .orderPayment {
7083      order: 2; }
7084
7085    body.checkout .rightDiv .note {
7086      order: 4; }
7087
7088    body.checkout .rightDiv .note.privacyNoticeOrderNote {
7089      display: none; }
7090
7091    body.checkout .rightDiv .alert-danger {
7092      position: fixed;
7093      bottom: calc(77px + env(safe-area-inset-bottom));
7094      width: 100%;
7095      left: 0px;
7096      z-index: 9; }
7097
7098    body.checkout .rightDiv .basketEmpltyBtn {
7099      position: fixed;
7100      z-index: 9;
7101      bottom: 30px;
7102      width: calc(100% - 20px);
7103      left: 0px;
7104      margin: 10px;
7105      padding: 10px; }
7106
7107    body.checkout .rightDiv .total {
7108      position: fixed;
7109      bottom: calc(70px + env(safe-area-inset-bottom));
7110      z-index: 9;
7111      left: 0px;
7112      border-radius: 0px !important;
7113      font-size: 20px !important;
7114      transition: 250ms transform;
7115      padding: 8px 15px !important;
7116      width: 100%;
7117      background: white;
7118      border-top: 1px solid rgba(0, 0, 0, .08);
7119      box-shadow: 0px -8px 11px -12px #ccc; }
7120
7121    body.checkout .rightDiv .placeOrderButton {
7122      position: fixed;
7123      width: 100%;
7124      background: white;
7125      padding: 0px 0px 0px 0px;
7126      bottom: 0px;
7127      left: 0px;
7128      z-index: 9; }
7129      body.checkout .rightDiv .placeOrderButton a {
7130        min-height: 70px;
7131        display: flex;
7132        justify-content: center;
7133        align-items: center;
7134        border-radius: 0px !important;
7135        font-size: 16px !important;
7136        display: inline-block;
7137        bottom: 0px;
7138        transition: 250ms transform;
7139        position: relative; }
7140  body.checkout .useCompanyAllowance .useAllowaceOnOff {
7141    padding: 10px 0px; }
7142  body.checkout .basketCartItems {
7143    padding: 0px 0px !important; }
7144    body.checkout .basketCartItems .basketItems {
7145      margin-top: 0px !important;
7146      border-top: 1px solid #f6f6f6 !important; } }
7147  @media (min-width: 1441px) {
7148    body.checkout .checkout--page .col-xl-6 {
7149      -webkit-flex: 0 0 46%;
7150      -ms-flex: 0 0 46%;
7151      flex: 0 0 46%;
7152      width: 46%; } }
7153  body.checkout .checkout--page .help.card {
7154    border-radius: 2rem;
7155    overflow: hidden; }
7156  body.checkout .checkout--page .help.card h3 {
7157    font-weight: bold;
7158    position: relative; }
7159    body.checkout .checkout--page .help.card h3 img.company {
7160      width: 62px;
7161      border-radius: 50%;
7162      position: absolute;
7163      right: -10px;
7164      top: -10px; }
7165  body.checkout .checkout--page .help.card .card-body .name {
7166    font-weight: bold; }
7167  body.checkout .checkout--page .help.card .avatar {
7168    width: 32px;
7169    height: 32px;
7170    margin-right: 10px; }
7171  body.checkout .checkout--page .help.card .card-footer {
7172    text-align: center;
7173    font-weight: 600; }
7174  body.checkout .checkout--page.notLoginIn .payment {
7175    opacity: 0.4;
7176    pointer-events: none; }
7177  body.checkout .checkout--page .promoCode {
7178    text-align: center;
7179    margin-top: 5px; }
7180  body.checkout .checkout--page select {
7181    height: 100%;
7182    background-color: #f6f6f6;
7183    box-shadow: #e2e2e2 0px -1px 0px inset;
7184    -webkit-appearance: none;
7185    border-bottom: 1px solid #e2e2e2;
7186    border: none !important;
7187    border-radius: 0px !important; }
7188  body.checkout .checkout--page .btnPlaceOrder.btn-lg {
7189    padding: 0.8rem 1rem;
7190    height: 60px;
7191    display: flex;
7192    justify-content: center;
7193    align-items: center;
7194    font-size: 19px;
7195    width: 100%;
7196    height: calc(70px + env(safe-area-inset-bottom));
7197    line-height: 1.5;
7198    border-radius: 0px;
7199    font-weight: normal !important; }
7200  body.checkout .checkout--page .basketItems {
7201    border-top: 1px solid #e2e2e2;
7202    padding: 10px 0px 13px 0px;
7203    margin-top: 10px; }
7204  body.checkout .checkout--page .basketItems.removing {
7205    opacity: 0.4 !important; }
7206  body.checkout .checkout--page .basketItems .cartItemModifiers {
7207    font-size: 0.8rem;
7208    margin-left: 10px;
7209    color: #545454; }
7210  body.checkout .checkout--page .basketItems .quantity {
7211    position: relative;
7212    height: 100%; }
7213    body.checkout .checkout--page .basketItems .quantity i {
7214      position: absolute;
7215      pointer-events: none;
7216      line-height: unset !important;
7217      right: 12px;
7218      top: 0px;
7219      height: 100%;
7220      display: flex;
7221      justify-content: center;
7222      align-items: center;
7223      font-size: 12px; }
7224  body.checkout .checkout--page .basketItems .foodName, body.checkout .checkout--page .basketItems .finalPrice {
7225    display: flex;
7226    flex-direction: column;
7227    justify-content: center; }
7228  body.checkout .checkout--page .basketItems .finalPrice {
7229    justify-content: center; }
7230  @media (min-width: 768px) {
7231    body.checkout .checkout--page {
7232      padding: 0px 0px; } }
7233  body.checkout .checkout--page .card-type-logo {
7234    width: 28px; }
7235  body.checkout .checkout--page .address, body.checkout .checkout--page .payment {
7236    padding: 0px 0px 0px 0px; }
7237  body.checkout .checkout--page .selectAddressChevron {
7238    position: absolute;
7239    top: calc(50% - 15px);
7240    line-height: unset !important;
7241    right: 15px; }
7242  body.checkout .checkout--page .orderSummary {
7243    font-size: 0.9rem;
7244    border-bottom: 1px solid #e2e2e2;
7245    margin-bottom: 10px; }
7246  body.checkout .checkout--page .orderSummary > div {
7247    padding: 4px 0px; }
7248  body.checkout .checkout--page .orderSummary div i {
7249    min-width: 24px;
7250    line-height: 100%;
7251    align-self: center; }
7252  body.checkout .checkout--page input.form-control, body.checkout .checkout--page textarea.form-control {
7253    background: #f6f6f6;
7254    border: 0px !important;
7255    border-radius: 0px !important;
7256    font-size: 1.1rem;
7257    color: #7b7b7b !important;
7258    border-bottom: 1px solid #e2e2e2;
7259    margin-bottom: 10px; }
7260  body.checkout .checkout--page input.form-control:focus, body.checkout .checkout--page textarea.form-control:focus {
7261    border-bottom: 1px solid black; }
7262  body.checkout .checkout--page .orderPayment .title {
7263    display: flex;
7264    justify-content: space-between;
7265    font-weight: 400; }
7266    body.checkout .checkout--page .orderPayment .title .value {
7267      font-weight: 400; }
7268  body.checkout .checkout--page .orderPayment .total {
7269    font-weight: 600;
7270    font-size: 1.3rem;
7271    margin-top: 5px;
7272    color: black; }
7273    body.checkout .checkout--page .orderPayment .total .value {
7274      font-weight: 600; }
7275  body.checkout .checkout--page .orderPayment .discount {
7276    color: #5fb246; }
7277  body.checkout .checkout--page .payment, body.checkout .checkout--page .basketCartItems, body.checkout .checkout--page .companyAllowance, body.checkout .checkout--page .wolfWalletUsage {
7278    margin-top: 35px; }
7279  body.checkout .checkout--page .companyAllowance {
7280    margin: 30px 0px; }
7281  body.checkout .checkout--page .separator {
7282    border-bottom: 1px solid #e2e2e2;
7283    margin-bottom: 10px; }
7284  body.checkout .checkout--page .orderMethodFilter, body.checkout .checkout--page .orderMethodFilterCheckout {
7285    border: 1px solid #e8ebeb;
7286    margin-bottom: 6px;
7287    border-radius: 4px;
7288    padding: 8px 10px;
7289    position: relative;
7290    border-radius: 6px;
7291    background: #dededf;
7292    width: 100%;
7293    display: flex;
7294    padding: 2px; }
7295  body.checkout .checkout--page .orderMethodFilter a, body.checkout .checkout--page .orderMethodFilterCheckout a {
7296    color: black;
7297    flex: 1;
7298    border-radius: 5px;
7299    display: flex;
7300    justify-content: center;
7301    align-items: center;
7302    padding: 3px;
7303    height: 100%;
7304    font-weight: 500;
7305    font-size: 1rem; }
7306    body.checkout .checkout--page .orderMethodFilter a.active, body.checkout .checkout--page .orderMethodFilterCheckout a.active {
7307      background: white !important; }
7308  body.checkout .checkout--page .deliveryWhen label {
7309    color: black; }
7310  body.checkout .checkout--page h2 {
7311    display: flex;
7312    margin-top: 5px;
7313    border-bottom: 1px solid #e2e2e2;
7314    padding-bottom: 5px;
7315    align-items: center;
7316    padding: 0px 0px 15px;
7317    justify-content: space-between;
7318    font-size: 1.2rem !important;
7319    font-weight: 600 !important; }
7320  body.checkout .checkout--page h2.noBorder {
7321    line-height: normal !important;
7322    display: flex !important;
7323    justify-content: space-between;
7324    align-items: center;
7325    border-bottom: 1px solid transparent;
7326    margin: 0px;
7327    padding: 0px; }
7328
7329footer.tabs-nav .inner a {
7330  position: relative; }
7331
7332.openBasket .basketTotalNumber {
7333  top: -7px;
7334  right: -7px; }
7335
7336.quantityController .minusItem, .quantityController .plusItem {
7337  text-decoration: none !important; }
7338  .quantityController .minusItem i {
7339    color: #31708f;
7340    border: 2px solid #31708f;
7341    width: 20px !important;
7342    height: 20px !important;
7343    line-height: 20px !important;
7344    border-radius: 100% !important;
7345    display: flex;
7346    justify-content: center;
7347    align-self: center;
7348    padding: 2px;
7349    line-height: 0px !important;
7350    justify-content: center;
7351    align-items: center; }
7352  .quantityController .plusItem i {
7353    color: #31708f;
7354    border: 2px solid #31708f;
7355    width: 20px !important;
7356    height: 20px !important;
7357    line-height: 20px !important;
7358    border-radius: 100% !important;
7359    display: flex;
7360    justify-content: center;
7361    align-self: center;
7362    padding: 2px;
7363    line-height: 0px !important;
7364    justify-content: center;
7365    align-items: center; }
7366
7367.wishListPage h5 a {
7368  color: black; }
7369
7370.productList li:hover .sI {
7371  opacity: 1 !important; }
7372  .productList li .itemImgLazy {
7373    text-align: center;
7374    display: block;
7375    width: 100%; }
7376  .productList li .sI {
7377    opacity: 0;
7378    pointer-events: none;
7379    transition: 450ms all;
7380    position: absolute;
7381    left: 0px;
7382    width: 100%;
7383    height: 100%;
7384    z-index: 0 !important;
7385    background-size: cover !important;
7386    background-repeat: no-repeat !important;
7387    background-position: center center !important; }
7388  .productList li form {
7389    width: 100% !important;
7390    display: flex;
7391    justify-content: space-between !important;
7392    flex-direction: column !important; }
7393
7394.badge.badge-blackfriday, .badge.badge-save {
7395  padding: 4px 8px 4px 8px;
7396  background: black !important;
7397  color: white !important;
7398  border-radius: 5px;
7399  position: absolute;
7400  z-index: 1;
7401  top: 50px;
7402  left: 10px;
7403  font-size: 0.87rem;
7404  padding: 4px;
7405  z-index: 2; }
7406
7407.badge-onlineDeal.badge {
7408  padding: 4px 8px 4px 8px;
7409  background: #ca0000 !important;
7410  color: white !important;
7411  border-radius: 5px;
7412  position: absolute;
7413  z-index: 1;
7414  top: 10px;
7415  left: 10px;
7416  font-size: 0.87rem;
7417  padding: 4px;
7418  z-index: 2; }
7419
7420.badge.badge-paid {
7421  background: #49bb5b !important;
7422  border: 1px solid #49bb5b !important;
7423  color: white !important; }
7424  .badge.badge-cancelled {
7425    background: #8f0006 !important;
7426    border: 1px solid #8f0006 !important;
7427    color: white !important; }
7428
7429.categoryProductsListBox .category--title a, .productsCarousel .category--title a {
7430  color: black; }
7431  .categoryProductsListBox .page-item.active .page-link, .productsCarousel .page-item.active .page-link {
7432    background-color: #212121;
7433    border-color: #212121; }
7434  .categoryProductsListBox .ui-widget.ui-widget-content, .productsCarousel .ui-widget.ui-widget-content {
7435    margin-top: 25px; }
7436  .categoryProductsListBox .filterBody .tooltip, .productsCarousel .filterBody .tooltip {
7437    position: absolute;
7438    opacity: 1 !important;
7439    display: block;
7440    top: -25px;
7441    line-height: 29px !important;
7442    height: 29px;
7443    padding: 0px 4px;
7444    margin-left: 0px;
7445    border-radius: 4px !important;
7446    color: grey;
7447    text-align: center; }
7448  .categoryProductsListBox .filterBody .ui-slider .ui-slider-handle:first-child .tooltip, .productsCarousel .filterBody .ui-slider .ui-slider-handle:first-child .tooltip {
7449    top: 46px; }
7450  .categoryProductsListBox .filterBody .ui-slider .ui-slider-handle:last-child .tooltip, .productsCarousel .filterBody .ui-slider .ui-slider-handle:last-child .tooltip {
7451    top: unset !important;
7452    bottom: -30px;
7453    margin-left: -46px; }
7454  .categoryProductsListBox .selectBox, .productsCarousel .selectBox {
7455    position: relative;
7456    display: inline-block;
7457    border: 1px solid #e6e6e6;
7458    padding: 0px 0px; }
7459  .categoryProductsListBox .selectBox:active, .productsCarousel .selectBox:active, .categoryProductsListBox .selectBox:focus-within, .productsCarousel .selectBox:focus-within, .categoryProductsListBox .selectBox:focus-visible, .productsCarousel .selectBox:focus-visible {
7460    outline: -webkit-focus-ring-color auto 1px; }
7461  .categoryProductsListBox .selectBox select, .productsCarousel .selectBox select {
7462    margin: 1px 0px;
7463    outline: none !important;
7464    border: none !important; }
7465  .categoryProductsListBox .selectBox i, .productsCarousel .selectBox i {
7466    top: 0px;
7467    right: 6px;
7468    height: 100%;
7469    position: absolute;
7470    pointer-events: none;
7471    display: flex;
7472    justify-content: center;
7473    align-items: center; }
7474  .categoryProductsListBox .retailSelect, .productsCarousel .retailSelect {
7475    -webkit-appearance: none;
7476    -moz-appearance: none;
7477    background: #fff;
7478    border: 1px solid #e6e6e6;
7479    border-radius: 2px;
7480    color: #6e6e6e;
7481    cursor: pointer;
7482    display: inline-block;
7483    font-size: 12px;
7484    font-weight: 400;
7485    height: 32px;
7486    line-height: 16px;
7487    padding: 7px;
7488    position: relative;
7489    padding-right: 20px; }
7490  .categoryProductsListBox .retailSelect::after, .productsCarousel .retailSelect::after {
7491    content: "\f107";
7492    font-family: "Font Awesome 6 Pro";
7493    display: inline-block;
7494    box-sizing: border-box;
7495    color: #000;
7496    background-color: #fff;
7497    border: 1px solid #999;
7498    margin-left: -17px;
7499    /* remove the damn :after space */
7500    pointer-events: none;
7501    /* let the click pass trough */ }
7502  .categoryProductsListBox .rightControls, .productsCarousel .rightControls {
7503    gap: 5px;
7504    display: flex;
7505    justify-content: flex-end; }
7506  .categoryProductsListBox .viewModeButton, .productsCarousel .viewModeButton {
7507    font-size: 20px;
7508    color: black;
7509    opacity: 0.3; }
7510  .categoryProductsListBox .viewModeButton.active, .productsCarousel .viewModeButton.active {
7511    opacity: 1 !important; }
7512  .categoryProductsListBox .categeoryFiltersContainer li input, .productsCarousel .categeoryFiltersContainer li input, .categoryProductsListBox .list-filter li input, .productsCarousel .list-filter li input {
7513    -webkit-appearance: none;
7514    transition: 0.1s ease-out;
7515    -moz-appearance: none;
7516    background: #fff;
7517    border: 1px solid #e6e6e6;
7518    border-radius: 2px;
7519    color: #6e6e6e;
7520    cursor: pointer;
7521    display: inline-block;
7522    font-size: 12px;
7523    font-weight: 400;
7524    height: 12px;
7525    width: 12px;
7526    line-height: 16px;
7527    padding: 10px;
7528    position: relative;
7529    vertical-align: top;
7530    outline: none !important; }
7531  .categoryProductsListBox .categeoryFiltersContainer a, .productsCarousel .categeoryFiltersContainer a {
7532    transition: 200ms all;
7533    color: black; }
7534  .categoryProductsListBox .categeoryFiltersContainer a:hover, .productsCarousel .categeoryFiltersContainer a:hover {
7535    padding-left: 10px; }
7536  .categoryProductsListBox .categeoryFiltersContainer li label, .productsCarousel .categeoryFiltersContainer li label, .categoryProductsListBox .list-filter li label, .productsCarousel .list-filter li label {
7537    padding-left: 10px;
7538    display: inline;
7539    padding-top: 0px;
7540    cursor: pointer;
7541    color: black;
7542    font-weight: normal;
7543    font-size: 1rem;
7544    margin-bottom: 0px; }
7545  .categoryProductsListBox .categeoryFiltersContainer li input:checked, .productsCarousel .categeoryFiltersContainer li input:checked, .categoryProductsListBox .list-filter li input:checked, .productsCarousel .list-filter li input:checked {
7546    background: black;
7547    border-color: black;
7548    box-shadow: inset 0px 0px 0px 4px #fff, 0px 2px 0px rgba(0, 0, 0, 0.05) !important; }
7549  .categoryProductsListBox .filterTitle, .productsCarousel .filterTitle {
7550    color: black;
7551    font-size: 0.9rem;
7552    color: #000;
7553    font-weight: bold;
7554    letter-spacing: 0.73px;
7555    border-bottom: 1px solid #dee0e5;
7556    padding-bottom: 10px;
7557    margin-bottom: 10px; }
7558  .categoryProductsListBox .filterBox, .productsCarousel .filterBox {
7559    padding-bottom: 10px; }
7560  .categoryProductsListBox .filterBox.filterByPrice, .productsCarousel .filterBox.filterByPrice {
7561    padding-bottom: 40px; }
7562  .categoryProductsListBox .filterBox .filterBody li, .productsCarousel .filterBox .filterBody li {
7563    display: flex; }
7564  .categoryProductsListBox .filterBox .ui-widget-header, .productsCarousel .filterBox .ui-widget-header {
7565    background: black; }
7566  .categoryProductsListBox .filterBox .ui-slider-horizontal .ui-slider-handle, .productsCarousel .filterBox .ui-slider-horizontal .ui-slider-handle {
7567    border-radius: 100% !important;
7568    background: white !important;
7569    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
7570    outline: none !important; }
7571  .categoryProductsListBox h1, .productsCarousel h1 {
7572    font-size: 1.3rem;
7573    border-bottom: 1px solid #d8d8d8;
7574    padding: 20px 0px;
7575    font-weight: bold; }
7576  .categoryProductsListBox .carousel-control-next, .productsCarousel .carousel-control-next, .categoryProductsListBox .carousel-control-prev, .productsCarousel .carousel-control-prev {
7577    font-size: 1.2rem; }
7578  .categoryProductsListBox .categoryProductList .product-card > .d-flex, .productsCarousel .categoryProductList .product-card > .d-flex {
7579    position: relative; }
7580  .categoryProductsListBox .categoryProductList .tags .badge-15, .productsCarousel .categoryProductList .tags .badge-15, .categoryProductsListBox .categoryProductList .tags .badge-bestSeller, .productsCarousel .categoryProductList .tags .badge-bestSeller {
7581    position: absolute;
7582    z-index: 2;
7583    text-transform: uppercase;
7584    top: 10px;
7585    background: #048611;
7586    color: white;
7587    left: 10px; }
7588  .categoryProductsListBox .categoryProductList .tags .badge-special_offer, .productsCarousel .categoryProductList .tags .badge-special_offer, .categoryProductsListBox .categoryProductList .tags .badge-special, .productsCarousel .categoryProductList .tags .badge-special {
7589    position: absolute;
7590    z-index: 2;
7591    text-transform: uppercase;
7592    top: 10px;
7593    background: #f90b0b;
7594    color: white;
7595    left: 10px; }
7596  .categoryProductsListBox .categoryProductList .tags .badge-new, .productsCarousel .categoryProductList .tags .badge-new {
7597    position: absolute;
7598    z-index: 1;
7599    text-transform: uppercase;
7600    top: 10px;
7601    background: #ffc107;
7602    left: 10px; }
7603  .categoryProductsListBox .categoryProductList .tags .badge-featured, .productsCarousel .categoryProductList .tags .badge-featured {
7604    position: absolute;
7605    z-index: 1;
7606    text-transform: uppercase;
7607    top: 10px;
7608    background: #ffc107;
7609    left: 10px; }
7610  .categoryProductsListBox .categoryProductList .item-img-container, .productsCarousel .categoryProductList .item-img-container {
7611    position: relative;
7612    overflow: hidden; }
7613  @media (max-width: 767px) {
7614    .categoryProductsListBox .categoryProductList, .productsCarousel .categoryProductList {
7615      margin-bottom: 50px; }
7616      .categoryProductsListBox .categoryProductList .btnAddToBasket, .productsCarousel .categoryProductList .btnAddToBasket {
7617        display: none; } }
7618  @media only screen and (min-width: 961px) {
7619  .categoryProductsListBox .product-card:hover .product-card__actions-panel, .productsCarousel .product-card:hover .product-card__actions-panel, .categoryProductsListBox .product-card:active .product-card__actions-panel, .productsCarousel .product-card:active .product-card__actions-panel, .categoryProductsListBox .product-card:focus .product-card__actions-panel, .productsCarousel .product-card:focus .product-card__actions-panel {
7620    -webkit-transform: translateY(0);
7621    -moz-transform: translateY(0);
7622    -ms-transform: translateY(0);
7623    -o-transform: translateY(0);
7624    transform: translateY(0); }
7625  .categoryProductsListBox .product-card__actions-panel, .productsCarousel .product-card__actions-panel {
7626    display: block;
7627    -webkit-transition: -webkit-transform 0.25s ease-in-out;
7628    transition: -webkit-transform 0.25s ease-in-out;
7629    -o-transition: -o-transform 0.25s ease-in-out;
7630    -moz-transition: transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out;
7631    transition: transform 0.25s ease-in-out;
7632    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out;
7633    -webkit-transform: translateY(100%);
7634    -moz-transform: translateY(100%);
7635    -ms-transform: translateY(100%);
7636    -o-transform: translateY(100%);
7637    transform: translateY(100%); } }
7638  .categoryProductsListBox .product-card__actions-panel, .productsCarousel .product-card__actions-panel {
7639    position: absolute;
7640    bottom: 0;
7641    left: 0;
7642    right: 0;
7643    padding: 8px;
7644    background: rgba(255, 255, 255, 0.8);
7645    -webkit-backdrop-filter: blur(4px);
7646    backdrop-filter: blur(4px); }
7647  .categoryProductsListBox .product-card__actions-panel .btnAddToBasket, .productsCarousel .product-card__actions-panel .btnAddToBasket {
7648    border-radius: 0px;
7649    border: 1px solid black;
7650    background: none; }
7651
7652.item-img-container {
7653  height: 200px; }
7654  .item-img-container .item-img {
7655    width: 100%;
7656    height: 100%;
7657    background-size: contain;
7658    background-position: center center !important;
7659    background-repeat: no-repeat; }
7660
7661table.table.dataTable > :not(caption) > * > * {
7662  vertical-align: middle; }
7663
7664.dataTable thead th {
7665  background: #f7f7f7 !important; }
7666
7667body:not(.email-builder) table:not(.fc-scrollgrid-sync-table) {
7668  width: 100%;
7669  margin-bottom: 1rem;
7670  color: #212529; }
7671  body:not(.email-builder) table:not(.fc-scrollgrid-sync-table) td {
7672    padding: 0.35rem; }
7673  body:not(.email-builder) table:not(.fc-scrollgrid-sync-table) th {
7674    padding: 8px 0.35rem; }
7675  body:not(.email-builder) table:not(.fc-scrollgrid-sync-table) td, body:not(.email-builder) table:not(.fc-scrollgrid-sync-table) th {
7676    vertical-align: top;
7677    border-top: 1px solid #dee2e6; }
7678
7679.full-width--slider.fullWidth {
7680  max-width: none !important; }
7681
7682.carousel-control-next, .carousel-control-prev {
7683  color: black;
7684  font-size: 2.3rem; }
7685  .carousel-control-next:hover, .carousel-control-prev:hover, .carousel-control-next:active, .carousel-control-prev:active, .carousel-control-next:focus, .carousel-control-prev:focus {
7686    background: transparent !Important;
7687    color: black; }
7688
7689.b3-section {
7690  position: relative; }
7691
7692.overlay-sidebar-location, .overlay-sidebar-filters, .overlay-sidebar-login, .overlay-sidebar-edit {
7693  transition: 400ms all;
7694  position: fixed;
7695  overflow-x: hidden;
7696  top: 0px;
7697  z-index: 99;
7698  transform: translate(0%, 0px);
7699  background: white;
7700  width: 65%;
7701  height: 100%; }
7702  .overlay-sidebar-location .data, .overlay-sidebar-filters .data, .overlay-sidebar-login .data, .overlay-sidebar-edit .data {
7703    height: 100%; }
7704  .overlay-sidebar-location .preSetGPS, .overlay-sidebar-filters .preSetGPS, .overlay-sidebar-login .preSetGPS, .overlay-sidebar-edit .preSetGPS {
7705    color: #656565; }
7706  .overlay-sidebar-location .mainLoginBody, .overlay-sidebar-filters .mainLoginBody, .overlay-sidebar-login .mainLoginBody, .overlay-sidebar-edit .mainLoginBody {
7707    padding: 20px; }
7708  .overlay-sidebar-location .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle), .overlay-sidebar-filters .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle), .overlay-sidebar-login .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle), .overlay-sidebar-edit .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle) {
7709    padding: 7px 20px;
7710    align-self: center;
7711    cursor: pointer;
7712    font-size: 1.2rem;
7713    font-weight: 400 !important; }
7714  .overlay-sidebar-location .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle) i, .overlay-sidebar-filters .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle) i, .overlay-sidebar-login .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle) i, .overlay-sidebar-edit .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle) i {
7715    line-height: 0px; }
7716  .overlay-sidebar-location .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle).forgotPassword, .overlay-sidebar-filters .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle).forgotPassword, .overlay-sidebar-login .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle).forgotPassword, .overlay-sidebar-edit .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle).forgotPassword {
7717    font-weight: normal !important;
7718    border: 1px solid #e8ebeb;
7719    color: #f41039; }
7720    .overlay-sidebar-location .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle).forgotPassword:hover, .overlay-sidebar-filters .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle).forgotPassword:hover, .overlay-sidebar-login .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle).forgotPassword:hover, .overlay-sidebar-edit .mainLoginBody .btn:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle).forgotPassword:hover {
7721      background: white !important;
7722      border-color: #d1d4d4;
7723      box-shadow: none; }
7724  .overlay-sidebar-location.right, .overlay-sidebar-filters.right, .overlay-sidebar-login.right, .overlay-sidebar-edit.right {
7725    right: 0px; }
7726  .overlay-sidebar-location.right .titleFilters, .overlay-sidebar-filters.right .titleFilters, .overlay-sidebar-login.right .titleFilters, .overlay-sidebar-edit.right .titleFilters {
7727    border-bottom: 1px solid #e9e9eb;
7728    display: flex;
7729    padding: 0px 20px 0px 0px;
7730    align-items: center;
7731    font-weight: 600;
7732    font-size: 1.3rem; }
7733  .overlay-sidebar-location.right.hiddenSidebar, .overlay-sidebar-filters.right.hiddenSidebar, .overlay-sidebar-login.right.hiddenSidebar, .overlay-sidebar-edit.right.hiddenSidebar {
7734    transform: translate(150%, 0px); }
7735  .overlay-sidebar-location .separator, .overlay-sidebar-filters .separator, .overlay-sidebar-login .separator, .overlay-sidebar-edit .separator {
7736    border-bottom: 1px solid #e9e9eb; }
7737  .overlay-sidebar-location .footer, .overlay-sidebar-filters .footer, .overlay-sidebar-login .footer, .overlay-sidebar-edit .footer {
7738    position: -webkit-sticky;
7739    position: fixed;
7740    background: #fff;
7741    z-index: 1;
7742    bottom: 0px;
7743    width: 100%;
7744    padding: 0px 20px;
7745    box-shadow: 0 -2px 4px 0 #e9e9eb;
7746    min-height: 80px;
7747    display: flex;
7748    align-items: center; }
7749  .overlay-sidebar-location .footer .closeThisSidebar, .overlay-sidebar-filters .footer .closeThisSidebar, .overlay-sidebar-login .footer .closeThisSidebar, .overlay-sidebar-edit .footer .closeThisSidebar {
7750    display: none; }
7751  .overlay-sidebar-location .footer .btn.btn-success, .overlay-sidebar-filters .footer .btn.btn-success, .overlay-sidebar-login .footer .btn.btn-success, .overlay-sidebar-edit .footer .btn.btn-success {
7752    width: 100%; }
7753  .overlay-sidebar-location .addressLine:hover, .overlay-sidebar-filters .addressLine:hover, .overlay-sidebar-login .addressLine:hover, .overlay-sidebar-edit .addressLine:hover {
7754    cursor: pointer; }
7755  .overlay-sidebar-location .addressLine:hover .bold, .overlay-sidebar-filters .addressLine:hover .bold, .overlay-sidebar-login .addressLine:hover .bold, .overlay-sidebar-edit .addressLine:hover .bold {
7756    color: ; }
7757  .overlay-sidebar-location .addressLine:hover:after, .overlay-sidebar-filters .addressLine:hover:after, .overlay-sidebar-login .addressLine:hover:after, .overlay-sidebar-edit .addressLine:hover:after {
7758    color: ; }
7759  .overlay-sidebar-location .addressLine, .overlay-sidebar-filters .addressLine, .overlay-sidebar-login .addressLine, .overlay-sidebar-edit .addressLine, .overlay-sidebar-location .recentAddressesBox .recentSearch, .overlay-sidebar-filters .recentAddressesBox .recentSearch, .overlay-sidebar-login .recentAddressesBox .recentSearch, .overlay-sidebar-edit .recentAddressesBox .recentSearch {
7760    position: relative; }
7761  .overlay-sidebar-location .addressLine .flex-fill, .overlay-sidebar-filters .addressLine .flex-fill, .overlay-sidebar-login .addressLine .flex-fill, .overlay-sidebar-edit .addressLine .flex-fill, .overlay-sidebar-location .recentAddressesBox .recentSearch .flex-fill, .overlay-sidebar-filters .recentAddressesBox .recentSearch .flex-fill, .overlay-sidebar-login .recentAddressesBox .recentSearch .flex-fill, .overlay-sidebar-edit .recentAddressesBox .recentSearch .flex-fill {
7762    width: 100%; }
7763  .overlay-sidebar-location .addressLine .flex-fill .address--name, .overlay-sidebar-filters .addressLine .flex-fill .address--name, .overlay-sidebar-login .addressLine .flex-fill .address--name, .overlay-sidebar-edit .addressLine .flex-fill .address--name, .overlay-sidebar-location .recentAddressesBox .recentSearch .flex-fill .address--name, .overlay-sidebar-filters .recentAddressesBox .recentSearch .flex-fill .address--name, .overlay-sidebar-login .recentAddressesBox .recentSearch .flex-fill .address--name, .overlay-sidebar-edit .recentAddressesBox .recentSearch .flex-fill .address--name {
7764    width: 90%;
7765    white-space: nowrap;
7766    overflow: hidden;
7767    text-overflow: ellipsis; }
7768  .overlay-sidebar-location .addressLine:after, .overlay-sidebar-filters .addressLine:after, .overlay-sidebar-login .addressLine:after, .overlay-sidebar-edit .addressLine:after, .overlay-sidebar-location .recentAddressesBox .recentSearch:after, .overlay-sidebar-filters .recentAddressesBox .recentSearch:after, .overlay-sidebar-login .recentAddressesBox .recentSearch:after, .overlay-sidebar-edit .recentAddressesBox .recentSearch:after {
7769    font-family: "Font Awesome 6 Pro";
7770    font-weight: 900;
7771    -webkit-font-smoothing: antialiased;
7772    display: inline-block;
7773    font-style: normal;
7774    font-variant: normal;
7775    text-rendering: auto;
7776    line-height: 1;
7777    content: "\f105";
7778    position: absolute;
7779    right: 10px;
7780    top: calc(50% - 10px); }
7781  .overlay-sidebar-location .recentSearch:hover, .overlay-sidebar-filters .recentSearch:hover, .overlay-sidebar-login .recentSearch:hover, .overlay-sidebar-edit .recentSearch:hover {
7782    background: rgba(0, 0, 0, .03);
7783    cursor: pointer; }
7784  .overlay-sidebar-location .recentSearch:hover .bold, .overlay-sidebar-filters .recentSearch:hover .bold, .overlay-sidebar-login .recentSearch:hover .bold, .overlay-sidebar-edit .recentSearch:hover .bold {
7785    color: ; }
7786  .overlay-sidebar-location i.closeThisSidebar, .overlay-sidebar-filters i.closeThisSidebar, .overlay-sidebar-login i.closeThisSidebar, .overlay-sidebar-edit i.closeThisSidebar {
7787    padding: 20px 20px 20px 20px;
7788    font-size: 20px;
7789    min-width: 55px;
7790    cursor: pointer; }
7791  .overlay-sidebar-location .searchBar, .overlay-sidebar-filters .searchBar, .overlay-sidebar-login .searchBar, .overlay-sidebar-edit .searchBar {
7792    padding-left: 40%;
7793    box-shadow: 0 2px 4px 0 #e9e9eb;
7794    padding-bottom: 10px;
7795    padding-right: 20px; }
7796  .overlay-sidebar-location .gpsAndRecent, .overlay-sidebar-filters .gpsAndRecent, .overlay-sidebar-login .gpsAndRecent, .overlay-sidebar-edit .gpsAndRecent {
7797    padding-left: 40%;
7798    padding-right: 20px;
7799    padding-bottom: 20px; }
7800  .overlay-sidebar-location .box, .overlay-sidebar-filters .box, .overlay-sidebar-login .box, .overlay-sidebar-edit .box {
7801    border: 1px solid #d4d5d9;
7802    padding: 10px;
7803    margin-top: 20px;
7804    font-size: 0.9rem; }
7805  .overlay-sidebar-location .box:hover .title, .overlay-sidebar-filters .box:hover .title, .overlay-sidebar-login .box:hover .title, .overlay-sidebar-edit .box:hover .title {
7806    color: ; }
7807  .overlay-sidebar-location .box:hover, .overlay-sidebar-filters .box:hover, .overlay-sidebar-login .box:hover, .overlay-sidebar-edit .box:hover {
7808    cursor: pointer; }
7809  .overlay-sidebar-location .gpsAndRecent, .overlay-sidebar-filters .gpsAndRecent, .overlay-sidebar-login .gpsAndRecent, .overlay-sidebar-edit .gpsAndRecent {
7810    overflow: scroll;
7811    -webkit-overflow-scrolling: touch; }
7812  .overlay-sidebar-location .locationResults, .overlay-sidebar-filters .locationResults, .overlay-sidebar-login .locationResults, .overlay-sidebar-edit .locationResults {
7813    margin-top: 7px;
7814    overflow: scroll;
7815    -webkit-overflow-scrolling: touch;
7816    box-shadow: none !important;
7817    padding-left: 40%;
7818    padding-right: 20px; }
7819  .overlay-sidebar-location.hiddenSidebar, .overlay-sidebar-filters.hiddenSidebar, .overlay-sidebar-login.hiddenSidebar, .overlay-sidebar-edit.hiddenSidebar {
7820    transform: translate(-150%, 0px); }
7821
7822.overlayWolf {
7823  z-index: 98;
7824  position: fixed;
7825  top: 0;
7826  left: 0;
7827  right: 0;
7828  bottom: 0;
7829  background: #282c3f;
7830  opacity: 0.7;
7831  overflow: hidden; }
7832
7833[name="additionalComments"] {
7834  resize: none; }
7835
7836.categoriesProducts {
7837  padding: 0px 15px; }
7838  .categoriesProducts .itemImage {
7839    border-radius: 3px;
7840    margin-right: 5px;
7841    flex-shrink: 0;
7842    background-repeat: no-repeat !important;
7843    background-size: contain !important;
7844    background-position: center center !important;
7845    width: 96px;
7846    height: 96px; }
7847  .categoriesProducts .menuItems {
7848    width: 100%; }
7849  .categoriesProducts .menuItems .product--actions {
7850    position: absolute;
7851    right: 0px;
7852    top: 10px;
7853    padding: 0px; }
7854  .categoriesProducts .menuItems .product--actions .dropdown .buttonEllipsis {
7855    padding: 2px 10px;
7856    border-radius: 20px;
7857    position: relative;
7858    z-index: 1; }
7859    .categoriesProducts .menuItems .product--actions .dropdown .dropdown-menu {
7860      position: relative;
7861      z-index: 2; }
7862  .categoriesProducts .menuItems .subProducts--actions .dropdown .buttonEllipsis {
7863    padding: 2px 10px;
7864    border-radius: 20px; }
7865  .categoriesProducts .menuItems .itemContent {
7866    position: relative;
7867    flex-grow: 1;
7868    display: flex;
7869    flex-direction: column; }
7870  .categoriesProducts .menuItems .itemDetails {
7871    flex-direction: row-reverse;
7872    justify-content: space-between; }
7873  .categoriesProducts .menuItems .itemDetails .itemTitle {
7874    margin-bottom: 10px;
7875    font-weight: bold;
7876    font-size: 17px; }
7877  .categoriesProducts .menuItems .itemDetails .itemImage {
7878    width: 120px;
7879    height: 120px;
7880    margin: 0px 0px 0px 10px; }
7881  .categoriesProducts .menuItems .itemDetails .itemDescription {
7882    font-size: 14ox;
7883    color: #4d4e4e;
7884    overflow: hidden;
7885    text-overflow: ellipsis;
7886    display: -webkit-box;
7887    -webkit-line-clamp: 4;
7888    -webkit-box-orient: vertical;
7889    color: #595959;
7890    margin: 0.8rem 0 1.6rem; }
7891  .categoriesProducts .itemTitle {
7892    display: -webkit-box;
7893    -webkit-line-clamp: 2;
7894    -webkit-box-orient: vertical;
7895    overflow: hidden;
7896    text-overflow: ellipsis;
7897    text-transform: capitalize;
7898    font-size: 15px;
7899    font-weight: 500; }
7900  .categoriesProducts .foodCatOptions {
7901    color: #2e3333;
7902    font-size: 22px;
7903    font-weight: 600;
7904    padding: 0px 20px 0px 14px; }
7905
7906ul.menuItems {
7907  background: white;
7908  padding: 0px;
7909  display: flex;
7910  display: -ms-flexbox;
7911  flex-direction: row;
7912  justify-content: space-between;
7913  align-items: flex-start;
7914  flex-wrap: wrap;
7915  list-style-type: none; }
7916  ul.menuItems .itemAdd {
7917    display: none !important; }
7918
7919#modalFood .closeModalMenu {
7920  display: none !important; }
7921  @media (max-width: 767px) {
7922  #modalFood .container {
7923    padding-left: 0px;
7924    padding-right: 0px; }
7925  #modalFood .btn.closeThisModal {
7926    margin-left: 15px !important;
7927    margin-right: 15px !important; } }
7928
7929.basketCartItems .note {
7930  display: none !important; }
7931
7932#modalFood.v2 {
7933  background: #f2f2f2; }
7934  #modalFood .imgMask {
7935    overflow: hidden;
7936    padding-bottom: 20px;
7937    position: relative;
7938    width: auto;
7939    z-index: 2; }
7940  #modalFood .imgMask .imgMaskTransform {
7941    height: 102%;
7942    margin-left: 0;
7943    overflow: hidden;
7944    top: -2.5%;
7945    transform: rotate(-3deg);
7946    transform-origin: bottom left;
7947    width: 104%; }
7948  #modalFood .imgMask .imgMaskTransform .modalFoodImage {
7949    transform: translate3d(0%, -0.1px, 0px);
7950    background-size: cover !important;
7951    background-attachment: scroll; }
7952  #modalFood .btnAddToBasket {
7953    height: 100%;
7954    cursor: pointer; }
7955  #modalFood .btn.closeThisModal {
7956    border-radius: 16px !important;
7957    margin: 10px 0px;
7958    color: white !important; }
7959  #modalFood .backToMenu {
7960    display: inline-block !important;
7961    background: black;
7962    color: white;
7963    padding: 5px 10px;
7964    border-radius: 6px;
7965    margin-bottom: 10px; }
7966  #modalFood:not(.modalFoodLikeWolfParent) .closeFoodModalRight {
7967    display: none; }
7968  #modalFood .modal-footer-food {
7969    position: fixed;
7970    bottom: 0px;
7971    z-index: 2;
7972    width: 100%;
7973    background: white !important;
7974    left: 0px; }
7975  #modalFood .modal-footer-food .foodFooterActions {
7976    width: 700px !important;
7977    margin: 0 auto !important; }
7978  @media (max-width: 767px) {
7979  #modalFood .modal-footer-food .foodFooterActions {
7980    width: 100% !important; } }
7981
7982.quantityBoxNew {
7983  margin-bottom: 5px;
7984  height: 100%;
7985  border: 1px solid #f1f2f6;
7986  border-radius: 8px;
7987  display: flex;
7988  justify-content: center; }
7989  .quantityBoxNew .changeQuantityPlus, .quantityBoxNew .changeQuantityMinus {
7990    color: black;
7991    text-decoration: none;
7992    font-size: 18px;
7993    transition: 300ms all;
7994    text-align: center;
7995    width: 32%;
7996    line-height: 0px !important;
7997    justify-content: center;
7998    align-items: center;
7999    display: flex !important; }
8000  .quantityBoxNew .changeQuantityPlus:hover, .quantityBoxNew .changeQuantityMinus:hover {
8001    background: #f2f2f2; }
8002  .quantityBoxNew input {
8003    border-radius: 0px !important;
8004    font-weight: 300;
8005    text-align: center;
8006    border: none;
8007    background:  !important;
8008    color: black !important;
8009    padding: 0px !important;
8010    font-size: 22px;
8011    width: 34%; }
8012
8013.VenueBackground_module {
8014  position: relative; }
8015  .VenueBackground_module h2 {
8016    color: white !important; }
8017
8018.orderTabsWidget a {
8019  color: black !important; }
8020
8021.VenueBackground_module:before {
8022  position: absolute;
8023  background: rgba(0, 0, 0, .3);
8024  content: "";
8025  height: 100%;
8026  width: 100%; }
8027
8028html.darkMode .modalFoodLikeWolf.show {
8029  background: rgba(0, 0, 0, .6); }
8030
8031.formBooking button {
8032  margin: 0px; }
8033
8034.selectTimeForBook {
8035  display: none; }
8036  .selectTimeForBook label {
8037    margin-bottom: 10px; }
8038
8039.selectTimeForBook.shown {
8040  display: block !important; }
8041
8042.selectTimeForBook.shown > div.visible {
8043  display: grid !important;
8044  grid-template-columns: repeat(auto-fill, 80px);
8045  grid-gap: 1rem;
8046  justify-content: space-between; }
8047
8048.form-floating {
8049  position: relative; }
8050
8051.form-floating > label:not(.error) {
8052  position: absolute;
8053  top: 0;
8054  left: 0;
8055  height: 100%;
8056  padding: 1rem 0.75rem;
8057  pointer-events: none;
8058  border: 1px solid transparent;
8059  transform-origin: 0 0;
8060  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; }
8061
8062.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown):not(.placeholder-shown) {
8063  padding-top: 1.625rem;
8064  padding-bottom: 0.625rem; }
8065
8066.form-floating > .form-control:focus ~ label:not(.error), .form-floating > .form-control:not(:placeholder-shown) ~ label:not(.error), .form-floating > .form-select ~ label:not(.error) {
8067  opacity: 0.65;
8068  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
8069
8070.form-floating {
8071  position: relative; }
8072  .form-floating .dropdown-menu.show {
8073    max-height: 250px !important; }
8074  .form-floating label.error {
8075    top: unset !important;
8076    position: absolute;
8077    bottom: -23px; }
8078  .form-floating .placeholder-shown {
8079    display: flex;
8080    align-items: center; }
8081  .form-floating .bootstrap-select {
8082    background: #f2f4f4;
8083    border: 1px solid #ced4da; }
8084  .form-floating .dropdown-toggle {
8085    border: none !important;
8086    background: transparent !important;
8087    outline: none !important;
8088    box-shadow: none !important; }
8089  .form-floating .dropdown-toggle:focus {
8090    outline: none !important; }
8091  .form-floating input::-webkit-input-placeholder, .form-floating textarea::-webkit-input-placeholder {
8092    color: transparent;
8093    -webkit-transition: color 0.2s ease;
8094    transition: color 0.2s ease; }
8095  .form-floating input:-moz-placeholder, .form-floating textarea:-moz-placeholder {
8096    color: transparent;
8097    -webkit-transition: color 0.2s ease;
8098    transition: color 0.2s ease; }
8099  .form-floating input::-moz-placeholder, .form-floating textarea::-moz-placeholder {
8100    color: transparent;
8101    -webkit-transition: color 0.2s ease;
8102    transition: color 0.2s ease; }
8103  .form-floating input:-ms-input-placeholder, .form-floating textarea:-ms-input-placeholder {
8104    color: transparent;
8105    -webkit-transition: color 0.2s ease;
8106    transition: color 0.2s ease; }
8107  .form-floating > .form-control, .form-floating > .form-select {
8108    height: calc(3.5rem + 2px);
8109    line-height: 1.25; }
8110  .form-floating > label {
8111    position: absolute;
8112    top: 0;
8113    left: 0;
8114    height: 100%;
8115    padding: 1rem 0.75rem;
8116    pointer-events: none;
8117    border: 1px solid transparent;
8118    transform-origin: 0 0;
8119    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; }
8120
8121@media (min-width: 992px) {
8122  .modalFoodLikeWolfParent .closeFoodModalRight {
8123    display: none !important; } }
8124
8125@media (max-width: 576px) {
8126  .col-sm-hidden {
8127    display: none !important; } }
8128
8129body.checkout .basketCartItems {
8130  margin-top: 0px !important; }
8131  body.checkout .setTip {
8132    border: 1px solid #1d5b96;
8133    padding: 5px 7px;
8134    background: white !important;
8135    color: black !important;
8136    font-size: 13px; }
8137  body.checkout .setTip.active {
8138    background: #1d5b96 !important;
8139    color: white !important; }
8140
8141@media (max-width: 991px) {
8142  .basketItems {
8143    width: 100%;
8144    overflow-x: hidden; }
8145
8146  .changeModeTabs {
8147    width: 100%; }
8148    .changeModeTabs ul {
8149      width: 100% !important; }
8150      .changeModeTabs ul a {
8151        flex: 1; }
8152        .changeModeTabs ul a button {
8153          width: 100%;
8154          text-align: center; }
8155
8156  .tipForDriver {
8157    position: fixed !important;
8158    bottom: calc(117px + env(safe-area-inset-bottom));
8159    width: 100%;
8160    left: 0px;
8161    padding: 5px 15px !important;
8162    background: #e4e4e4 !important;
8163    z-index: 999; }
8164
8165  body.checkout .cardStoreBox .storeDescriptionBox {
8166    display: none !important; }
8167
8168  .orderPayment {
8169    display: flex;
8170    flex-direction: column; }
8171    .orderPayment .basketCartItems {
8172      order: -1; } }
8173
8174@media (max-width: 991px) {
8175  .btnWalletPayHint:not(.d-none) {
8176    display: flex !important; }
8177
8178  .modalFoodLikeWolf {
8179    max-height: calc(100% - 60px) !important; } }
8180
8181.modalFoodLikeWolf {
8182  max-height: calc(100% - 0px);
8183  margin: 0 auto !important;
8184  width: 530px;
8185  left: calc(50% - 290px);
8186  top: 20px;
8187  border-radius: 6px !important;
8188  padding: 0px;
8189  display: flex; }
8190  .modalFoodLikeWolf a.closeFoodModal {
8191    pointer-events: all; }
8192  .modalFoodLikeWolf .modifierClass h3 {
8193    display: flex;
8194    justify-content: space-between; }
8195  .modalFoodLikeWolf .modal-body {
8196    border-radius: 0.3rem 0.3rem 0px 0px !important; }
8197  .modalFoodLikeWolf .instructionsQuantity {
8198    margin-right: 8px; }
8199  .modalFoodLikeWolf .modifierItem label div {
8200    margin-left: 5px;
8201    font-size: 12px; }
8202  .modalFoodLikeWolf .modifierItem label:not(.subChild) {
8203    display: flex;
8204    padding-left: 24px !important;
8205    margin-top: 0px;
8206    cursor: pointer;
8207    width: calc(100% - 20px) !important;
8208    color: #818484 !important; }
8209  .modalFoodLikeWolf .changeQuantityMinus, .modalFoodLikeWolf .changeQuantityPlus {
8210    text-decoration: none; }
8211  .modalFoodLikeWolf .comboItemModifier {
8212    border-left: 2px solid #ecf0ef;
8213    margin-left: 23px;
8214    margin-bottom: 20px; }
8215  .modalFoodLikeWolf .subModifier {
8216    border-left: 2px solid #ecf0ef;
8217    padding: 0px 10px;
8218    margin: 2px 8px; }
8219  .modalFoodLikeWolf .subModifier h3 {
8220    font-size: 0.8rem !important;
8221    margin: 0px; }
8222  .modalFoodLikeWolf .modal-footer {
8223    position: relative !important; }
8224  .modalFoodLikeWolf .modal-content {
8225    width: 100%;
8226    border: none !important; }
8227  .modalFoodLikeWolf .b3Checkbox {
8228    border: 1px solid #a9abb2 !important; }
8229  .modalFoodLikeWolf .btnAddToBasket {
8230    color: white;
8231    background-color: #5fb246 !important;
8232    border-radius: 10px;
8233    font-size: 17px;
8234    padding: 15px 10px !important; }
8235  @media (min-width: 767px) {
8236  .modalFoodLikeWolf .modifierClass h3 {
8237    border-bottom: 0px !important;
8238    margin-top: 5px !important;
8239    padding: 10px 0px; }
8240    .modalFoodLikeWolf .modifierClass .modifierItem {
8241      flex: 0 0 100% !important; } }
8242  .modalFoodLikeWolf .quantityBox {
8243    padding-bottom: 0px !important;
8244    margin-bottom: 5px;
8245    height: 100%;
8246    border: 1px solid #262626;
8247    border-radius: 8px;
8248    background: #f5fdfd;
8249    display: flex;
8250    justify-content: center; }
8251  .modalFoodLikeWolf .quantityBox .changeQuantityPlus, .modalFoodLikeWolf .quantityBox .changeQuantityMinus {
8252    color: #dc5a63;
8253    font-size: 18px;
8254    text-align: center;
8255    width: 32%;
8256    line-height: 0px !important;
8257    justify-content: center;
8258    align-items: center;
8259    display: flex !important; }
8260  .modalFoodLikeWolf .quantityBox .changeQuantityPlus i, .modalFoodLikeWolf .quantityBox .changeQuantityMinus i {
8261    pointer-events: none; }
8262  .modalFoodLikeWolf .quantityBox input {
8263    border-radius: 0px !important;
8264    font-weight: 300;
8265    text-align: center;
8266    border: none;
8267    background: transparent !important;
8268    color: black !important;
8269    padding: 0px !important;
8270    font-size: 22px;
8271    width: 34%; }
8272  .modalFoodLikeWolf .modal-content {
8273    width: 100%;
8274    border: none !important; }
8275  .modalFoodLikeWolf .modal-body {
8276    overflow: scroll;
8277    overflow-x: hidden !important;
8278    padding: 0px !important; }
8279  .modalFoodLikeWolf .modal-body h1, .modalFoodLikeWolf .modal-body h2, .modalFoodLikeWolf .modal-body h3, .modalFoodLikeWolf .modal-body h4 {
8280    font-size: 1rem;
8281    color: #495057; }
8282  .modalFoodLikeWolf .modal-body ul li, .modalFoodLikeWolf .modal-body p li {
8283    color: #495057;
8284    font-size: 0.8rem; }
8285  .modalFoodLikeWolf .modal-body table {
8286    --bs-table-bg: transparent;
8287    --bs-table-striped-color: #212529;
8288    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
8289    --bs-table-active-color: #212529;
8290    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
8291    --bs-table-hover-color: #212529;
8292    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
8293    width: 100%;
8294    margin-bottom: 1rem;
8295    color: #212529;
8296    vertical-align: top;
8297    border-color: #e0e0e0; }
8298  .modalFoodLikeWolf .modal-body table td, .modalFoodLikeWolf .modal-body table th {
8299    padding: 0.75rem;
8300    vertical-align: top;
8301    border-top: 1px solid #dee2e6;
8302    border: 1px solid #dee2e6 !important;
8303    font-size: 0.8rem; }
8304  .modalFoodLikeWolf .modal-body .modifierItem {
8305    padding: 10px; }
8306  .modalFoodLikeWolf .modal-body .subProductsContainer {
8307    padding: 10px 0px; }
8308  .modalFoodLikeWolf .modal-body .modalProductHeading {
8309    padding: 5px 0px 0px; }
8310  .modalFoodLikeWolf .modal-body .modalProductHeading h4 {
8311    font-size: 1.3rem;
8312    border-bottom: 1px solid rgba(0, 0, 0, .08);
8313    text-align: center;
8314    margin-bottom: 10px;
8315    padding: 0px 30px;
8316    line-height: 1.5rem;
8317    min-height: 44px;
8318    display: flex;
8319    justify-content: center;
8320    align-items: center;
8321    margin-top: -15px; }
8322  .modalFoodLikeWolf .modal-body p {
8323    font-size: 13px;
8324    color: black; }
8325  .modalFoodLikeWolf .modal-body .modifierClass h3 {
8326    font-size: 0.9rem;
8327    font-weight: bold;
8328    margin: 5px 0px; }
8329  .modalFoodLikeWolf .modal-body .productDescriptionAndModifiers {
8330    padding: 15px; }
8331  .modalFoodLikeWolf .modal-body .productDescriptionAndModifiers table {
8332    width: 100% !important; }
8333    .modalFoodLikeWolf .modal-body .productDescriptionAndModifiers table iframe {
8334      border: 0px !important;
8335      width: 100% !important; }
8336  .modalFoodLikeWolf .modal-body .modalFoodImage {
8337    background-size: cover !important; }
8338  .modalFoodLikeWolf .modal-body.withoutModifiers {
8339    padding: 0px !important; }
8340  .modalFoodLikeWolf .modal-body.withoutImage .modalFoodImage {
8341    display: none; }
8342  .modalFoodLikeWolf .foodFooterActions {
8343    margin: 0px !important; }
8344  .modalFoodLikeWolf .modal-footer {
8345    margin-bottom: env(safe-area-inset-bottom); }
8346  .modalFoodLikeWolf .modal-dialog {
8347    margin: 0px !important;
8348    height: 100%;
8349    display: flex;
8350    width: 100%; }
8351
8352[data-max="1"] .controlsFood {
8353  display: none !important; }
8354
8355.modalFoodNew:not(.modalFoodLikeWolf) {
8356  margin-bottom: 90px;
8357  padding: 0px;
8358  display: flex; }
8359  .modalFoodNew:not(.modalFoodLikeWolf) .productDescriptionAndModifiers .modifierClass {
8360    padding: 0px 25px !important; }
8361  .modalFoodNew:not(.modalFoodLikeWolf) .modal-content {
8362    background: transparent !important; }
8363  .modalFoodNew:not(.modalFoodLikeWolf) .modal-footer {
8364    position: fixed !important; }
8365  .modalFoodNew:not(.modalFoodLikeWolf) .subProductTitle, .modalFoodNew:not(.modalFoodLikeWolf) p.subProductDesc {
8366    width: 100%;
8367    margin-left: 30px; }
8368  .modalFoodNew:not(.modalFoodLikeWolf) .modifierItem {
8369    padding: 10px 0px 10px 0px;
8370    border-bottom: 1px solid #e0e0e0; }
8371  @media (min-width: 767px) {
8372  .modalFoodNew:not(.modalFoodLikeWolf) .modalFoodImage {
8373    height: 300px; }
8374  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body.withoutModifiers {
8375    margin: 0 auto !important;
8376    width: 700px; }
8377    .modalFoodNew:not(.modalFoodLikeWolf) .modal-body.withoutModifiers .modalFoodImage {
8378      height: 300px; } }
8379  .modalFoodNew:not(.modalFoodLikeWolf) .modifierItem label {
8380    margin-left: 20px; }
8381  .modalFoodNew:not(.modalFoodLikeWolf) .comboItemModifier {
8382    border-left: 2px solid #ecf0ef;
8383    margin-left: 23px;
8384    margin-bottom: 20px; }
8385  .modalFoodNew:not(.modalFoodLikeWolf) .subModifier {
8386    border-left: 2px solid #ecf0ef;
8387    padding: 0px 10px;
8388    margin: 2px 8px; }
8389  .modalFoodNew:not(.modalFoodLikeWolf) .subModifier h3 {
8390    font-size: 0.8rem !important;
8391    margin: 0px; }
8392  .modalFoodNew:not(.modalFoodLikeWolf) a.closeFoodModal {
8393    display: none !important; }
8394  .modalFoodNew:not(.modalFoodLikeWolf) .modal-content {
8395    border: none !important; }
8396  .modalFoodNew:not(.modalFoodLikeWolf) .b3Checkbox {
8397    border: 1px solid #a9abb2 !important; }
8398  .modalFoodNew:not(.modalFoodLikeWolf) .btnAddToBasket {
8399    color: white;
8400    background: #46a609;
8401    border-radius: 10px;
8402    padding: 15px 10px !important; }
8403  @media (min-width: 767px) {
8404  .modalFoodNew:not(.modalFoodLikeWolf) .modifierClass h3 {
8405    border-bottom: 0px !important;
8406    margin-top: 5px !important;
8407    padding: 10px 0px; } }
8408  .modalFoodNew:not(.modalFoodLikeWolf) .quantityBox {
8409    margin-bottom: 5px;
8410    height: 100%;
8411    border: 1px solid black;
8412    border-radius: 8px;
8413    display: flex;
8414    justify-content: center; }
8415  .modalFoodNew:not(.modalFoodLikeWolf) .quantityBox .changeQuantityPlus, .modalFoodNew:not(.modalFoodLikeWolf) .quantityBox .changeQuantityMinus {
8416    color: black;
8417    text-decoration: none;
8418    font-size: 18px;
8419    text-align: center;
8420    width: 32%;
8421    line-height: 0px !important;
8422    justify-content: center;
8423    align-items: center;
8424    display: flex !important; }
8425  .modalFoodNew:not(.modalFoodLikeWolf) .quantityBox input {
8426    border-radius: 0px !important;
8427    font-weight: 300;
8428    text-align: center;
8429    border: none;
8430    background:  !important;
8431    color: black !important;
8432    padding: 0px !important;
8433    font-size: 22px;
8434    width: 34%; }
8435  .modalFoodNew:not(.modalFoodLikeWolf) .modal-content {
8436    width: 100%;
8437    border: none !important; }
8438  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body {
8439    overflow: scroll;
8440    overflow-x: hidden !important;
8441    padding: 0px !important; }
8442  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body h1, .modalFoodNew:not(.modalFoodLikeWolf) .modal-body h2, .modalFoodNew:not(.modalFoodLikeWolf) .modal-body h3, .modalFoodNew:not(.modalFoodLikeWolf) .modal-body h4 {
8443    color: #495057; }
8444  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body ul li, .modalFoodNew:not(.modalFoodLikeWolf) .modal-body p li {
8445    color: #495057;
8446    font-size: 0.8rem; }
8447  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body table {
8448    --bs-table-bg: transparent;
8449    --bs-table-striped-color: #212529;
8450    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
8451    --bs-table-active-color: #212529;
8452    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
8453    --bs-table-hover-color: #212529;
8454    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
8455    width: 100%;
8456    margin-bottom: 1rem;
8457    color: #212529;
8458    vertical-align: top;
8459    border-color: #e0e0e0; }
8460  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body table td, .modalFoodNew:not(.modalFoodLikeWolf) .modal-body table th {
8461    padding: 0.75rem;
8462    vertical-align: top;
8463    border-top: 1px solid #dee2e6;
8464    border: 1px solid #dee2e6 !important;
8465    font-size: 0.8rem; }
8466  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body .subProductsContainer {
8467    padding: 0px;
8468    margin: 5px; }
8469  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body p {
8470    font-size: 1.2rem;
8471    color: black; }
8472  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body .modifierClass {
8473    margin-bottom: 20px; }
8474  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body .modifierClass h3 {
8475    font-size: 1.1rem;
8476    font-weight: bold;
8477    border-bottom: 1px solid #e0e0e0 !important;
8478    margin: 0px;
8479    width: 100%; }
8480  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body .productDescriptionAndModifiers {
8481    padding: 15px; }
8482  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body .productDescriptionAndModifiers table {
8483    width: 100% !important; }
8484    .modalFoodNew:not(.modalFoodLikeWolf) .modal-body .productDescriptionAndModifiers table iframe {
8485      border: 0px !important;
8486      width: 100% !important; }
8487  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body .modalFoodImage {
8488    background-size: cover !important; }
8489  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body.withoutModifiers {
8490    padding: 0px !important; }
8491  .modalFoodNew:not(.modalFoodLikeWolf) .modal-body.withoutImage .modalFoodImage {
8492    display: none; }
8493  .modalFoodNew:not(.modalFoodLikeWolf) .foodFooterActions {
8494    margin: 0px !important; }
8495  .modalFoodNew:not(.modalFoodLikeWolf) .modal-footer {
8496    margin-bottom: env(safe-area-inset-bottom);
8497    box-shadow: 0px -3px 6px -2px rgba(0, 0, 0, 0.07); }
8498  .modalFoodNew:not(.modalFoodLikeWolf) .modal-footer:before {
8499    content: "";
8500    position: absolute;
8501    width: 100%;
8502    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .1));
8503    height: 20px;
8504    left: 0px;
8505    margin-top: -30px; }
8506  .modalFoodNew:not(.modalFoodLikeWolf) .modal-dialog {
8507    max-width: 100%;
8508    margin: 0px !important;
8509    height: 100%;
8510    display: flex;
8511    width: 100%; }
8512
8513.closeFoodModalRight {
8514  width: 50px;
8515  height: 50px;
8516  color: white;
8517  position: absolute;
8518  right: 0px;
8519  top: 0px;
8520  z-index: 9;
8521  text-align: right;
8522  padding-right: 11px;
8523  font-size: 20px !important;
8524  cursor: pointer; }
8525
8526body .closeFoodModalRight {
8527  background: rgba(0, 0, 0, .5);
8528  border-radius: 100%;
8529  padding-top: 9px;
8530  text-align: center !important;
8531  padding: 0px !important;
8532  line-height: 40px !important;
8533  height: 40px !important;
8534  width: 40px !important;
8535  left: 5px;
8536  top: 5px; }
8537
8538.modalFoodImage {
8539  height: 200px;
8540  margin-bottom: -5px !important;
8541  display: block !important;
8542  min-height: 0px;
8543  background-size: contain !important; }
8544
8545.modalAjax.storeDetails .closeFoodModalRight, .modalAjax.storeDetails .storeRating {
8546  display: none !important;
8547  padding: 0px !important; }
8548  .modalAjax.storeDetails .sotreContact .wolfSupport {
8549    display: none !important; }
8550
8551@media (min-width: 992px) {
8552  .modalAjax.ordering .modal-dialog {
8553    max-width: 800px !important; }
8554
8555  .buttonAlwaysBottomCheckout {
8556    max-width: 100%;
8557    flex: 0 0 100%;
8558    display: block; }
8559
8560  .checkout--page .rightDiv > div {
8561    position: sticky;
8562    top: 10px; }
8563
8564  .menuItems {
8565    background: transparent !important; }
8566
8567  .menuRestaurantIsFixed .foodContent {
8568    margin-top: 100px; }
8569
8570  body:not(.menuRestaurantIsFixed) .topSearchCategories {
8571    width: calc(100% - 30px) !important;
8572    flex: 0 0 calc(100% - 30px); }
8573
8574  .topSearchCategories {
8575    margin: 0px 15px;
8576    margin-top: 5px !important;
8577    border-radius: 10px; }
8578
8579  .menuPageItem {
8580    align-self: stretch;
8581    border-top: 0px !important;
8582    -ms-flex: 0 0 calc(50% - 10px);
8583    flex: 0 0 calc(50% - 10px);
8584    max-width: calc(50% - 10px);
8585    background: white !important;
8586    border-radius: 4px;
8587    padding: 16px;
8588    margin: 10px 0px; } }
8589
8590.switch.toggle {
8591  position: relative;
8592  display: inline-block;
8593  width: 60px;
8594  margin-bottom: 0px;
8595  margin-left: 0px !important;
8596  height: 34px; }
8597  .switch.toggle.small {
8598    position: relative;
8599    top: 4px;
8600    width: 30px;
8601    height: 17px; }
8602
8603.switch.toggle input {
8604  opacity: 0;
8605  width: 0;
8606  height: 0; }
8607
8608.slider {
8609  position: absolute;
8610  cursor: pointer;
8611  top: 0;
8612  left: 0;
8613  right: 0;
8614  bottom: 0;
8615  background-color: #ccc;
8616  -webkit-transition: 0.4s;
8617  transition: 0.4s; }
8618
8619.slider:before {
8620  position: absolute;
8621  content: "";
8622  height: 26px;
8623  width: 26px;
8624  left: 4px;
8625  bottom: 4px;
8626  background-color: white;
8627  -webkit-transition: 0.4s;
8628  transition: 0.4s; }
8629
8630.switch.toggle.small .slider:before {
8631  height: 11px;
8632  width: 11px;
8633  left: 3px;
8634  bottom: 3px; }
8635
8636input:checked + .slider {
8637  background-color: #5cb85c; }
8638
8639.switch.toggle.small input:checked + .slider:after {
8640  display: none !important; }
8641
8642input:checked + .slider:after {
8643  content: "ON";
8644  position: absolute;
8645  color: white;
8646  top: 9px;
8647  font-size: 11px;
8648  left: 9px; }
8649
8650input:focus + .slider {
8651  box-shadow: 0 0 1px #5cb85c; }
8652
8653input:checked + .slider:before {
8654  transform: translateX(26px); }
8655
8656.switch.toggle.small input:checked + .slider:before {
8657  transform: translateX(11px);
8658  /* Rounded sliders */ }
8659
8660.slider.round {
8661  border-radius: 34px; }
8662
8663.slider.round:before {
8664  border-radius: 50%; }
8665
8666.overlay-sidebar-edit .mainLoginBody {
8667  height: calc(100vh - 90px);
8668  padding-bottom: calc(env(safe-area-inset-bottom));
8669  overflow: scroll; }
8670  .overlay-sidebar-edit .mainLoginBody.withoutBottomButton {
8671    height: calc(100vh - 55px) !important; }
8672  .overlay-sidebar-edit .btnSaveItem {
8673    z-index: 2;
8674    position: absolute;
8675    bottom: calc(env(safe-area-inset-bottom));
8676    left: 0px; }
8677
8678.pt10 {
8679  padding-top: 10px; }
8680
8681.pb20 {
8682  padding-bottom: 20px; }
8683
8684.ml0 {
8685  margin-left: 0px !important; }
8686
8687.ml10 {
8688  margin-left: 10px !important; }
8689
8690.pl0 {
8691  padding-left: 0px !important; }
8692
8693.mr0 {
8694  margin-right: 0px !important; }
8695
8696.availabilityBanner {
8697  display: flex;
8698  margin-top: auto;
8699  bottom: 0px;
8700  flex-direction: column;
8701  border-radius: 4px !important;
8702  right: 5px;
8703  justify-content: flex-start;
8704  align-items: flex-start;
8705  border-color: #f4eef9;
8706  font-size: 0.7rem; }
8707  .availabilityBanner > div {
8708    padding: 2px 5px;
8709    background: #f4eef9;
8710    display: flex;
8711    margin-top: 2px; }
8712
8713.nav-subnav .navbar-toggler-icon {
8714  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
8715
8716@media (min-width: 1200px) {
8717  .containerCheckout {
8718    max-width: 1140px !important;
8719    margin-top: 30px;
8720    margin-bottom: 30px; } }
8721
8722.map-section__background-wrapper > div {
8723  height: 300px; }
8724
8725.modifierItem.soldOut label {
8726  text-decoration: line-through !important; }
8727
8728.modifierItem.soldOut {
8729  pointer-events: none !important; }
8730
8731.b3Checkbox[type="radio"] {
8732  border-radius: 100% !important; }
8733
8734.cartMethodDetails {
8735  flex-direction: row !important;
8736  display: flex;
8737  background: white;
8738  border-top: 1px solid #f3f4f5;
8739  border-bottom: 1px solid #f3f4f5; }
8740  .cartMethodDetails .changeMethodLink {
8741    border-radius: 5px;
8742    border: 1px solid #13324f;
8743    padding: 2px 20px;
8744    top: 2px;
8745    position: relative;
8746    text-decoration: none; }
8747  .cartMethodDetails .col-12.p0 {
8748    display: flex;
8749    justify-content: space-between; }
8750
8751.m0 {
8752  margin: 0px !important; }
8753
8754.menuItems .soldout:not(.canEdit) {
8755  opacity: 0.4 !important;
8756  pointer-events: none !important; }
8757
8758.menuItems .soldout .itemInner {
8759  text-decoration: line-through; }
8760
8761.menuItems .soldout:before {
8762  content: 'Sold out';
8763  position: absolute;
8764  background: grey;
8765  right: 0px;
8766  z-index: 1;
8767  color: white !important;
8768  padding: 5px; }
8769
8770.modal-dialog.changeMethodPopup {
8771  max-width: 400px; }
8772
8773.discountLi {
8774  color: #49bb5b; }
8775
8776.closeMethodPopup {
8777  cursor: pointer !important; }
8778
8779.orEnterNew {
8780  position: relative;
8781  text-align: center; }
8782
8783.orEnterNew:before {
8784  height: 1px;
8785  width: 100%;
8786  left: 0px;
8787  top: 11px;
8788  content: "";
8789  position: absolute;
8790  border-top: 1px solid grey; }
8791
8792.orEnterNew span {
8793  background: white;
8794  position: relative;
8795  padding: 0px 13px; }
8796
8797.btnDetectInModal {
8798  background: linear-gradient(to right, #52ca8b 0%, #4dc172 40%, #48ba5c 100%) !important;
8799  border-color: #49bb5b !important;
8800  color: #fff;
8801  text-shadow: none;
8802  border-radius: 4px !important;
8803  background-image: none; }
8804
8805.modal-backdrop.show {
8806  transform: scale(1);
8807  opacity: 1 !important;
8808  border-radius: 0px !important;
8809  background-color: rgba(0, 0, 0, 0.6) !important; }
8810
8811.showVegetarianOnly.relative {
8812  margin-right: 5px !important; }
8813
8814.changeModeTabs button {
8815  border: none !important; }
8816
8817.changeModeTabs .active {
8818  background-color: white !important; }
8819
8820.showVegetarianOnly.relative, .showVeganOnly.relative {
8821  display: flex !important; }
8822  .showVegetarianOnly.relative input, .showVeganOnly.relative input {
8823    position: relative !important;
8824    top: 0px !important; }
8825
8826.b3Checkbox {
8827  width: 20px !important;
8828  outline: none !important;
8829  position: absolute;
8830  height: 20px !important;
8831  margin-top: 0px !important;
8832  border-radius: 3px !important;
8833  -webkit-appearance: none !important;
8834  -moz-appearance: none;
8835  transition: 300ms all;
8836  animation-duration: 1s;
8837  border: 1px solid #c5c5c5; }
8838
8839.b3Checkbox.relative {
8840  top: 0px !important;
8841  position: relative !important; }
8842
8843.b3Checkbox:checked {
8844  background: #000;
8845  border-color: 1px solid #22ce98;
8846  box-shadow: inset 0px 0px 0px 4px #fff, 0px 2px 0px rgba(0, 0, 0, 0.05) !important;
8847  -webkit-animation-duration: 0.3s;
8848  -moz-animation-duration: 0.3s;
8849  -o-animation-duration: 0.3s;
8850  animation-duration: 0.3s;
8851  -webkit-animation-fill-mode: both;
8852  -moz-animation-fill-mode: both;
8853  -o-animation-fill-mode: both;
8854  animation-fill-mode: both;
8855  -webkit-animation-name: wobble;
8856  animation-name: wobble;
8857  -webkit-animation-duration: 1s;
8858  -moz-animation-duration: 1s;
8859  animation-duration: 1s;
8860  -webkit-appearance: none !important;
8861  -moz-appearance: none;
8862  width: 20px;
8863  position: absolute;
8864  height: 20px; }
8865
8866.b3Checkbox[disabled], .b3Checkbox[disabled]:hover {
8867  border-color: #e8ebeb;
8868  background: #f3f5f5;
8869  box-shadow: none; }
8870
8871.addNewDelivery .radio {
8872  padding-left: 25px; }
8873
8874.addNewDelivery .b3Checkbox {
8875  margin-left: -25px !important; }
8876
8877.formDeliveryNotMet .formItem {
8878  padding-left: 35px; }
8879
8880.formDeliveryNotMet .radio {
8881  padding-left: 25px; }
8882
8883.formDeliveryNotMet .b3Checkbox {
8884  margin-left: -25px !important; }
8885
8886.quantityBox {
8887  margin-bottom: 9px;
8888  padding-bottom: 10px; }
8889
8890.plusQuantity, .minusQuantity {
8891  display: flex;
8892  justify-content: center; }
8893  .plusQuantity i, .minusQuantity i {
8894    border: 2px solid #00b7b3;
8895    border-radius: 100%;
8896    width: 38px !important;
8897    color: #00b7b3;
8898    position: relative;
8899    display: inline-block;
8900    height: 38px;
8901    display: flex;
8902    justify-content: center;
8903    align-items: center; }
8904
8905.paymentDetails .divPaymentMethod label {
8906  margin-left: 20px;
8907  cursor: pointer; }
8908
8909.paymentDetails .paymentMethodType {
8910  margin-left: -25px !important; }
8911
8912#card-errors {
8913  background: #fa755a;
8914  border-radius: 6px;
8915  padding: 8px;
8916  color: white;
8917  margin-top: 10px; }
8918
8919#card-errors.visible {
8920  background: #fa755a;
8921  border-radius: 6px;
8922  padding: 8px;
8923  color: white;
8924  margin-top: 10px; }
8925
8926.StripeElement {
8927  width: 100%;
8928  display: block;
8929  background-color: white;
8930  padding: 8px 12px;
8931  border-radius: 4px;
8932  max-height: 50px;
8933  border: 1px solid transparent;
8934  box-shadow: 0 1px 3px 0 #e6ebf1;
8935  -webkit-transition: box-shadow 150ms ease;
8936  transition: box-shadow 150ms ease; }
8937
8938.StripeElement.card-element2 {
8939  height: auto !important;
8940  max-height: 100% !important; }
8941
8942.StripeElement--focus {
8943  box-shadow: 0 1px 3px 0 #cfd7df; }
8944
8945.StripeElement--invalid {
8946  border-color: #fa755a; }
8947
8948.StripeElement--webkit-autofill {
8949  background-color: #fefde5 !important; }
8950
8951.addCardButton {
8952  transition: 250ms all;
8953  color: white !important;
8954  box-shadow: 0 7px 14px rgba(50, 50, 93, .10), 0 3px 6px rgba(0, 0, 0, .08);
8955  background-color: #6466b1; }
8956
8957.addCardButton:hover {
8958  transform: translateY(-1px);
8959  box-shadow: 0 7px 14px rgba(50, 50, 93, .10), 0 3px 6px rgba(0, 0, 0, .08);
8960  background-color: #43458b; }
8961
8962.cardSelector .dropdown-menu {
8963  width: 100%;
8964  max-height: 300px;
8965  border-radius: 6px !important;
8966  overflow: scroll !important; }
8967
8968.defaultCardLabel {
8969  right: 40px !important;
8970  padding-top: 3px;
8971  margin-top: -1px; }
8972
8973.cardSelector .dropdown .card .card-type-logo {
8974  width: 30px;
8975  position: relative;
8976  top: 4px;
8977  height: auto !important;
8978  display: inline-block;
8979  margin-right: 1px; }
8980
8981.editPaymentMethod .card-type-logo {
8982  padding: 1px 10px !important;
8983  border: 1px solid #8ab4f9;
8984  border-radius: 6px; }
8985
8986.cardSelector li.card:hover a {
8987  background: #e6e6e6 !important; }
8988
8989.cardSelector .card {
8990  color: #333 !important; }
8991
8992.cardSelector .dropdown .fa.fa-chevron-down {
8993  top: calc(50% - 17px) !important; }
8994
8995.dropdownCards {
8996  border-radius: 2px !important; }
8997
8998.btn-success:hover {
8999  box-shadow: 0 7px 14px rgba(50, 50, 93, .10), 0 3px 6px rgba(0, 0, 0, .08); }
9000
9001.cardSelector .dropdown .dropdown-menu .card a[role=menuitem] {
9002  border-radius: 0px !important; }
9003
9004.btn.btnConfirmOrder {
9005  color: #fff;
9006  background-color: #28a745 !important;
9007  border-color: #28a745 !important; }
9008
9009.error {
9010  color: #f23224 !important; }
9011
9012.pr0 {
9013  padding-right: 0; }
9014
9015.progress-nav__item--complete {
9016  color: #57ad57;
9017  background-color: #57ad57; }
9018
9019.progress-nav {
9020  position: relative;
9021  display: flex;
9022  margin-top: 10px;
9023  margin-bottom: 8px !important; }
9024
9025.deliveryInfo .phoneNumber {
9026  display: flex;
9027  flex-wrap: wrap; }
9028
9029.deliveryInfo .phoneNumber label {
9030  width: 100%; }
9031
9032.couponCodeTitle {
9033  font-size: 1.3rem;
9034  margin-bottom: 10px; }
9035
9036.courtNumber {
9037  width: 100%; }
9038
9039.primaryContent .deliveryInfo .form-group label {
9040  cursor: pointer; }
9041
9042.flatNumber, .floorNumber {
9043  float: left; }
9044
9045.progress-nav__item {
9046  float: left;
9047  color: #c6c6c6;
9048  position: relative;
9049  border: 1px solid;
9050  height: 9px;
9051  width: 9px;
9052  border-radius: 4.5px;
9053  margin-right: 25px; }
9054
9055.modal .well .foot {
9056  padding: 20px 32px;
9057  background-color: #f8f8f9;
9058  border-top: 1px solid #d6d6d5;
9059  margin: 0px -15px -30px -15px;
9060  margin-top: 20px; }
9061
9062.modalLogin .closeButton button {
9063  position: relative;
9064  right: -1px;
9065  cursor: pointer;
9066  transition: 200ms all;
9067  font-size: 2rem;
9068  border: none !important;
9069  border-radius: 0px 0px 0px 5px;
9070  color: black !important;
9071  background: transparent; }
9072  .modalLogin p {
9073    font-size: 0.8rem; }
9074  .modalLogin .formDeliveryNotMet {
9075    padding: 20px; }
9076  .modalLogin h2 {
9077    font-size: 1.3rem; }
9078  .modalLogin a {
9079    color: #00bcd4;
9080    text-decoration: none !important; }
9081  .modalLogin a:hover {
9082    color: #0056b3; }
9083  .modalLogin a.btn-outline-secondary {
9084    color: black; }
9085  .modalLogin a.btn-outline-secondary:hover {
9086    color: white; }
9087  .modalLogin .btn.btn-success:not(.btnConfirmOrder):not(.buttonHomepage):not(.searchBtn):not(.orderNowButton):not(.is-loading):not(.btn-register) {
9088    background: #49bb5b !important;
9089    border: 1px solid #49bb5b !important;
9090    color: white !important; }
9091  .modalLogin .modal-body {
9092    background: white; }
9093
9094.modalLogin.login .well {
9095  padding: 15px; }
9096
9097.cartList.active .viewCartMobile {
9098  display: none !important; }
9099
9100.detailsBox .steps {
9101  border-top: none !important; }
9102  .detailsBox .nav-item {
9103    margin-bottom: -2px; }
9104
9105button[type="submit"] {
9106  cursor: pointer; }
9107
9108.checkoutDetails .cartNote {
9109  padding: 0px !important; }
9110  .checkoutDetails p.note {
9111    font-size: 0.8rem;
9112    color: #828585; }
9113  .checkoutDetails .h3, .checkoutDetails h3 {
9114    font-size: 1.4rem;
9115    color: #333; }
9116  .checkoutDetails .form-control {
9117    border-radius: 4px; }
9118  .checkoutDetails label {
9119    color: #333;
9120    font-size: 0.9rem;
9121    margin: 0px; }
9122  .checkoutDetails .cart {
9123    border-top: none !important;
9124    width: 100% !important; }
9125  .checkoutDetails .card {
9126    border-radius: 0px; }
9127  .checkoutDetails .securityNote {
9128    margin-top: 20px;
9129    background: #f4f5f5;
9130    padding: 20px;
9131    text-align: center; }
9132
9133.cartCheckoutDetails h2.box--title {
9134  font-size: 1.3rem; }
9135  .cartCheckoutDetails h2 {
9136    font-size: 1rem;
9137    font-weight: bold; }
9138  .cartCheckoutDetails a.forChangesClickHere {
9139    color: white;
9140    background: #609e37;
9141    border-radius: 10px;
9142    padding: 5px 20px;
9143    font-size: 0.8rem; }
9144  .cartCheckoutDetails .editAddress {
9145    font-size: 0.9rem;
9146    color: #00bcd4; }
9147  .cartCheckoutDetails .basketTotal {
9148    font-size: 1.2rem;
9149    font-weight: bold; }
9150  .cartCheckoutDetails .basketItem .quantity {
9151    top: 5px; }
9152  .cartCheckoutDetails .basketList li, .cartCheckoutDetails .basketFooter li {
9153    list-style: none;
9154    position: relative; }
9155  .cartCheckoutDetails .basketItem .quantity {
9156    position: absolute;
9157    left: 4px;
9158    top: 0px;
9159    line-height: 20px;
9160    font-weight: 100;
9161    font-size: 13px; }
9162  .cartCheckoutDetails .basketItem {
9163    padding-left: 0px;
9164    padding-right: 55px; }
9165  .cartCheckoutDetails .cartItemTitle {
9166    line-height: 20px; }
9167  .cartCheckoutDetails .basketFooter {
9168    padding-left: 0px !important; }
9169  .cartCheckoutDetails .basketList {
9170    padding-left: 0px;
9171    padding-top: 19px;
9172    padding-bottom: 12px;
9173    position: relative; }
9174  .cartCheckoutDetails .cartList .price, .cartCheckoutDetails .contentCart .price {
9175    position: absolute;
9176    right: 0px;
9177    top: 0px;
9178    line-height: 20px;
9179    font-weight: 300;
9180    font-size: 13px; }
9181
9182.catFoodContainer .expand {
9183  color: #2e3333; }
9184
9185.catFoodContainer .expand .fa-caret-right {
9186  transition: 250ms all; }
9187
9188.catFoodContainer:not(.isClosed) .expand .fa-caret-right {
9189  transform: rotate(90deg);
9190  margin-left: 2px; }
9191
9192@media (min-width: 992px) {
9193  .catFoodContainer .expand {
9194    min-width: 40px; }
9195
9196  .foodCatTitle {
9197    padding-left: 0px !important;
9198    margin-left: -15px; }
9199
9200  .availabilityStatus {
9201    margin: 10px 0px; }
9202
9203  .basketCartItems {
9204    border-radius: 10px !important; } }
9205
9206.lessons .well {
9207  position: relative; }
9208  .lessons .well.now {
9209    animation: pulseActive 1.25s infinite cubic-bezier(0.66, 0, 0, 1); }
9210
9211.shareButton {
9212  position: relative; }
9213
9214.shareButtons {
9215  z-index: 1;
9216  padding: 10px;
9217  position: absolute;
9218  display: flex;
9219  background: white;
9220  border-radius: 10px;
9221  border: 2px solid black;
9222  bottom: -40px;
9223  color: black !important; }
9224  .shareButtons a {
9225    padding: 5px 10px; }
9226
9227.number-input-buttons > li {
9228  display: flex; }
9229
9230.menu--cols {
9231  padding-top: 0px; }
9232  .menu--cols a.backToStores {
9233    color: black;
9234    text-decoration: none; }
9235  .menu--cols .nav.nav-pills {
9236    margin-bottom: 0px !important; }
9237  .menu--cols .nav.nav-pills .text-primary {
9238    color: black !important; }
9239
9240.selectOrderMode label:hover {
9241  border-color: #10107b !important; }
9242
9243html.darkMode .availabilityBanner > div {
9244  background: black !important; }
9245  html.darkMode .selectOrderMode img {
9246    filter: invert(1); }
9247  html.darkMode .separator span {
9248    background: #17191a !important; }
9249  html.darkMode .categoryTitle.active {
9250    background: black !important; }
9251  html.darkMode .categoryProductsListBox .filterBox .ui-widget-header {
9252    background: white; }
9253  html.darkMode .shareButtons {
9254    background: black;
9255    border-color: white !important; }
9256  html.darkMode body.product h1 a {
9257    color: white; }
9258  html.darkMode .categoryProductsListBox .filterTitle, html.darkMode .categoryProductsListBox .list-filter li label {
9259    color: white; }
9260  html.darkMode .resultsFoundForAddress {
9261    background: black !important; }
9262  html.darkMode .text-muted {
9263    color: white !important; }
9264  html.darkMode .selectPaymentMethod h1 {
9265    color: white !important; }
9266  html.darkMode .couponCodeRound {
9267    color: black !important; }
9268  html.darkMode .selectedCountryCode {
9269    color: white !important;
9270    background: #3a3b3c; }
9271  html.darkMode .checkout--page .editdetails {
9272    background: #3a3b3c !important; }
9273  html.darkMode .checkout--page .custom-control .custom-control-label {
9274    colOr: white !important; }
9275  html.darkMode .yourOrder .items--card {
9276    background: #262626; }
9277  html.darkMode .yourOrder .basketCartItems .summary, html.darkMode .yourOrder .basketCartItems .total {
9278    background: #262626; }
9279  html.darkMode .yourOrder .basketCartItems .total:after {
9280    background: #262626 !important; }
9281  html.darkMode .yourOrder .basketCartItems .form-control {
9282    background: black; }
9283  html.darkMode .alert.alert-info {
9284    background: #0b515d;
9285    color: #50939f;
9286    border-color: #0b515d; }
9287  html.darkMode .modalcouponCode .availableCouponsTitle {
9288    background: #262626 !important; }
9289  html.darkMode body.checkout .modalpaymentMethod .closeButton .btn, html.darkMode body.checkout.modalcouponCode.modal-dialog .closeButton .btn, html.darkMode body.checkout.modalchangeDeliveryTime .closeButton .btn, html.darkMode body.checkout.modalcouponCode {
9290    color: white !important; }
9291  html.darkMode .modalpaymentMethod .modal-body {
9292    background: black; }
9293  html.darkMode .menu--cols .openMenuMobile {
9294    background: #000 !important;
9295    border: 3px solid #000 !important;
9296    color: #fff !important; }
9297  html.darkMode .openMobileCartWolf {
9298    background: #31b250; }
9299  html.darkMode .haveACouponCode {
9300    color: #8a84f4 !important; }
9301  html.darkMode .quantity .changeQuantity {
9302    color: white; }
9303  html.darkMode .bootstrap-select .dropdown-menu {
9304    background: #3a3b3c !important; }
9305  html.darkMode .bootstrap-select .dropdown-menu .dropdown-item {
9306    color: white; }
9307  html.darkMode .modalFoodLikeWolf .modal-content {
9308    box-shadow: 0px 0px 0px 2px #3a3c3d; }
9309  html.darkMode .modalFoodLikeWolf .modal-body h4 {
9310    color: white !important; }
9311  html.darkMode .modal-backdrop.show {
9312    background-color: rgba(0, 0, 0, 0.8) !important; }
9313  html.darkMode .modalFoodLikeWolf .modal-body p {
9314    color: white !important; }
9315  html.darkMode .countrySelectorParent .countrySelector .col-12 {
9316    background: black !important; }
9317  html.darkMode .modalFoodLikeWolf .quantityBox {
9318    background: #3a3c3d; }
9319  html.darkMode .modalFoodLikeWolf .quantityBox .changeQuantityPlus, html.darkMode .modalFoodLikeWolf .quantityBox .changeQuantityMinus {
9320    color: white; }
9321  html.darkMode .storeGeneralDetails .card-header img {
9322    filter: brightness(0) invert(1) !important; }
9323  html.darkMode .table td, html.darkMode .table th {
9324    border-color: #17191a; }
9325  html.darkMode .list-group .list-group-item {
9326    background-color: #242526; }
9327  html.darkMode .alertDeliveryInfo {
9328    color: white !important;
9329    background: #212121 !important;
9330    border: none !important;
9331    margin-top: 20px !important; }
9332  html.darkMode .searchBar .input-group {
9333    background: black !important;
9334    border-color: black; }
9335  html.darkMode .wolfList li a {
9336    color: white !important;
9337    border-bottom: 1px solid #3a3b3c; }
9338  html.darkMode .btn.btn-light {
9339    background-color: #3a3b3c !important;
9340    color: white; }
9341  html.darkMode .orderOnlineV2 {
9342    background: black !important; }
9343  html.darkMode .orderOnlineV2 .topSearchCategories {
9344    padding-bottom: 0px !important;
9345    background: transparent;
9346    border: 1px solid #262626 !important; }
9347  html.darkMode .orderOnlineV2 .foodCatOptions {
9348    color: white !important; }
9349  html.darkMode .orderOnlineV2 .basketCartItems {
9350    background: #262626; }
9351  html.darkMode .orderOnlineV2 .card, html.darkMode .orderOnlineV2 .topSearchCategories .categoriesAndSearch {
9352    background: #262626; }
9353  html.darkMode .orderOnlineV2 .card h1, html.darkMode .orderOnlineV2 .topSearchCategories .categoriesAndSearch h1, html.darkMode .orderOnlineV2 .card a, html.darkMode .orderOnlineV2 .topSearchCategories .categoriesAndSearch a {
9354    color: white !important; }
9355  html.darkMode .orderOnlineV2 .card .form-control, html.darkMode .orderOnlineV2 .topSearchCategories .categoriesAndSearch .form-control {
9356    background: #3a3b3c; }
9357  html.darkMode .orderOnlineV2 .menuPageItem {
9358    background: #242526 !important; }
9359  html.darkMode .orderOnlineV2 .menuPageItem .itemDescription {
9360    color: #b1b2b8 !important; }
9361  html.darkMode body.checkout .currentDetails {
9362    background: #17191a; }
9363  html.darkMode #modalConfirmYourAddress .modal-footer, html.darkMode .modal.addNewAddressBeta .modal-footer {
9364    background: #111418; }
9365  html.darkMode #modalConfirmYourAddress .modal-footer .searchOnMapParent, html.darkMode .modal.addNewAddressBeta .modal-footer .searchOnMapParent {
9366    background: #111418; }
9367  html.darkMode .tabsOrderMethod .tab-content {
9368    background-color: black;
9369    border: 1px solid #333; }
9370  html.darkMode .tabsOrderMethod .nav-tabs .nav-link.active {
9371    color: #495057;
9372    background-color: black;
9373    border-color: #333;
9374    color: white !important; }
9375  html.darkMode .tabsOrderMethod .nav-link:not(.active) {
9376    background: #242526;
9377    color: white !important; }
9378  html.darkMode .vegetariaOptionsCheckbox {
9379    background: #242526 !important; }
9380  html.darkMode #modalFood:not(.modalFoodLikeWolfParent) {
9381    background: #17191a !important; }
9382  html.darkMode #modalFood h2 {
9383    color: white !important; }
9384  html.darkMode #modalFood .modifierClass h3 {
9385    color: white !important; }
9386  html.darkMode #modalFood .modifierItem {
9387    background: transparent !important; }
9388  html.darkMode #modalFood .modal-footer-food {
9389    background: #17181a !important; }
9390  html.darkMode #modalFood .modal-footer-food .quantityBoxNew {
9391    border: 1px solid #3c3d3d; }
9392    html.darkMode #modalFood .modal-footer-food .quantityBoxNew .changeQuantityPlus, html.darkMode #modalFood .modal-footer-food .quantityBoxNew .changeQuantityMinus {
9393      color: white !important; }
9394  html.darkMode .dashboard .details {
9395    background: black; }
9396  html.darkMode .dashboard .card-body {
9397    color: white; }
9398  html.darkMode .dashboard .card-body .item {
9399    background: black; }
9400  html.darkMode .modal .closeButton button {
9401    background: transparent !important; }
9402  html.darkMode .btn.btn-wolf {
9403    background: black !important;
9404    color: white !important;
9405    border: 1px solid black; }
9406  html.darkMode body.checkout .orderMethodFilterCheckout {
9407    border: 1px solid #000;
9408    background: #000; }
9409  html.darkMode body.checkout .orderMethodFilterCheckout a {
9410    color: white; }
9411    html.darkMode body.checkout .orderMethodFilterCheckout a.active {
9412      background: #232932 !important; }
9413  html.darkMode .card {
9414    background: #242526; }
9415  html.darkMode h2 {
9416    border-color: black !important; }
9417  html.darkMode .welcomeToWolfLogin .openWolfRegisterLoginModal {
9418    border: 1px solid #303132;
9419    background: black;
9420    color: white; }
9421  html.darkMode .welcomeToWolfLogin .openWolfRegisterLoginModal.btn-dark {
9422    background: #232932; }
9423  html.darkMode .orderMethodFilterInCart, html.darkMode .orderMethodFilterCheckout {
9424    background: #17191a; }
9425  html.darkMode .orderMethodFilterInCart:before, html.darkMode .orderMethodFilterCheckout:before {
9426    content: "";
9427    width: calc(50% - 5px); }
9428  html.darkMode .orderMethodFilterInCart a, html.darkMode .orderMethodFilterCheckout a {
9429    color: white; }
9430  html.darkMode .mobileMenuPopover {
9431    background: black !important; }
9432  html.darkMode .mobileMenuPopover li a {
9433    color: white; }
9434  html.darkMode .checkout--page .rightDiv .placeOrderButton, html.darkMode .checkout--page .orderPayment .total {
9435    background: black; }
9436  html.darkMode .checkout--page .savedAddress {
9437    background: #232932;
9438    border-color: #232932; }
9439  html.darkMode .checkout--page .basketItems {
9440    border-color: #17191a !important; }
9441  html.darkMode .checkout--page .total, html.darkMode .checkout--page .subtotal {
9442    color: white !important; }
9443  html.darkMode .checkout--page .orderSummary {
9444    background: #17191a !important;
9445    padding: 10px;
9446    border-radius: 10px;
9447    border-bottom: 0px !important; }
9448  html.darkMode .checkout--page .details, html.darkMode .checkout--page .payment, html.darkMode .checkout--page .basketCartItems {
9449    border-bottom: 1px solid #17191a !important;
9450    border: 0.1rem solid #17191a !important;
9451    background: #17191a !important; }
9452  html.darkMode .checkout--page .details h2, html.darkMode .checkout--page .payment h2, html.darkMode .checkout--page .basketCartItems h2 {
9453    background: black !important; }
9454  html.darkMode .checkout--page .form-control {
9455    background: #17191a !important;
9456    box-shadow: none !important;
9457    border-bottom: 0px !important; }
9458  html.darkMode .breadcrumb {
9459    background-color: #3a3b3c;
9460    color: #8b8d91; }
9461  html.darkMode .breadcrumb a {
9462    color: white; }
9463  html.darkMode .form-control {
9464    background-color: #3a3b3c !important;
9465    border-color: black;
9466    color: #8b8d91;
9467    box-shadow: none !important; }
9468  html.darkMode .formCheckout.formDeliveryNotMet .modifierItem {
9469    background-color: transparent !important; }
9470  html.darkMode .basketMobileContainer {
9471    border-color: black; }
9472  html.darkMode .orEnterNew span {
9473    background: #17191a !important; }
9474  html.darkMode .card--Panel {
9475    background-color: black !important; }
9476  html.darkMode .notifBox {
9477    background: #505050 !important; }
9478  html.darkMode ul.menuItems li {
9479    background-color: #17191a !important;
9480    border-color: black !important; }
9481  html.darkMode .foodCatDesc {
9482    color: white;
9483    background: black; }
9484  @media (max-width: 767px) {
9485  html.darkMode .leftCheckout, html.darkMode .cartCheckoutDetails {
9486    background: black; } }
9487  html.darkMode .availabilityBanner {
9488    background: black !important; }
9489  html.darkMode .book-online-section .card {
9490    background: black; }
9491  html.darkMode .book-online-section .card .card-header {
9492    border-bottom: 1px solid #333;
9493    background: #333; }
9494  html.darkMode .book-online-section .card .card-body {
9495    border: 1px solid #333; }
9496    html.darkMode .book-online-section .card .card-body .form-control {
9497      background: #333;
9498      border-color: #333;
9499      color: white; }
9500  html.darkMode .order-online-row .foodCatTitleParent {
9501    background: black !important; }
9502  html.darkMode .order-online-row .menuItems .subProducts .btn-outline-secondary {
9503    border-color: #333;
9504    color: white; }
9505  html.darkMode .checkCheckout.btn-success {
9506    border: 1px solid #5fb247 !important;
9507    background: #5fb247 !important; }
9508  html.darkMode .modalLogin a.btn-outline-secondary {
9509    color: white !important; }
9510  html.darkMode body {
9511    background: #090d0e !important;
9512    color: white !important; }
9513  html.darkMode body.checkout .delivery--propertyType {
9514    background: #3a3c3d;
9515    padding: 10px 10px 0px 10px;
9516    margin: 10px 0px; }
9517  html.darkMode .viewCartMobileLink i {
9518    color: white !important; }
9519  html.darkMode .securePayment p {
9520    color: white !important;
9521    background: black !important; }
9522  html.darkMode .well {
9523    background-color: #17191a !important;
9524    color: white !important;
9525    border-color: #3b3c3d !important; }
9526  html.darkMode .well label {
9527    color: white !important; }
9528  html.darkMode .btn-primary:not(.sendReservationButton) {
9529    background-color: #3b3c3d !important;
9530    border-color: #3b3c3d !important;
9531    color: white !important; }
9532  html.darkMode .basket-overview-panel {
9533    background-color: black !important;
9534    color: white !important;
9535    border-color: black !important; }
9536  html.darkMode .basket-overview-panel .delivery-fee {
9537    color: white; }
9538  html.darkMode table.table {
9539    color: white; }
9540  html.darkMode table.table thead th {
9541    color: white !important; }
9542  html.darkMode table.table a {
9543    color: white !important; }
9544  html.darkMode .datepicker-days table, html.darkMode .datepicker-days table.table thead th {
9545    color: black !important; }
9546  html.darkMode .row.subProductsContainer .modifierItem {
9547    border: solid 1px transparent !important;
9548    background-color: #3b3c3d !important;
9549    border-bottom: solid 1px transparent !important; }
9550  html.darkMode .modalItem .modal-header {
9551    border-color: black; }
9552  html.darkMode .modifierItem {
9553    background-color: #3b3c3d !important;
9554    border-color: black; }
9555  html.darkMode .modalFormItem .closeButton button {
9556    color: white;
9557    background: transparent; }
9558  html.darkMode .modal .closeButton button {
9559    color: white !important; }
9560  html.darkMode .modal .well .foot {
9561    background-color: transparent !Important; }
9562  html.darkMode .modal .minusQuantity i, html.darkMode .modal .plusQuantity i {
9563    border: 2px solid #fff !important;
9564    color: #fff !important; }
9565  html.darkMode .modal .quantityCounter {
9566    background: #3a3c3d !important;
9567    border: #3a3c3d;
9568    color: white !important; }
9569  html.darkMode .modal .modal-footer {
9570    border-top: 1px solid #3b3c3d !Important; }
9571  html.darkMode .modal-content, html.darkMode .modalLogin .modal-body {
9572    background: #17191a !important; }
9573  html.darkMode .modal-content .ion-android-close, html.darkMode .modalLogin .modal-body .ion-android-close {
9574    color: white; }
9575  html.darkMode .modal-content .nav-pills.selectHouseOrFlat .nav-link.active, html.darkMode .modalLogin .modal-body .nav-pills.selectHouseOrFlat .nav-link.active {
9576    background-color: #232932 !important; }
9577  html.darkMode .flag-container .selected-flag .iti-flag {
9578    margin: 10px 0px; }
9579  html.darkMode .flag-container .selected-flag .selected-dial-code {
9580    margin: 6px 27px !important;
9581    color: black !important; }
9582  html.darkMode .intl-tel-input .country-list {
9583    background-color: #3b3c3d !important;
9584    border: 1px solid #17191a !important; }
9585  html.darkMode .b3Checkbox:checked {
9586    background: #22ce98 !important; }
9587  html.darkMode .tabsMethod {
9588    background: #303132;
9589    padding: 5px;
9590    border-radius: 20px; }
9591  html.darkMode .tabsMethod .selectMethodInTab {
9592    border-radius: 20px; }
9593  html.darkMode .selectMethodInTab:not(.active) {
9594    border-color: transparent !important;
9595    background: transparent !important; }
9596  html.darkMode .changeMethodPopup .selectMethodInTab.active {
9597    border-color: #292929 !important;
9598    background-color: black !important; }
9599  html.darkMode .changeMethodPopup .changeTakeAwayRestaurant.selected, html.darkMode .changeMethodPopup .methoddelivery .previousAddress.selected {
9600    background: #3b3c3d !Important;
9601    color: white !Important; }
9602  html.darkMode .schedule__th, html.darkMode .time.schedule__tableTime, html.darkMode .schedule__td {
9603    color: white !important; }
9604  html.darkMode .schedule__th._active, html.darkMode .schedule__td._active {
9605    background-color: #3b3c3d !important;
9606    color: white !important; }
9607  html.darkMode .changeMethodPopup .methoddelivery .previousAddress, html.darkMode .changeMethodPopup .greenAddressBox {
9608    border: 2px solid #3b3c3d !important; }
9609
9610.containerCheckout .tipForDriver {
9611  user-select: none;
9612  padding: 10px 0px;
9613  align-self: center;
9614  display: flex;
9615  justify-content: center;
9616  align-items: center; }
9617  .containerCheckout .tipForDriver .minusTips, .containerCheckout .tipForDriver .plusTips {
9618    cursor: pointer;
9619    border: 1px solid;
9620    border-radius: 10px;
9621    display: inline-block;
9622    width: 26px;
9623    height: 26px;
9624    transition: 250ms all;
9625    display: inline-flex;
9626    text-align: center;
9627    justify-content: center;
9628    align-items: center; }
9629  .containerCheckout .tipForDriver .minusTips:hover, .containerCheckout .tipForDriver .plusTips:hover {
9630    background: #06c303;
9631    color: white; }
9632  .containerCheckout .securePayment p {
9633    padding: 10px 15px 10px 15px;
9634    font-size: 0.8rem;
9635    background: #dadee4;
9636    color: black;
9637    margin: 10px -15px;
9638    display: flex;
9639    justify-content: center; }
9640  .containerCheckout .securePayment p i {
9641    margin-right: 10px; }
9642  .containerCheckout .defaultDelivery {
9643    background: white;
9644    padding: 15px;
9645    border: 1px solid #e5e5e5; }
9646  .containerCheckout .loginLink {
9647    background: #49bb5b !important;
9648    border: 1px solid #49bb5b !important;
9649    color: white !important; }
9650  .containerCheckout .signInRegister .btn.btn-success.btn-register {
9651    background: white !important;
9652    border-color: #28a745;
9653    color: #49bb5b !important; }
9654  .containerCheckout .well {
9655    background: #fff;
9656    border: 1px solid #e5e5e5;
9657    border-radius: 0px;
9658    padding: 15px; }
9659
9660.categoryTitle {
9661  padding: 40px;
9662  font-size: 2.1875em;
9663  font-weight: 700;
9664  margin-bottom: 0px;
9665  border-top: 1px solid #e8e9eb;
9666  border-bottom: 1px solid #e8e9eb; }
9667
9668.blog-row h1 {
9669  margin-bottom: 13px; }
9670  .blog-row .date {
9671    display: inline-block;
9672    margin-bottom: 28px; }
9673  .blog-row .blog-row--desc {
9674    color: #69727b; }
9675
9676.return-link {
9677  background-color: transparent;
9678  color: #557b97;
9679  border-color: #557b97; }
9680
9681.w100 {
9682  width: 100%; }
9683
9684.justify-content-center {
9685  justify-content: center; }
9686
9687.b3-section {
9688  transition: 250ms all; }
9689
9690.help.card {
9691  display: none !important; }
9692
9693.b3-section.active {
9694  box-shadow: 0 0 20px rgba(0, 0, 0, .4);
9695  -webkit-transform: scale(1.015);
9696  transform: scale(1.02);
9697  border: 4px solid #4a90e2;
9698  z-index: 2; }
9699
9700.filterBody li + li {
9701  margin-top: 2px; }
9702
9703.checkout--page i {
9704  width: 30px;
9705  font-size: 19px;
9706  /* Extra small */ }
9707
9708@media (max-width: 575px) {
9709  /* Small */
9710    .row-xs-1 {
9711      height: 50px !important; }
9712    .row-xs-2 {
9713      height: 100px !important; }
9714    .row-xs-3 {
9715      height: 150px !important; }
9716    .row-xs-4 {
9717      height: 200px !important; }
9718    .row-xs-5 {
9719      height: 250px !important; }
9720    .row-xs-6 {
9721      height: 300px !important; }
9722    .row-xs-7 {
9723      height: 350px !important; }
9724    .row-xs-8 {
9725      height: 400px !important; }
9726    .row-xs-9 {
9727      height: 450px !important; }
9728    .row-xs-10 {
9729      height: 460px !important; }
9730    .row-xs-11 {
9731      height: 550px !important; }
9732    .row-xs-12 {
9733      height: 600px !important; }
9734    .row-xs-13 {
9735      height: 650px !important; }
9736    .row-xs-14 {
9737      height: 700px !important; }
9738    .row-xs-15 {
9739      height: 750px !important; }
9740    .row-xs-16 {
9741      height: 800px !important; }
9742    .row-xs-17 {
9743      height: 850px !important; }
9744    .row-xs-18 {
9745      height: 900px !important; }
9746    .row-xs-19 {
9747      height: 950px !important; }
9748    .row-xs-20 {
9749      height: 1000px !important; }
9750    .row-xs-21 {
9751      height: 1050px !important; }
9752    .row-xs-22 {
9753      height: 1100px !important; }
9754    .mt-xs-10 {
9755      margin-top: 10px; }
9756    .mt-xs-20 {
9757      margin-top: 20px; }
9758    .mt-xs-30 {
9759      margin-top: 30px; }
9760    .mt-xs-40 {
9761      margin-top: 40px; }
9762    .mt-xs-50 {
9763      margin-top: 50px; }
9764    .hidden-xs {
9765      display: none; } }
9766
9767@media (min-width: 576px) and (max-width: 767px) {
9768  /* Medium */
9769    .row-sm-1 {
9770      height: 50px !important; }
9771    .row-sm-2 {
9772      height: 100px !important; }
9773    .row-sm-3 {
9774      height: 150px !important; }
9775    .row-sm-4 {
9776      height: 200px !important; }
9777    .row-sm-5 {
9778      height: 250px !important; }
9779    .row-sm-6 {
9780      height: 300px !important; }
9781    .row-sm-7 {
9782      height: 350px !important; }
9783    .row-sm-8 {
9784      height: 400px !important; }
9785    .row-sm-9 {
9786      height: 450px !important; }
9787    .row-sm-10 {
9788      height: 500px !important; }
9789    .row-sm-11 {
9790      height: 550px !important; }
9791    .row-sm-12 {
9792      height: 600px !important; }
9793    .row-sm-13 {
9794      height: 650px !important; }
9795    .row-sm-14 {
9796      height: 700px !important; }
9797    .row-sm-15 {
9798      height: 750px !important; }
9799    .row-sm-16 {
9800      height: 800px !important; }
9801    .row-sm-17 {
9802      height: 850px !important; }
9803    .row-sm-18 {
9804      height: 900px !important; }
9805    .row-sm-19 {
9806      height: 950px !important; }
9807    .row-sm-20 {
9808      height: 1000px !important; }
9809    .row-sm-21 {
9810      height: 1050px !important; }
9811    .row-sm-22 {
9812      height: 1100px !important; }
9813    .mt-sm-10 {
9814      margin-top: 10px; }
9815    .mt-sm-20 {
9816      margin-top: 20px; }
9817    .mt-sm-30 {
9818      margin-top: 30px; }
9819    .mt-sm-40 {
9820      margin-top: 40px; }
9821    .mt-sm-50 {
9822      margin-top: 50px; }
9823    .hidden-sm {
9824      display: none; }
9825    .visible-sm {
9826      display: block !important; } }
9827
9828@media (min-width: 768px) and (max-width: 991px) {
9829  /* Large */
9830    .row-md-1 {
9831      height: 50px !important; }
9832    .row-md-2 {
9833      height: 100px !important; }
9834    .row-md-3 {
9835      height: 150px !important; }
9836    .row-md-4 {
9837      height: 200px !important; }
9838    .row-md-5 {
9839      height: 250px !important; }
9840    .row-md-6 {
9841      height: 300px !important; }
9842    .row-md-7 {
9843      height: 350px !important; }
9844    .row-md-8 {
9845      height: 400px !important; }
9846    .row-md-9 {
9847      height: 450px !important; }
9848    .row-md-10 {
9849      height: 500px !important; }
9850    .row-md-11 {
9851      height: 550px !important; }
9852    .row-md-12 {
9853      height: 600px !important; }
9854    .row-md-13 {
9855      height: 650px !important; }
9856    .row-md-14 {
9857      height: 700px !important; }
9858    .row-md-15 {
9859      height: 750px !important; }
9860    .row-md-16 {
9861      height: 800px !important; }
9862    .row-md-17 {
9863      height: 850px !important; }
9864    .row-md-18 {
9865      height: 900px !important; }
9866    .row-md-19 {
9867      height: 950px !important; }
9868    .row-md-20 {
9869      height: 1000px !important; }
9870    .row-md-21 {
9871      height: 1050px !important; }
9872    .row-md-22 {
9873      height: 1100px !important; }
9874    .mt-md-10 {
9875      margin-top: 10px; }
9876    .mt-md-20 {
9877      margin-top: 20px; }
9878    .mt-md-30 {
9879      margin-top: 30px; }
9880    .mt-md-40 {
9881      margin-top: 40px; }
9882    .mt-md-50 {
9883      margin-top: 50px; }
9884    .hidden-md {
9885      display: none; } }
9886
9887@media (min-width: 992px) and (max-width: 1999px) {
9888  /* Extra Large */
9889    .row-lg-1 {
9890      height: 50px !important; }
9891    .row-lg-2 {
9892      height: 100px !important; }
9893    .row-lg-3 {
9894      height: 150px !important; }
9895    .row-lg-4 {
9896      height: 200px !important; }
9897    .row-lg-5 {
9898      height: 250px !important; }
9899    .row-lg-6 {
9900      height: 300px !important; }
9901    .row-lg-7 {
9902      height: 350px !important; }
9903    .row-lg-8 {
9904      height: 400px !important; }
9905    .row-lg-9 {
9906      height: 450px !important; }
9907    .row-lg-10 {
9908      height: 500px !important; }
9909    .row-lg-11 {
9910      height: 550px !important; }
9911    .row-lg-12 {
9912      height: 600px !important; }
9913    .row-lg-13 {
9914      height: 650px !important; }
9915    .row-lg-14 {
9916      height: 700px !important; }
9917    .row-lg-15 {
9918      height: 750px !important; }
9919    .row-lg-16 {
9920      height: 800px !important; }
9921    .row-lg-17 {
9922      height: 850px !important; }
9923    .row-lg-18 {
9924      height: 900px !important; }
9925    .row-lg-19 {
9926      height: 950px !important; }
9927    .row-lg-20 {
9928      height: 1000px !important; }
9929    .row-lg-21 {
9930      height: 1050px !important; }
9931    .row-lg-22 {
9932      height: 1100px !important; }
9933    .mt-lg-10 {
9934      margin-top: 10px; }
9935    .mt-lg-20 {
9936      margin-top: 20px; }
9937    .mt-lg-30 {
9938      margin-top: 30px; }
9939    .mt-lg-40 {
9940      margin-top: 40px; }
9941    .mt-lg-50 {
9942      margin-top: 50px; } }
9943
9944@media (min-width: 1200px) {
9945  .row-xl-1 {
9946    height: 50px !important; }
9947
9948  .row-xl-2 {
9949    height: 100px !important; }
9950
9951  .row-xl-3 {
9952    height: 150px !important; }
9953
9954  .row-xl-4 {
9955    height: 200px !important; }
9956
9957  .row-xl-5 {
9958    height: 250px !important; }
9959
9960  .row-xl-6 {
9961    height: 300px !important; }
9962
9963  .row-xl-7 {
9964    height: 350px !important; }
9965
9966  .row-xl-8 {
9967    height: 400px !important; }
9968
9969  .row-xl-9 {
9970    height: 450px !important; }
9971
9972  .row-xl-10 {
9973    height: 500px !important; }
9974
9975  .row-xl-11 {
9976    height: 550px !important; }
9977
9978  .row-xl-12 {
9979    height: 600px !important; }
9980
9981  .row-xl-13 {
9982    height: 650px !important; }
9983
9984  .row-xl-14 {
9985    height: 700px !important; }
9986
9987  .row-xl-15 {
9988    height: 750px !important; }
9989
9990  .row-xl-16 {
9991    height: 800px !important; }
9992
9993  .row-xl-17 {
9994    height: 850px !important; }
9995
9996  .row-xl-18 {
9997    height: 900px !important; }
9998
9999  .row-xl-19 {
10000    height: 950px !important; }
10001
10002  .row-xl-20 {
10003    height: 1000px !important; }
10004
10005  .row-xl-21 {
10006    height: 1050px !important; }
10007
10008  .row-xl-22 {
10009    height: 1100px !important; }
10010
10011  .mt-xl-10 {
10012    margin-top: 10px; }
10013
10014  .mt-xl-20 {
10015    margin-top: 20px; }
10016
10017  .mt-xl-30 {
10018    margin-top: 30px; }
10019
10020  .mt-xl-40 {
10021    margin-top: 40px; }
10022
10023  .mt-xl-50 {
10024    margin-top: 50px; } }
10025
10026body.modal-open {
10027  overflow: hidden;
10028  height: 100%;
10029  position: relative; }
10030  body.modal-open header.sticky-active {
10031    z-index: 0 !important; }
10032
10033body.modal-open header {
10034  z-index: -1; }
10035
10036.alert.announcement {
10037  margin-bottom: 0px;
10038  border-radius: 0; }
10039
10040html:not(.web109) .modal-open .modal {
10041  -webkit-overflow-scrolling: touch; }
10042
10043html:not(.web109).loading:after, html:not(.web109).loading:before {
10044  bottom: 0;
10045  display: block;
10046  left: 0;
10047  position: absolute;
10048  right: 0;
10049  top: 0;
10050  content: " "; }
10051
10052html:not(.web109):before {
10053  content: " ";
10054  background: transparent;
10055  transition: 1200ms all; }
10056
10057@media (min-width: 991px) {
10058    html:not(.web109).loading2:not(.loadingModal) .mainContent .categoryProductsListBox {
10059      opacity: 0; }
10060      html:not(.web109).loading2:not(.loadingModal) .mainContent .homepageIndex {
10061        opacity: 0; }
10062      html:not(.web109).loading2:not(.loadingModal) .mainContent .containerProduct {
10063        opacity: 0; } }
10064
10065html:not(.web109).loading:before {
10066  -webkit-animation: fade-in 0.1s 0.1s both linear;
10067  -moz-animation: fade-in 0.1s 0.1s both linear;
10068  animation: fade-in 0.1s 0.1s both linear;
10069  position: fixed;
10070  z-index: 9999; }
10071
10072@keyframes fade-in-right {
10073  from {
10074    opacity: 0;
10075    transform: translateX(-15px); }
10076
10077  to {
10078    opacity: 1;
10079    transform: translateX(0); } }
10080
10081@keyframes grow-left {
10082  from {
10083    transform: scaleX(0); }
10084
10085  to {
10086    transform: scaleX(1); } }
10087
10088@keyframes spin {
10089  0% {
10090    transform: rotate(0deg); }
10091
10092  100% {
10093    transform: rotate(359deg); } }
10094
10095@keyframes rotateForever {
10096  from {
10097    transform: rotate(0); }
10098
10099  to {
10100    transform: rotate(360deg); } }
10101
10102html:not(.web109).loading:after {
10103  left: 50%;
10104  margin-left: -10px;
10105  margin-top: -10px;
10106  top: 50%;
10107  z-index: 10000;
10108  position: fixed;
10109  -webkit-animation: rotateForever 0.5s infinite linear;
10110  -moz-animation: rotateForever 0.5s infinite linear;
10111  animation: rotateForever 0.5s infinite linear;
10112  border: 2px solid #e67777;
10113  border-right-color: transparent;
10114  border-top-color: transparent;
10115  -webkit-border-radius: 100%;
10116  -moz-border-radius: 100%;
10117  -ms-border-radius: 100%;
10118  border-radius: 100%;
10119  content: " ";
10120  display: block;
10121  height: 20px;
10122  width: 20px; }
10123
10124html:not(.web109).loading:after {
10125  content: "";
10126  position: fixed;
10127  top: 50%;
10128  left: 50%;
10129  width: 28px;
10130  height: 28px;
10131  margin: -14px 0 0 -14px;
10132  z-index: 10000;
10133  border-radius: 50%;
10134  /* creates the "border" */
10135  background: conic-gradient(from 0deg, #00e0ff, #7b61ff, #00e0ff);
10136  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 0);
10137  mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 0);
10138  animation: spin 0.9s linear infinite; }
10139
10140.feature-row__image {
10141  padding: 0px; }
10142
10143.padding-tb-20 {
10144  padding: 20px 0px; }
10145
10146.padding-tb-30 {
10147  padding: 30px 0px; }
10148
10149.padding-tb-40 {
10150  padding: 40px 0px; }
10151
10152.padding-tb-50 {
10153  padding: 50px 0px; }
10154
10155.padding-tb-60 {
10156  padding: 60px 0px; }
10157
10158.padding-tb-70 {
10159  padding: 70px 0px; }
10160
10161.padding-tb-80 {
10162  padding: 80px 0px; }
10163
10164.mt10 {
10165  margin-top: 10px; }
10166
10167.mt15 {
10168  margin-top: 15px; }
10169
10170.mt20 {
10171  margin-top: 20px; }
10172
10173.mt30 {
10174  margin-top: 30px; }
10175
10176.mt40 {
10177  margin-top: 40px; }
10178
10179.mt50 {
10180  margin-top: 50px; }
10181
10182.mb10 {
10183  margin-bottom: 10px; }
10184
10185.mb15 {
10186  margin-bottom: 15px; }
10187
10188.mb20 {
10189  margin-bottom: 20px; }
10190
10191.mb30 {
10192  margin-bottom: 30px; }
10193
10194.mb40 {
10195  margin-bottom: 40px; }
10196
10197.mb50 {
10198  margin-bottom: 50px; }
10199
10200.fbGallery {
10201  padding: 70px 0px; }
10202  .fbGallery.layout--grid .lazyloadGalleryImage {
10203    height: 300px;
10204    transition: 250ms all;
10205    margin: 0px !important; }
10206  .fbGallery.layout--grid .album-col:hover .lazyloadGalleryImage {
10207    transform: scale(1.1); }
10208  .fbGallery.layout--grid .album-col:hover .album-details {
10209    opacity: 1; }
10210  .fbGallery.layout--grid .album-details {
10211    transition: 250ms all;
10212    position: absolute;
10213    opacity: 0;
10214    background: rgba(0, 0, 0, 0.8);
10215    z-index: 9;
10216    text-align: center;
10217    width: 100%;
10218    color: white;
10219    top: -5px;
10220    height: 100%;
10221    display: flex;
10222    flex-direction: column;
10223    justify-content: center; }
10224  .fbGallery.layout--grid .album-title {
10225    color: white;
10226    font-size: 20px;
10227    font-weight: 600; }
10228
10229.image-wrapper {
10230  overflow: hidden;
10231  position: relative;
10232  cursor: pointer !important; }
10233
10234.titleInImg {
10235  position: absolute;
10236  bottom: 0px;
10237  width: 100%;
10238  background: rgba(0, 0, 0, .7) !important;
10239  padding: 10px;
10240  text-align: center; }
10241
10242.lazyloadGalleryImage {
10243  height: 240px;
10244  width: 100%;
10245  background: white;
10246  background-size: cover;
10247  background-position: 50% 50%;
10248  -webkit-transition-property: width, height;
10249  -webkit-transition-duration: 500ms;
10250  position: relative;
10251  z-index: 1;
10252  display: block;
10253  border: none; }
10254
10255.img-wrapper {
10256  position: relative;
10257  overflow: hidden; }
10258
10259.img-wrapper2:after, .img-wrapper2:before {
10260  z-index: 1;
10261  height: 4px;
10262  bottom: -7px;
10263  left: 6px;
10264  right: 6px;
10265  background-color: #eee;
10266  border-bottom: 1px solid #bbb;
10267  content: " ";
10268  position: absolute; }
10269
10270.img-wrapper2:before {
10271  box-shadow: 0 0 10px grey; }
10272
10273.img-wrapper2:after {
10274  bottom: -5px;
10275  left: 3px;
10276  right: 3px; }
10277
10278.album-details {
10279  margin-top: 5px;
10280  margin-bottom: 0px;
10281  word-wrap: break-word;
10282  cursor: pointer; }
10283
10284.album-title {
10285  margin-top: 5px;
10286  color: #365899;
10287  font-size: 14px;
10288  cursor: pointer;
10289  text-decoration: none; }
10290
10291.galleryTitle {
10292  text-align: center; }
10293
10294.galleryFromContent {
10295  margin-bottom: 20px; }
10296
10297.dropdown-menu {
10298  border-radius: 0px !important;
10299  box-shadow: none !important; }
10300  .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
10301    color: black;
10302    text-decoration: none;
10303    background-color: transparent; }
10304
10305footer .custom-content .paymentBlock img {
10306  max-width: 150px; }
10307  footer.tabs-nav {
10308    margin: 10px;
10309    position: fixed;
10310    z-index: 99;
10311    bottom: 10px;
10312    background: transparent !important;
10313    width: calc(100% - 20px); }
10314  footer.tabs-nav .inner {
10315    bottom: 20px;
10316    border-radius: 10px;
10317    background: #f6f6f6;
10318    border: 1px solid #e2e2e2;
10319    webkit-box-shadow: 10px 22px 27px -19px #858585;
10320    -moz-box-shadow: 10px 22px 27px -19px #858585;
10321    box-shadow: 10px 22px 27px -19px #858585;
10322    width: 100%;
10323    padding: 10px;
10324    display: flex;
10325    justify-content: space-around;
10326    font-size: 1.4rem; }
10327  footer.tabs-nav .inner a {
10328    color: black; }
10329  footer h4 {
10330    padding: 10px 0px;
10331    border-bottom: 0px;
10332    border-top: none;
10333    margin-bottom: 8px;
10334    font-size: 0.9rem;
10335    color: #6b6b6b; }
10336  footer .menu ul {
10337    list-style: none;
10338    padding: 0px;
10339    display: flex;
10340    flex-direction: row; }
10341  footer .menu ul li {
10342    padding: 0px 10px; }
10343  footer .social-icons {
10344    padding-left: 0px; }
10345  footer .social-icons li {
10346    font-size: 30px;
10347    display: inline-block;
10348    list-style: none;
10349    margin-bottom: 0; }
10350  footer .social-icons a {
10351    margin: 10px; }
10352  footer .footer--socials a i {
10353    font-size: 1.5rem;
10354    padding: 0px 5px; }
10355  footer.footer--light {
10356    background: white;
10357    color: #333; }
10358  footer.footer--light a {
10359    color: black; }
10360  footer.footer--light .menu a {
10361    color: black; }
10362  footer.footer--dark {
10363    background: #151515 !important;
10364    color: #fff; }
10365  footer.footer--dark .copyrights {
10366    background: #151515 !important;
10367    color: #fff; }
10368  footer.footer--dark h4 {
10369    color: white; }
10370  footer.footer--dark a {
10371    color: white !important; }
10372  footer.footer--dark .menu a {
10373    color: white !important; }
10374
10375.modalFood .modal-content .modal-header p {
10376  display: none; }
10377
10378.galleryImage {
10379  cursor: pointer; }
10380  .galleryImage.a .openThisImage {
10381    border-color: #8ab4f7 !important; }
10382
10383.orderOnlineNoteBox {
10384  font-size: 21px !important;
10385  text-align: center; }
10386
10387.modalFoodLikeWolfBETA a.closeFoodModal {
10388  position: absolute;
10389  top: -60px;
10390  left: calc(50% - 25px);
10391  width: 50px;
10392  height: 50px;
10393  background: black;
10394  display: flex !important;
10395  justify-content: center;
10396  align-items: center;
10397  border-radius: 100px !important;
10398  color: white !important;
10399  font-size: 20px; }
10400
10401@media (max-width: 991px) {
10402  .mainContentLogin {
10403    margin-bottom: 30px !important; }
10404
10405  .d-sm-block-important {
10406    display: block !important; }
10407
10408  .containerProduct .badge.badge-blackfriday {
10409    top: -10px !important; }
10410
10411  .containerProduct .badge-blackfriday {
10412    z-index: 0;
10413    display: inline-block;
10414    position: relative;
10415    left: unset;
10416    top: unset; }
10417
10418  .btnAddToBasketB4 {
10419    margin-top: 10px; }
10420
10421  .modal h2 {
10422    margin-left: 0px !important; }
10423    .modal.loginView .modal-dialog .closeButton button, .modal.wolfPoints .modal-dialog .closeButton button, .modal.welcomeCoupon .modal-dialog .closeButton button, .modal.error.api .modal-dialog .closeButton button, .modal.skash.api .modal-dialog .closeButton button, .modal.changeDeliveryTime .modal-dialog .closeButton button, .modal.paymentMethod .modal-dialog .closeButton button, .modal.wolfPiggyBank .modal-dialog .closeButton button, .modal.writeReview .modal-dialog .closeButton button, .modal.couponCode .modal-dialog .closeButton button, .modal.foodNoLongerAvailable .modal-dialog .closeButton button {
10424      border: 2px solid black;
10425      font-size: 20px;
10426      color: white !important;
10427      border-radius: 100%;
10428      width: 40px;
10429      height: 40px;
10430      display: flex;
10431      justify-content: center;
10432      align-items: center;
10433      background: black !important; }
10434      .modal.loginView .modal-dialog .closeButton, .modal.wolfPoints .modal-dialog .closeButton, .modal.welcomeCoupon .modal-dialog .closeButton, .modal.error.api .modal-dialog .closeButton, .modal.skash.api .modal-dialog .closeButton, .modal.changeDeliveryTime .modal-dialog .closeButton, .modal.paymentMethod .modal-dialog .closeButton, .modal.wolfPiggyBank .modal-dialog .closeButton, .modal.writeReview .modal-dialog .closeButton, .modal.couponCode .modal-dialog .closeButton, .modal.foodNoLongerAvailable .modal-dialog .closeButton {
10435        display: flex;
10436        justify-content: center; }
10437      .modal.loginView.show .modal-dialog, .modal.wolfPoints.show .modal-dialog, .modal.welcomeCoupon.show .modal-dialog, .modal.error.api.show .modal-dialog, .modal.skash.api.show .modal-dialog, .modal.changeDeliveryTime.show .modal-dialog, .modal.paymentMethod.show .modal-dialog, .modal.wolfPiggyBank.show .modal-dialog, .modal.writeReview.show .modal-dialog, .modal.couponCode.show .modal-dialog, .modal.foodNoLongerAvailable.show .modal-dialog {
10438        transform: translateY(0%) !important; }
10439      .modal.loginView .modal-body, .modal.wolfPoints .modal-body, .modal.welcomeCoupon .modal-body, .modal.error.api .modal-body, .modal.skash.api .modal-body, .modal.changeDeliveryTime .modal-body, .modal.paymentMethod .modal-body, .modal.wolfPiggyBank .modal-body, .modal.writeReview .modal-body, .modal.couponCode .modal-body, .modal.foodNoLongerAvailable .modal-body {
10440        overflow: scroll;
10441        padding-top: calc(10px) !important; }
10442      .modal.loginView .modal-dialog, .modal.wolfPoints .modal-dialog, .modal.welcomeCoupon .modal-dialog, .modal.error.api .modal-dialog, .modal.skash.api .modal-dialog, .modal.changeDeliveryTime .modal-dialog, .modal.paymentMethod .modal-dialog, .modal.wolfPiggyBank .modal-dialog, .modal.writeReview .modal-dialog, .modal.couponCode .modal-dialog, .modal.foodNoLongerAvailable .modal-dialog {
10443        height: 100vh;
10444        max-width: 100% !important;
10445        margin: 0px !important;
10446        transform: translateY(100%);
10447        transition: 300ms all;
10448        display: flex;
10449        justify-content: flex-end;
10450        align-items: flex-end; }
10451      .modal.loginView .closeButton, .modal.wolfPoints .closeButton, .modal.welcomeCoupon .closeButton, .modal.error.api .closeButton, .modal.skash.api .closeButton, .modal.changeDeliveryTime .closeButton, .modal.paymentMethod .closeButton, .modal.wolfPiggyBank .closeButton, .modal.writeReview .closeButton, .modal.couponCode .closeButton, .modal.foodNoLongerAvailable .closeButton {
10452        text-align: center;
10453        position: absolute;
10454        top: -60px;
10455        left: 0px; }
10456      .modal.loginView .modal-content, .modal.wolfPoints .modal-content, .modal.welcomeCoupon .modal-content, .modal.error.api .modal-content, .modal.skash.api .modal-content, .modal.changeDeliveryTime .modal
10456-content, .modal.paymentMethod .modal-content, .modal.wolfPiggyBank .modal-content, .modal.writeReview .modal-content, .modal.couponCode .modal-content, .modal.foodNoLongerAvailable .modal-content {
10457        max-height: 89vh !important;
10458        min-height: 70vh;
10459        bottom: 0px;
10460        display: flex;
10461        justify-content: flex-end; }
10462
10463  .product--details {
10464    margin-top: 15px; }
10465
10466  .topSearchCategories:not(.design2) {
10467    width: 100% !important; }
10468
10469  .closeMobileCart h3 {
10470    display: flex; }
10471
10472  .catItems {
10473    margin: 0px !important; }
10474
10475  .buttonAlwaysBottomCheckout {
10476    padding-top: 10px;
10477    z-index: 999;
10478    padding-bottom: calc(10px + env(safe-area-inset-bottom)) !important;
10479    position: fixed;
10480    bottom: 0px !important;
10481    left: 0px;
10482    border-radius: 0px;
10483    border: 0px;
10484    background: black;
10485    text-align: center;
10486    bottom: 0px;
10487    left: 0px;
10488    font-size: 16px !important;
10489    color: white !important; }
10490    .buttonAlwaysBottomCheckout a {
10491      color: white !important; }
10492
10493  .categoryProductsListBox .product-card__actions-panel {
10494    display: none; }
10495
10496  .list-controls-mobile {
10497    display: block !important; }
10498
10499  .closeFilters {
10500    position: absolute;
10501    top: 7px;
10502    bottom: auto !important;
10503    right: 10px;
10504    left: auto !important;
10505    padding: 3px 10px;
10506    /*
10507	.categoryProductsListBox .product-card__actions-panel{
10508		display: none !important;
10509	}
10510	*/ }
10511
10512  body.menuPopoverVisible .openMenuMobile {
10513    z-index: 999999 !important; }
10514
10515  .openMenuMobile {
10516    z-index: 1040 !important; }
10517
10518  .openMenuMobile {
10519    padding: 15px 10px !important;
10520    position: fixed;
10521    bottom: calc(70px + env(safe-area-inset-bottom));
10522    left: calc(50% - 80px);
10523    width: 160px;
10524    text-align: center !important;
10525    display: flex;
10526    justify-content: center;
10527    align-items: center;
10528    font-weight: 800;
10529    font-size: 1.8rem;
10530    text-decoration: none !important;
10531    background: #1baef9 !important;
10532    border-radius: 20px;
10533    padding: 4px 20px;
10534    color: white !important;
10535    transform: none !important;
10536    font-size: 1.1rem !important;
10537    transition: 900ms all;
10538    display: flex;
10539    align-items: center;
10540    background: #000 !important; }
10541    .openMenuMobile i {
10542      margin-right: 5px; }
10543
10544  .categeoryFiltersContainer {
10545    position: fixed;
10546    width: 100%;
10547    background: white;
10548    z-index: 1000;
10549    transition: 250ms all;
10550    top: 0px;
10551    height: 100%;
10552    left: 0px;
10553    margin-left: calc(-100% - 28px);
10554    transform: scale(0.6); }
10555
10556  .categeoryFiltersContainer.isVisible {
10557    margin-left: -1px;
10558    display: block !important;
10559    overflow: scroll !important;
10560    padding-top: 10px;
10561    border: 1px solid #e2e2e2;
10562    left: 10px;
10563    background: white !important;
10564    height: calc(100% - 20px);
10565    top: 10px;
10566    z-index: 1099;
10567    transform: scale(1);
10568    box-shadow: 10px 22px 27px -19px #858585;
10569    width: calc(100% - 20px);
10570    max-width: calc(100% - 20px); }
10571
10572  .categeoryFiltersContainer.isVisible .filterBox {
10573    margin: 0px !important; }
10574
10575  .list-controls-mobile {
10576    bottom: 80px;
10577    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
10578    left: 10px;
10579    background: #f5f5f5;
10580    position: fixed;
10581    z-index: 998;
10582    background: black;
10583    color: white;
10584    font-size: 1.2rem; }
10585
10586  html.b3shop footer .copyrights {
10587    padding-bottom: 90px; }
10588
10589  nav.navbar.mobileVisible #navbarSupportedContent {
10590    position: fixed;
10591    overflow: scroll;
10592    border: 1px solid #e2e2e2;
10593    box-shadow: 10px 22px 27px -19px #858585;
10594    left: 10px;
10595    top: 10px;
10596    width: 100%;
10597    z-index: 9999 !important;
10598    display: block;
10599    background: rgba(255, 255, 255, .97) !important;
10600    text-align: left;
10601    padding: 5px 10px;
10602    width: calc(100% - 20px) !important;
10603    height: calc(100% - 90px);
10604    border-radius: 10px; }
10605    nav.navbar.mobileVisible #navbarSupportedContent .dropdown-item {
10606      font-size: 13px; }
10607
10608  .categeoryFiltersContainer {
10609    display: none !important; }
10610
10611  .cartFixedAlways {
10612    overflow: visible;
10613    position: fixed;
10614    border: 1px solid #e2e2e2;
10615    box-shadow: 10px 22px 27px -19px #858585;
10616    left: 10px;
10617    top: 60px;
10618    width: 100%;
10619    z-index: 9999 !important;
10620    display: block;
10621    background: rgba(255, 255, 255, .97) !important;
10622    text-align: left;
10623    width: calc(100% - 20px) !important;
10624    height: calc(100% - 90px);
10625    border-radius: 10px; }
10626    .cartFixedAlways .viewBasket {
10627      display: none !important; }
10628    .cartFixedAlways .cart {
10629      margin-top: 0px !important; }
10630    .cartFixedAlways .closeBasket {
10631      position: absolute;
10632      top: -40px;
10633      width: 100%;
10634      display: flex !important;
10635      justify-content: center; }
10636    .cartFixedAlways .closeBasket i {
10637      width: 40px;
10638      height: 40px;
10639      background: rgba(0, 0, 0, .6);
10640      color: white;
10641      padding: 10px;
10642      border-radius: 100%;
10643      text-align: center;
10644      display: flex;
10645      justify-content: center;
10646      align-items: center; }
10647    .cartFixedAlways.visible .cartPage {
10648      overflow: scroll; }
10649
10650  .modalFormItem {
10651    height: auto; }
10652
10653  .modalFood .modalItem {
10654    display: flex;
10655    height: calc(100% - env(safe-area-inset-bottom)); }
10656    .modalFood .modalItemsBody {
10657      margin-bottom: 10px;
10658      flex-grow: 1;
10659      display: flex;
10660      flex-direction: column;
10661      overflow: scroll; }
10662
10663  .navbar .inner {
10664    width: 100%; }
10665    .navbar .inner .logo {
10666      width: 100%;
10667      display: flex;
10668      justify-content: space-between;
10669      align-items: center; }
10670    .navbar .navbar-nav .nav-link {
10671      font-size: 1.3rem; }
10672    .navbar .loginBtn, .navbar .registerBtn {
10673      margin-left: 0px !important; }
10674
10675  footer {
10676    text-align: center; }
10677    footer .footer--socials {
10678      margin-top: 10px;
10679      justify-content: center !important;
10680      align-items: center !important;
10681      text-align: center !important; }
10682    footer ul.footer--menu {
10683      justify-content: center;
10684      align-items: center;
10685      width: 100%;
10686      flex-direction: column; } }
10687
10688.footer--menu li {
10689  padding-left: 0px !important; }
10690  .footer--menu li a {
10691    margin: 3px 0px;
10692    padding: 0px; }
10693
10694.order-online-row .putItemsInYourCart > div {
10695  display: inline-block;
10696  text-align: center !important;
10697  font-size: 1rem; }
10698  .order-online-row .menuItems .subProducts .btn-outline-secondary {
10699    border-color: #ecedf0;
10700    font-size: 0.8rem; }
10701  .order-online-row .order-online-header-image {
10702    margin-bottom: 0px; }
10703  .order-online-row .emptyBasket {
10704    margin: 0px;
10705    width: 100%;
10706    margin-top: 10px; }
10707  .order-online-row .cartMethodDetails .changeMethodLink {
10708    border: 1px solid #303132;
10709    background: #303132 !important;
10710    color: white; }
10711  .order-online-row.order-online--theme-dark {
10712    background: black !important; }
10713  .order-online-row.order-online--theme-dark .catContainer ul.catList li a {
10714    color: white !important; }
10715  .order-online-row.order-online--theme-dark ul.menuItems li {
10716    background-color: #17191a !Important; }
10717  .order-online-row.order-online--theme-dark .cartList .basket {
10718    background-color: #17191a !Important; }
10719  .order-online-row.order-online--theme-dark .cartList .basket .cartMethodDetails {
10720    background: #0f1418; }
10721  .order-online-row.order-online--theme-dark .searchItems input.form-control {
10722    border: 0px !important;
10723    background: #3b3c3d !important;
10724    font-size: 1rem !Important;
10725    color: white !important; }
10726
10727.basket-overview-panel {
10728  position: fixed;
10729  bottom: 0px;
10730  width: 100%;
10731  z-index: 999;
10732  padding: 16px;
10733  background: white; }
10734  .basket-overview-panel .summary {
10735    margin-bottom: 10px;
10736    color: #818484; }
10737
10738.b3Checkbox:checked + label + .counterModifier {
10739  display: block !important; }
10740
10741.b3Checkbox + label {
10742  margin-bottom: 0px !important;
10743  padding-left: 26px; }
10744
10745.counterModifier input {
10746  position: absolute;
10747  right: 5px;
10748  top: 1px; }
10749
10750.counterModifier .controlsFood {
10751  border: 1px solid #b7b7b7;
10752  border-radius: 3px;
10753  max-width: 40px; }
10754
10755.counterModifier .controlsFood a {
10756  box-shadow: none;
10757  border-radius: 0px;
10758  height: 16px;
10759  width: 16px;
10760  margin: 0px;
10761  padding: 0px;
10762  background: transparent;
10763  position: relative;
10764  line-height: 16px;
10765  float: left; }
10766
10767.counterModifier .controlsFood a:hover {
10768  background: #b7b7b7; }
10769
10770.counterModifier .controlsFood a:first-child {
10771  border-right: 1px solid #b7b7b7; }
10772
10773.counter-control-horizontal .controlsFood {
10774  position: absolute !important;
10775  right: 23px;
10776  top: 3px; }
10777
10778.subModifier {
10779  margin-top: 10px;
10780  margin-bottom: 10px;
10781  position: relative;
10782  padding: 4px 0px 0px 15px; }
10783
10784.controlsFood a {
10785  width: 15px;
10786  height: 15px;
10787  padding: 2px;
10788  position: relative;
10789  background: #fff;
10790  z-index: 200;
10791  border-radius: 3px;
10792  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
10793  display: inline-block;
10794  text-align: center;
10795  padding: 0;
10796  margin: 0;
10797  line-height: 15px;
10798  color: #000;
10799  border-radius: 2px; }
10800
10801.controlsFood a i {
10802  font-size: 11px;
10803  position: relative;
10804  top: -1px; }
10805
10806.counter-control-vertical .control {
10807  display: block;
10808  text-align: center;
10809  padding: 0;
10810  margin: 0;
10811  height: 20px;
10812  line-height: 20px;
10813  color: #000;
10814  border-radius: 2px; }
10815
10816.counter-control-vertical {
10817  display: none;
10818  float: left;
10819  width: 35px;
10820  margin-top: -15px;
10821  margin-bottom: -31px;
10822  margin-left: -32px !important; }
10823
10824.counter-control-horizontal {
10825  float: none;
10826  width: 70px; }
10827
10828.counter-control-vertical .control:hover {
10829  background: #abadad; }
10830
10831.counter-control-vertical .controls:before {
10832  display: block;
10833  content: "";
10834  position: absolute;
10835  right: -5px;
10836  top: 50%;
10837  margin-top: -3px;
10838  width: 0;
10839  height: 0;
10840  border-top: 5px solid transparent;
10841  border-bottom: 5px solid transparent;
10842  border-left: 5px solid #fff;
10843  z-index: 2; }
10844
10845.counter-control-vertical .controls:after {
10846  display: block;
10847  content: "";
10848  position: absolute;
10849  right: -6px;
10850  top: 50%;
10851  margin-top: -3px;
10852  width: 0;
10853  height: 0;
10854  border-top: 5px solid transparent;
10855  border-bottom: 5px solid transparent;
10856  border-left: 5px solid #969999; }
10857
10858.basketItem:hover .counter-control-vertical {
10859  display: block !important; }
10860
10861.counter-control-vertical .controls, .counter-control-horizontal .controls {
10862  display: block;
10863  height: 44px;
10864  width: 23px;
10865  padding: 2px;
10866  position: absolute;
10867  background: #fff;
10868  z-index: 200;
10869  border-radius: 3px;
10870  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); }
10871
10872.controlsFood a {
10873  width: 15px;
10874  height: 15px;
10875  padding: 2px;
10876  position: relative;
10877  background: #fff;
10878  z-index: 200;
10879  border-radius: 3px;
10880  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
10881  display: inline-block;
10882  text-align: center;
10883  padding: 0;
10884  margin: 0;
10885  line-height: 15px;
10886  color: #000;
10887  border-radius: 2px; }
10888
10889.controlsFood a i {
10890  font-size: 11px;
10891  position: relative;
10892  top: -1px; }
10893
10894.counter-control-vertical .control {
10895  display: block;
10896  text-align: center;
10897  padding: 0;
10898  margin: 0;
10899  height: 20px;
10900  line-height: 20px;
10901  color: #000;
10902  border-radius: 2px; }
10903
10904.counterModifier input {
10905  position: absolute;
10906  right: 5px;
10907  top: 1px; }
10908
10909.otherModifiers {
10910  display: none; }
10911
10912.no-ui {
10913  border: none !important;
10914  text-align: center;
10915  overflow: visible;
10916  width: 17px;
10917  margin: 0px;
10918  padding: 0px; }
10919
10920.checkCheckoutMobile:not(is-loading) .totalItemsInBasket {
10921  position: absolute;
10922  left: 0px;
10923  top: 0px;
10924  padding: 5px 10px;
10925  height: 100%;
10926  border-radius: 1px;
10927  background-color: #00a396; }
10928
10929.checkCheckoutMobile {
10930  position: relative; }
10931
10932.requiredWarning h3, .requiredWarning .instructionsQuantity {
10933  color: #f2395d; }
10934
10935.changeMethodPopup .tabsMethod {
10936  display: flex; }
10937  .changeMethodPopup .selectMethodInTab:first-child {
10938    border-radius: 4px 0px 0px 4px; }
10939  .changeMethodPopup .selectMethodInTab.active {
10940    border-color: #3b3c3d;
10941    color: #fff;
10942    background-color: #3b3c3d; }
10943  .changeMethodPopup .modal-footer {
10944    margin-right: -15px;
10945    margin-left: -15px;
10946    margin-top: 10px;
10947    padding: 15px;
10948    box-shadow: 0px -3px 6px -2px rgba(0, 0, 0, 0.07); }
10949  .changeMethodPopup .modal-footer > div {
10950    margin: 0px;
10951    padding: 0px; }
10952  .changeMethodPopup .selectMethodInTab {
10953    padding: 8px;
10954    cursor: pointer;
10955    text-align: center;
10956    border: 1px solid; }
10957  .changeMethodPopup .selectMethodInTab:nth-child(2) {
10958    border-radius: 0px 4px 4px 0px; }
10959  .changeMethodPopup .selectMethodInTab:not(.active) {
10960    border-color: #ccc;
10961    margin-left: -1px; }
10962
10963.ui.green.button:not(.is-loading), .ui.green.buttons .button:not(.is-loading) {
10964  background: #279627;
10965  background: linear-gradient(to right, #52ca8b 0%, #4dc172 40%, #48ba5c 100%);
10966  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52ca8b', endColorstr='#48ba5c',GradientType=1) !important;
10967  border-color: #279627;
10968  color: #fff;
10969  text-shadow: none;
10970  background-image: none; }
10971
10972.btnDetectLocation {
10973  position: relative;
10974  margin-top: 10px !important;
10975  line-height: 26px; }
10976  .btnDetectLocation i {
10977    position: absolute;
10978    left: 10px;
10979    top: 3px; }
10980
10981.checkoutContainer .pinFixed {
10982  position: absolute;
10983  left: 50%;
10984  top: 50%;
10985  transform: translateX(-50%) translateY(-100%) !important;
10986  width: 60px; }
10987
10988.closeButton {
10989  position: absolute;
10990  right: 0px;
10991  z-index: 9;
10992  top: 0px; }
10993  .closeButton button {
10994    font-size: 1.8rem;
10995    line-height: 0px;
10996    cursor: pointer; }
10997
10998.modal-dialog.register .closeButton {
10999  position: absolute;
11000  right: 0px;
11001  z-index: 9;
11002  top: 0px; }
11003  .modal-dialog.register .closeButton button {
11004    font-size: 1.8rem;
11005    line-height: 0px;
11006    cursor: pointer; }
11007  .modal-dialog.register .progress-nav {
11008    margin-left: 0px !important;
11009    list-style: none;
11010    padding-left: 0px !important;
11011    margin-bottom: 20px; }
11012  .modal-dialog.register .progressBarItemActive_1X2cRh {
11013    color: #57ad57; }
11014  .modal-dialog.register .progress-nav__item {
11015    float: left;
11016    color: #c6c6c6;
11017    position: relative;
11018    border: 1px solid;
11019    height: 9px;
11020    width: 9px;
11021    border-radius: 4.5px;
11022    margin-right: 25px; }
11023  .modal-dialog.register .progress-nav__item--active:after {
11024    background: #c6c6c6; }
11025  .modal-dialog.register .progress-nav__item:after, .modal-dialog.register .progress-nav__item--complete:after {
11026    content: "";
11027    transition: 300ms all;
11028    width: 25px;
11029    height: 1px;
11030    position: absolute;
11031    top: 3px;
11032    left: 8px; }
11033
11034.modalFoodLikeWolfParent .btnAddToBasket {
11035  width: 100%; }
11036  @media (max-width: 991px) {
11037  .modalFoodLikeWolfParent .closeFoodModalRight {
11038    display: none !important; } }
11039  .modalFoodLikeWolfParent .modifierItem {
11040    padding: 5px 15px !important;
11041    line-height: 20px; }
11042  .modalFoodLikeWolfParent .priceContainer {
11043    margin-left: 10px; }
11044  .modalFoodLikeWolfParent .subProductDesc {
11045    font-size: 0.8rem;
11046    margin-right: 10px;
11047    font-weight: 400;
11048    float: left;
11049    display: none; }
11050
11051@media (min-width: 991px) {
11052  .modalFoodLikeWolfParent .modal-dialog {
11053    max-width: 700px; }
11054
11055  .modalFoodLikeWolfParent.show {
11056    display: flex !important;
11057    justify-content: center;
11058    align-items: center; }
11059
11060  .orderOnlineV2 .foodCatOptions {
11061    margin: 0px 0px 0px -15px; }
11062
11063  .orderOnlineV2 .pageContent {
11064    padding-top: 20px; }
11065
11066  .orderMethodFilterInCart {
11067    display: none; }
11068
11069  .orderOnlineV2 .basketCartItems {
11070    height: fit-content !important;
11071    margin-top: 10px;
11072    padding: 15px; }
11073
11074  .leftMenu {
11075    display: flex;
11076    flex-direction: column;
11077    overflow: scroll; }
11078
11079  .navbar-nav .signInStore {
11080    display: none; }
11081
11082  .checkoutDetails.basketDetails {
11083    background: #efefef;
11084    background: linear-gradient(90deg, #efefef 0%, #efefef 50%, #fff 51%, #fff 100%); }
11085    .checkoutDetails.basketDetails .left--details {
11086      border-right: 1px solid rgba(179, 160, 162, 0.34); }
11087    .checkoutDetails.basketDetails .left--details, .checkoutDetails.basketDetails .right--details {
11088      min-height: 100vh;
11089      background: #efefef;
11090      padding: 20px; }
11091    .checkoutDetails.basketDetails .right--details {
11092      background: white; }
11093
11094  .modal-dialog.terms {
11095    max-width: 900px; }
11096
11097  .checkoutContainer {
11098    flex-grow: 1;
11099    position: relative;
11100    display: flex;
11101    display: -ms-flexbox;
11102    align-items: flex-start;
11103    justify-content: space-between;
11104    -webkit-flex-grow: 1;
11105    -moz-flex-grow: 1;
11106    -ms-flex-grow: 1;
11107    -webkit-align-items: flex-start;
11108    -moz-align-items: flex-start;
11109    -ms-align-items: flex-start;
11110    -webkit-justify-content: space-between;
11111    -moz-justify-content: space-between;
11112    -ms-justify-content: space-between; }
11113    .checkoutContainer .primaryContent {
11114      transition: 200ms all;
11115      flex-basis: 380px !important;
11116      width: 380px;
11117      position: absolute !important;
11118      z-index: 2 !important;
11119      margin-top: 0px !important;
11120      margin-left: 30px;
11121      -webkit-flex-basis: 380px !important;
11122      -moz-flex-basis: 380px !important;
11123      -ms-flex-basis: 380px !important;
11124      padding: 0px 10px;
11125      min-height: 150px !important; }
11126    .checkoutContainer #map {
11127      width: 100%;
11128      min-height: 1170px !important;
11129      height: 100vh !important; }
11130    .checkoutContainer .mapContainer {
11131      min-height: 1170px !important;
11132      height: 100vh;
11133      position: relative;
11134      width: 100%; }
11135    .checkoutContainer .secondaryContent {
11136      flex-basis: 450px;
11137      width: 380px;
11138      position: relative !important;
11139      z-index: 2 !important;
11140      -webkit-flex-basis: 450px;
11141      -moz-flex-basis: 450px;
11142      -ms-flex-basis: 450px;
11143      height: 100vh !important;
11144      min-height: 1170px;
11145      box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.07); } }
11146
11147.menuItems li.added {
11148  border-left: 4px solid #279627 !important;
11149  border-left-width: 3px !important;
11150  border-left-color: #279627 !important; }
11151
11152@media (max-width: 991px) {
11153  .suggerstedProducts .owl-nav button.owl-next, .suggerstedProducts .owl-nav button.owl-prev {
11154    min-width: 35px !important;
11155    min-height: 35px !important;
11156    padding: 0px !important;
11157    font-size: 22px !important; } }
11158
11159.suggerstedProducts .owl-carousel .owl-item {
11160  text-align: center; }
11161  .suggerstedProducts .owl-carousel .owl-item .item {
11162    height: 100%;
11163    display: flex;
11164    flex: 1;
11165    flex-direction: column; }
11166  .suggerstedProducts .owl-carousel .owl-item .similarProducts--title {
11167    margin-top: 20px;
11168    font-size: 0.9rem; }
11169  .suggerstedProducts .owl-carousel .owl-item .similarPrice {
11170    justify-content: center;
11171    flex-grow: 1;
11172    display: flex;
11173    align-items: flex-end; }
11174  .suggerstedProducts .owl-carousel .owl-stage {
11175    display: flex; }
11176  .suggerstedProducts .owl-carousel .owl-stage .price {
11177    flex-grow: 1; }
11178  .suggerstedProducts .owl-carousel .owl-nav button.owl-next, .suggerstedProducts .owl-carousel .owl-nav button.owl-prev {
11179    min-width: 44px;
11180    min-height: 44px;
11181    border-radius: 100%;
11182    display: flex;
11183    justify-content: center;
11184    align-items: center;
11185    border: 1px solid #e5e7ee;
11186    padding: 0px 5px;
11187    background: rgba(0, 0, 0, .2);
11188    font-size: 2rem;
11189    position: absolute;
11190    right: 0px;
11191    color: #1a1c1b;
11192    top: calc(40% - 20px); }
11193    .suggerstedProducts .owl-carousel .owl-nav button.owl-next:hover, .suggerstedProducts .owl-carousel .owl-nav button.owl-prev:hover {
11194      color: #1a1c1b;
11195      background: #e5e7ee; }
11196  .suggerstedProducts .owl-carousel .owl-nav button.owl-prev {
11197    right: auto;
11198    left: 0px; }
11199
11200.text-right {
11201  text-align: right; }
11202
11203header.header-transparent .topBar {
11204  background: transparent !important; }
11205  header.header-transparent .topBar .btn-language {
11206    background: transparent !important; }
11207  header.header-fixed {
11208    position: fixed;
11209    z-index: 99;
11210    width: 100%;
11211    top: 0px; }
11212
11213select.form-control:not([size]):not([multiple]):not([name="countryExtention"]) {
11214  height: auto !important; }
11215
11216[data-subproduct] .q:not(:empty) {
11217  margin-right: 15px; }
11218
11219.menuPageItem .q:not(:empty), .itemPrice .q {
11220  position: absolute;
11221  right: 0px;
11222  background: #cd6265;
11223  top: 0px;
11224  width: 30px;
11225  height: 30px;
11226  color: white !important;
11227  display: flex;
11228  border-radius: 0px 3px 0px 22px / 0% 3px 0px 12px;
11229  display: flex;
11230  justify-content: center;
11231  align-items: center; }
11232
11233.topSearchCategories {
11234  background: white;
11235  padding: 0px 0px;
11236  margin-bottom: 10px;
11237  border: 1px solid #e7e7e7;
11238  flex-direction: column;
11239  justify-content: center;
11240  align-items: center;
11241  box-shadow: rgba(21, 23, 26, 0.05) 0px 0.05rem 0.14rem 0px, rgba(21, 23, 26, 0.05) 0px 0.2rem 0.4rem 0px, rgba(21, 23, 26, 0.04) 0px -1px 0px 0px; }
11242  .topSearchCategories .vegetariaOptionsCheckbox {
11243    align-items: center;
11244    width: 100%;
11245    padding: 5px 20px; }
11246  .topSearchCategories .vegetariaOptionsCheckbox > div {
11247    position: relative; }
11248  .topSearchCategories .vegetariaOptionsCheckbox input {
11249    top: -1px; }
11250  .topSearchCategories label {
11251    padding-right: 10px;
11252    margin-bottom: 0px !important;
11253    font-size: 0.8rem !important;
11254    vertical-align: middle; }
11255  .topSearchCategories .showVeganOnly {
11256    margin-left: 30px; }
11257  .topSearchCategories .categoriesAndSearch {
11258    align-items: center; }
11259  .topSearchCategories .categoriesAndSearch .col-12 .form-control {
11260    height: 45px;
11261    background: #f1f2f6;
11262    font-size: 0.8rem; }
11263  .topSearchCategories .scrollMenuLeft, .topSearchCategories .scrollMenuRight {
11264    position: absolute;
11265    height: 100%;
11266    cursor: pointer;
11267    display: flex;
11268    font-size: 18px;
11269    justify-content: center;
11270    align-items: center;
11271    padding: 10px; }
11272  .topSearchCategories .scrollMenuLeft:hover, .topSearchCategories .scrollMenuRight:hover {
11273    color: #f2395d; }
11274  .topSearchCategories .scrollMenuRight {
11275    right: 0px; }
11276  .topSearchCategories .scrollMenuLeft {
11277    left: 0px; }
11278  .topSearchCategories .menuScrolling {
11279    position: relative;
11280    overflow: hidden !important;
11281    align-items: center;
11282    display: flex;
11283    height: 100%;
11284    /* Internet Explorer 10+ */
11285    -ms-overflow-style: none;
11286    /* Firefox */
11287    scrollbar-width: none; }
11288  .topSearchCategories .menuScrolling::-webkit-scrollbar {
11289    /* Safari and Chrome */
11290    display: none; }
11291  .topSearchCategories .menuUL {
11292    margin: 0px 20px;
11293    transition: 450ms all;
11294    padding-bottom: 0px !important;
11295    overflow: scroll;
11296    display: flex;
11297    padding-left: 20px !important;
11298    padding: 10px 5px !important;
11299    /* Internet Explorer 10+ */
11300    -ms-overflow-style: none;
11301    /* Firefox */
11302    scrollbar-width: none; }
11303  .topSearchCategories .menuUL::-webkit-scrollbar {
11304    /* Safari and Chrome */
11305    display: none; }
11306  .topSearchCategories .categoryTitle {
11307    color: #333;
11308    border-top: none !important;
11309    margin-bottom: 0px !important;
11310    padding: 5px 10px;
11311    position: relative;
11312    display: flex;
11313    align-items: center;
11314    word-break: unset;
11315    white-space: nowrap;
11316    font-size: 0.9rem;
11317    font-weight: bold;
11318    border-bottom: 2px solid transparent; }
11319  .topSearchCategories .categoryTitle.active {
11320    background: #818181;
11321    color: white;
11322    border-radius: 5px !important; }
11323
11324.visible-mobile {
11325  display: none; }
11326
11327.alertClosedRightNow {
11328  background: #ffbb3e;
11329  color: #402a03;
11330  font-size: 25px !important;
11331  border: none !important; }
11332
11333@media (max-width: 991px) {
11334  .orderOnlineNoteBox {
11335    margin: 0px -15px; }
11336
11337  .alertClosedRightNow {
11338    margin: 0px -15px; }
11339
11340  .modalFoodLikeWolf .modal-dialog {
11341    height: auto !important; }
11342
11343  div.modalFoodLikeWolfParent.show {
11344    display: flex !important;
11345    justify-content: flex-end; }
11346
11347  .modalFoodLikeWolf {
11348    width: 100% !important;
11349    justify-content: center;
11350    align-self: end; }
11351
11352  #modalFood .closeThisModal {
11353    margin-left: 0px !important; }
11354
11355  .visible-mobile {
11356    display: block !important; } }
11357
11358.categoryProductsListBox .productList li {
11359  margin-bottom: 25px; }
11360
11361.headerStyle.nav-transparent {
11362  background: transparent !important;
11363  position: relative; }
11364  .headerStyle.nav-right .navbar {
11365    padding: 0px !important; }
11366  .headerStyle.nav-right .navbar-nav {
11367    margin-right: unset !important;
11368    justify-content: flex-end;
11369    width: 100%; }
11370  .headerStyle.nav-center .mr-auto, .headerStyle.nav-center .mx-auto {
11371    margin-right: unset !important;
11372    width: 100%;
11373    justify-content: space-between; }
11374  .headerStyle.shop {
11375    border-bottom: 1px solid #d8d8d8; }
11376  .headerStyle.shop nav.nav--topbottom {
11377    padding: 10px 0px; }
11378  @media (min-width: 768px) and (max-width: 991px) {
11379      .headerStyle.shop nav.nav--topbottom .inner {
11380        flex-direction: column; }
11381        .headerStyle.shop nav.nav--topbottom .inner .search {
11382          width: 100% !important; }
11383        .headerStyle.shop nav.nav--topbottom .inner .eshopElements {
11384          position: absolute;
11385          top: 30px;
11386          right: 100px; } }
11387  .headerStyle.shop nav.nav--topbottom .inner {
11388    display: flex;
11389    justify-content: space-between;
11390    align-items: center;
11391    width: 100%; }
11392    .headerStyle.shop nav.nav--topbottom .inner .search {
11393      width: 50%;
11394      position: relative; }
11395      .headerStyle.shop nav.nav--topbottom .inner .search ::placeholder {
11396        color: black;
11397        /* Firefox */
11398        opacity: 1; }
11399      .headerStyle.shop nav.nav--topbottom .inner .search :-ms-input-placeholder {
11400        color: black; }
11401      .headerStyle.shop nav.nav--topbottom .inner .search ::-ms-input-placeholder {
11402        color: black; }
11403      .headerStyle.shop nav.nav--topbottom .inner .search input {
11404        padding-left: 16px;
11405        font-weight: 300;
11406        border-color: #6b6b6b;
11407        border-radius: 0px;
11408        height: 48px;
11409        letter-spacing: 0.1px;
11410        padding: 0 12px;
11411        font-size: 16px; }
11412      .headerStyle.shop nav.nav--topbottom .inner .search i {
11413        cursor: pointer;
11414        position: absolute;
11415        top: 0px;
11416        font-size: 1rem;
11417        right: 0px;
11418        color: #ddd;
11419        width: 40px;
11420        display: flex;
11421        justify-content: center;
11422        align-items: center;
11423        height: 100%; }
11424    .headerStyle.shop nav.nav--topbottom .inner .eshopElements ul {
11425      display: flex;
11426      list-style: none; }
11427      .headerStyle.shop nav.nav--topbottom .inner .eshopElements ul li {
11428        padding-left: 20px; }
11429        .headerStyle.shop nav.nav--topbottom .inner .eshopElements ul li a {
11430          padding-right: 10px; }
11431          .headerStyle.shop nav.nav--topbottom .inner .eshopElements ul li a i {
11432            padding-left: 10px;
11433            font-size: 1.2rem; }
11434  .headerStyle.shop nav.nav--topbottom .navbar-nav {
11435    margin-top: 20px; }
11436    .headerStyle.shop nav.nav--topbottom .navbar-nav a.nav-link {
11437      color: black !important;
11438      font-weight: 500;
11439      padding-right: 2rem !important; }
11440  .headerStyle.restaurant .navbar-nav.actions .nav-link {
11441    border: 1px solid #efefef;
11442    padding: 7px 20px;
11443    border-radius: 60px;
11444    font-weight: bold;
11445    margin-left: 10px; }
11446  .headerStyle.restaurant .navbar-nav.actions .loginBtn {
11447    background: #efefef; }
11448
11449.quantity input.quantity {
11450  min-width: 50px; }
11451
11452#search-form .formSearch {
11453  position: relative; }
11454  #search-form .search i {
11455    cursor: pointer;
11456    position: absolute;
11457    top: 0px;
11458    font-size: 1rem;
11459    right: 0px;
11460    color: #ddd;
11461    width: 40px;
11462    display: flex;
11463    justify-content: center;
11464    align-items: center;
11465    height: 100%; }
11466
11467@media (max-width: 767px) {
11468  .topSearchCategories .vegetariaOptionsCheckbox {
11469    position: relative;
11470    background: white;
11471    margin-top: 0px !important; }
11472
11473  footer .menu:not(.visible) {
11474    display: none !important; }
11475
11476  .checkoutDetails.basketDetails {
11477    display: flex;
11478    flex-direction: column-reverse; }
11479    .checkoutDetails.basketDetails .left--details, .checkoutDetails.basketDetails .right--details {
11480      background: #f4f5f5;
11481      padding: 20px; }
11482    .checkoutDetails.basketDetails .card {
11483      padding: 5px; }
11484      .checkoutDetails.basketDetails .card .card-body {
11485        padding: 10px; }
11486    .checkoutDetails.basketDetails .address {
11487      padding: 0px; }
11488    .checkoutDetails.basketDetails .useThisAddress {
11489      flex-direction: column; }
11490
11491  .headerStyle.shop {
11492    background: #7fd7e0;
11493    background: linear-gradient(90deg, #7fd7e0 0%, #7fd7e0 13%, #a6e4cd 72%, #a6e4cd 100%);
11494    border-bottom: 0px; }
11495    .headerStyle.shop .nav-bg {
11496      background: transparent; }
11497      .headerStyle.shop .nav-bg .container {
11498        padding: 0px; }
11499        .headerStyle.shop .nav-bg .container .navbar .inner {
11500          flex-direction: column; }
11501          .headerStyle.shop .nav-bg .container .navbar .inner .search {
11502            margin-top: 10px;
11503            width: 100%; }
11504            .headerStyle.shop .nav-bg .container .navbar .inner .search input {
11505              border-color: #f4f5f5;
11506              border-radius: 10px;
11507              font-size: 16px;
11508              -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
11509              box-shadow: 0 1px 4px rgba(0, 0, 0, .08); }
11510            .headerStyle.shop .nav-bg .container .navbar .inner .search i {
11511              height: 100%;
11512              top: 0px !important;
11513              display: flex;
11514              justify-content: center;
11515              align-items: center;
11516              font-size: 1.4rem !important; }
11517
11518  .closeMenuSider {
11519    display: none; }
11520
11521  .modalLogin .modal-body {
11522    height: 100vh !important; }
11523
11524  .floorNumber {
11525    padding-left: 0px !important; }
11526
11527  .phoneNumber .extention {
11528    padding-left: 0px !important; }
11529
11530  .leftCheckout {
11531    background: white;
11532    margin: 0px !important;
11533    padding-top: 20px !important; }
11534
11535  .cartCheckoutDetails {
11536    background: white;
11537    padding-top: 20px;
11538    padding-bottom: 20px;
11539    margin-bottom: 40px; }
11540
11541  .custom-content .custom__item {
11542    width: 100% !important;
11543    flex: 0 0 100% !important; }
11544
11545  .order-online-row .cartList {
11546    width: 100% !important;
11547    position: fixed;
11548    height: calc(100%);
11549    z-index: 99;
11550    background: white;
11551    top: 0px;
11552    overflow: scroll;
11553    transform: translateY(calc(100% + 96px));
11554    transition: 250ms all;
11555    left: 0px; }
11556    .order-online-row .cartList .basket {
11557      box-shadow: none !important;
11558      overflow-x: hidden !important; }
11559    .order-online-row .cartList .basketFooter {
11560      box-shadow: none !important; }
11561
11562  .yourBasketTitle {
11563    display: block !important;
11564    font-size: 1.3rem;
11565    text-align: left;
11566    padding: 0px 50px; }
11567
11568  .cartMethodDetails {
11569    margin-top: 0px !important; }
11570
11571  .orderingFromTitle {
11572    display: none !important; }
11573
11574  .basketLinkClose {
11575    display: block !important; }
11576
11577  .viewCartMobileLink {
11578    font-size: 18px;
11579    font-weight: 400;
11580    letter-spacing: 0;
11581    line-height: 1em;
11582    padding: 5px 20px;
11583    border-radius: 100px;
11584    margin: 6px auto 0 auto;
11585    text-align: center;
11586    text-decoration: underline;
11587    position: absolute;
11588    left: 0px;
11589    top: 0px;
11590    font-size: 20px; }
11591    .viewCartMobileLink i {
11592      font-size: 2rem;
11593      color: black; }
11594
11595  .basketMobileContainer {
11596    margin-top: 10px;
11597    margin-bottom: 10px;
11598    text-align: center;
11599    padding: 10px;
11600    margin: 0px -15px 10px -15px;
11601    border-bottom: 1px solid #b7b7b7; }
11602
11603  .basket .btnCheckout {
11604    display: none; }
11605
11606  .order-online-row .cartList.active {
11607    transform: translateY(0%); }
11608
11609  .order-online-row .cartList .basket {
11610    height: 100%;
11611    padding-top: 0px !important; }
11612
11613  .mobileMenuPopover {
11614    width: 80vw;
11615    pointer-events: none;
11616    position: fixed;
11617    -webkit-overflow-scrolling: touch;
11618    left: 10vw;
11619    opacity: 0;
11620    max-height: calc(60vh);
11621    overflow: scroll;
11622    z-index: 9999 !important; }
11623
11624  #modalFood .modal-dialog {
11625    margin: 0px; }
11626
11627  #modalFood .modalItem {
11628    min-width: 100%;
11629    max-width: 100%; }
11630
11631  .order-online-row .item-img-container {
11632    flex: 0 !important; }
11633    .order-online-row .col-sm-menu.col-sm-8 {
11634      max-width: 100%;
11635      flex: 100%; }
11636    .order-online-row .catContainer {
11637      display: none; }
11638    .order-online-row .searchItems .searchIcon {
11639      position: absolute;
11640      right: 20px;
11641      top: 2px;
11642      font-size: 1.5rem; }
11643    .order-online-row .foodCatTitleParent {
11644      font-weight: bold;
11645      margin-bottom: 0px;
11646      margin-top: 0px;
11647      background: white;
11648      font-size: 1.3rem !important; }
11649    .order-online-row .foodCatDesc {
11650      background: white;
11651      padding: 1px 14px;
11652      color: #56555a;
11653      padding-left: 15px;
11654      margin: 0px;
11655      padding-bottom: 10px;
11656      margin: 0px !important; }
11657    .order-online-row ul.menuItems li {
11658      flex: 0 1 100% !important;
11659      margin-bottom: 0px !important;
11660      border-top: 1px solid #e8ebeb !important; }
11661    .order-online-row .foodCatTitleParent {
11662      margin-bottom: 0px !important;
11663      padding: 13px; }
11664
11665  .rest--checkout .card--Panel {
11666    padding-left: 10px;
11667    padding-right: 10px;
11668    padding-bottom: 10px;
11669    margin-top: 10px; } }
11670
11671.ajaxLoadingMenu .container {
11672  padding-top: 0px !important; }
11673
11674.modalFoodLikeWolfParent .modifierItem {
11675  position: relative; }
11676
11677@media (max-width: 991px) {
11678  .topSearchCategories .vegetariaOptionsCheckbox .theSearchParent {
11679    display: none !important; }
11680
11681  html.menuPopoverVisibleInH {
11682    overflow: hidden; }
11683
11684  body.menuPopoverVisible .modal-backdrop.backdropMenu.in {
11685    opacity: 0.3 !important; }
11686
11687  .mobileMenuPopover {
11688    padding: 20px 0px !important; }
11689
11690  .mobileMenuPopover .menuCategories li a {
11691    border-bottom: 0px !important;
11692    padding: 1px 20px !important;
11693    color: #333;
11694    display: block;
11695    width: 100%;
11696    font-size: 14px !important;
11697    white-space: nowrap;
11698    overflow: hidden;
11699    text-overflow: ellipsis; }
11700
11701  .mobileMenuPopover .menuCategories {
11702    list-style: none !important;
11703    max-height: 100%;
11704    overflow: scroll;
11705    overflow-x: hidden; }
11706
11707  .mobileMenuPopover .menuCategories li {
11708    font-size: 1.7rem !important;
11709    font-weight: 400;
11710    padding: 5px 12px !important; }
11711
11712  .mobileMenuPopover.isOpen {
11713    transition: 230ms all !important;
11714    bottom: 155px !important;
11715    transform: scale(1) !important;
11716    opacity: 1;
11717    pointer-events: all !important;
11718    display: block !important;
11719    z-index: 1051 !important;
11720    background: white !important;
11721    border-radius: 5px; }
11722
11723  .modalFormItem .modal-body {
11724    overflow: scroll;
11725    overflow-x: hidden !important; }
11726
11727  .rest--checkout .securePayment {
11728    margin-left: 0px !important;
11729    margin: 0px !important; }
11730
11731  .card--Panel .header {
11732    padding: 0px !important; } }
11733
11734@media (min-width: 576px) and (max-width: 991px) {
11735  .order-online-row .container {
11736    max-width: none !important; }
11737
11738  .container {
11739    max-width: none; } }
11740
11741@media (min-width: 768px) and (max-width: 991px) {
11742  .order-online-row .container {
11743    max-width: 98% !important; } }
11744
11745.hiddenImportant {
11746  display: none !important; }
11747
11748@media (max-width: 768px) {
11749  .modal-dialog {
11750    margin: 0px auto !important; }
11751
11752  .p-sm-0 {
11753    padding-left: 0px !important;
11754    padding-right: 0px !important; } }
11755
11756@media (min-width: 768px) {
11757  .visible-xs {
11758    display: none; }
11759
11760  .mobileMenuPopover {
11761    display: none !important; }
11762
11763  .openMenuMobile {
11764    display: none; }
11765
11766  .order-online-row.order-online-row--layout1 .list-item-description {
11767    display: -webkit-box;
11768    -webkit-line-clamp: 2;
11769    -webkit-box-orient: vertical;
11770    overflow: hidden;
11771    text-overflow: ellipsis; }
11772
11773  .order-online-row.order-online-row--layout4 .availabilityBanner {
11774    bottom: 25px; }
11775    .order-online-row.order-online-row--layout4 .itemInner {
11776      flex-direction: column;
11777      margin-bottom: 10px; }
11778    .order-online-row.order-online-row--layout4 .foodCatTitleParent {
11779      padding: 20px 7px 0px 5px; }
11780    .order-online-row.order-online-row--layout4 .pageContent .container {
11781      max-width: none; }
11782    .order-online-row.order-online-row--layout4 .menuCategories li {
11783      text-align: right; }
11784    .order-online-row.order-online-row--layout4 .item-img-container {
11785      width: 100%;
11786      height: 180px;
11787      margin: 0px; }
11788    .order-online-row.order-online-row--layout4 .item-img {
11789      width: 100%;
11790      height: 180px; }
11791    .order-online-row.order-online-row--layout4 .item-content {
11792      padding: 10px; }
11793    .order-online-row.order-online-row--layout4 .list-item-title {
11794      font-weight: bold;
11795      text-transform: capitalize !important; }
11796    .order-online-row.order-online-row--layout4 ul.menuItems > li {
11797      padding: 0px;
11798      -webkit-flex-basis: calc(50% - 6px);
11799      -ms-flex-preferred-size: calc(50% - 6px);
11800      flex-basis: calc(50% - 6px);
11801      max-width: calc(50% - 6px);
11802      margin-bottom: 10px;
11803      margin: 3px;
11804      border: 1px solid #eeedef;
11805      background: #fff;
11806      align-self: stretch;
11807      -webkit-align-self: stretch;
11808      -ms-flex-item-align: stretch;
11809      display: flex;
11810      transition: box-shadow 0.3s ease;
11811      /*
11812		ul.menuItems:after {
11813		    content: "";
11814		    flex: auto;
11815		}
11816		*/ }
11817    .order-online-row.order-online-row--layout4 .item-price {
11818      left: 0px;
11819      border-top: 1px solid #f7f4ef; }
11820    .order-online-row.order-online-row--layout4 .item-price .vc-outer {
11821      margin-left: 10px; }
11822
11823  .order-online-row.order-online-row--layout3 .boxFoodCollection .foodContent li.catFoodContainer ul.menuItems .itemInner {
11824    min-height: 171px !important; }
11825    .order-online-row.order-online-row--layout3 .catContainer .catList {
11826      background: transparent;
11827      box-shadow: none;
11828      color: #333 !important;
11829      padding: 0px !important; }
11830    .order-online-row.order-online-row--layout3 .catContainer ul.catList li a {
11831      font-weight: 600 !important; }
11832    .order-online-row.order-online-row--layout3 li.catFoodContainer ul.menuItems li {
11833      -moz-box-shadow: 10px 10px 36px -19px rgba(0, 0, 0, 0.75);
11834      box-shadow: 10px 10px 36px -19px rgba(0, 0, 0, 0.75); }
11835    .order-online-row.order-online-row--layout3 .item-price {
11836      padding-top: 0px; }
11837    .order-online-row.order-online-row--layout3 ul li.catFoodContainer ul.menuItems > li {
11838      border-radius: 10px !important; }
11839    .order-online-row.order-online-row--layout3 li.catFoodContainer ul.menuItems .itemInner .item-img-container {
11840      width: 130px; }
11841      .order-online-row.order-online-row--layout3 li.catFoodContainer ul.menuItems .itemInner .item-img-container .item-img {
11842        height: 150px !important;
11843        width: 130px; }
11844    .order-online-row.order-online-row--layout3 li.catFoodContainer ul.menuItems .itemInner .item-content {
11845      width: 100% !important; }
11846    .order-online-row.order-online-row--layout3 li.catFoodContainer ul.menuItems .itemInner .item-img-container {
11847      top: 50px !important;
11848      position: absolute;
11849      right: 10px; }
11850    .order-online-row.order-online-row--layout3 li.catFoodContainer ul.menuItems .itemInner .item-price {
11851      border-top: 1px solid #e4e4e4 !important; }
11852    .order-online-row.order-online-row--layout3 span.list-item-description {
11853      padding: 20px 0px !important;
11854      color: #333 !important;
11855      width: 60%; }
11856    .order-online-row.order-online-row--layout3 li.catFoodContainer ul.menuItems .itemInner .item-content .list-item-title {
11857      padding: 0px 0px 5px 0px !important;
11858      padding-bottom: 20px !important;
11859      border-bottom: 1px solid #e4e4e4 !important; }
11860
11861  .order-online-row.order-online-row--layout2 .itemInner {
11862    display: flex;
11863    position: relative;
11864    flex-direction: column-reverse;
11865    height: 100%; }
11866    .order-online-row.order-online-row--layout2 .item-img-container {
11867      flex: 1;
11868      flex-shrink: 0;
11869      width: 100%;
11870      height: 144px;
11871      margin-top: 0;
11872      border-radius: 3px;
11873      margin-left: 0px;
11874      margin-right: 0px; }
11875    .order-online-row.order-online-row--layout2 .list-item-title {
11876      width: 80% !important; }
11877    .order-online-row.order-online-row--layout2 .item-img {
11878      width: 100%;
11879      height: 144px; }
11880    .order-online-row.order-online-row--layout2 .item-price {
11881      width: auto;
11882      bottom: inherit;
11883      top: 0px;
11884      margin: 0px;
11885      right: 10px;
11886      left: inherit; }
11887
11888  .order-online-row {
11889    overflow: hidden;
11890    position: relative; }
11891
11892  .DeliveryWidget .innerBox {
11893    /* FF3.6-15 */
11894    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 1%, rgba(0, 0, 0, 0.28) 50%, rgba(0, 0, 0, 0.27) 51%, rgba(0, 0, 0, 0) 100%);
11895    /* Chrome10-25,Safari5.1-6 */
11896    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05) 1%, rgba(0, 0, 0, 0.28) 50%, rgba(0, 0, 0, 0.27) 51%, rgba(0, 0, 0, 0) 100%);
11897    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
11898    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1%, rgba(0, 0, 0, 0.28) 50%, rgba(0, 0, 0, 0.27) 51%, rgba(0, 0, 0, 0) 100%);
11899    /* IE6-9 */
11900    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d000000', endColorstr='#00000000',GradientType=0); }
11901
11902  .DeliveryWidget h1 {
11903    font-size: 4rem;
11904    font-weight: 700;
11905    color: white !important; }
11906
11907  .DeliveryWidget p {
11908    font-size: 1.5rem;
11909    font-weight: 500 !important;
11910    line-height: 1.2rem;
11911    color: white !important; } }
11912
11913.loadingSpin {
11914  height: 30px !important;
11915  left: calc(50% - 15px);
11916  width: 30px;
11917  top: calc(50% - 15px);
11918  border-radius: 100px;
11919  border-width: 3px medium medium 3px;
11920  border-style: solid inset inset solid;
11921  margin: 0 auto;
11922  position: absolute;
11923  border-color: #143663 transparent transparent #143663;
11924  animation-name: spin;
11925  animation-duration: 1s;
11926  animation-iteration-count: infinite; }
11927
11928.loadingSpin.hidden {
11929  display: none; }
11930
11931.deliveryDateTime.active:not(.card) {
11932  background: black !important;
11933  color: white !important;
11934  /* HTML: <div class="loader"></div> */ }
11935
11936.loader_payment {
11937  width: 48px;
11938  height: 48px;
11939  border-radius: 50%;
11940  display: inline-block;
11941  position: relative;
11942  border: 2px solid #ff3d00;
11943  box-sizing: border-box;
11944  animation: rotation 1s linear infinite; }
11945
11946.loader_payment::after {
11947  content: '';
11948  box-sizing: border-box;
11949  position: absolute;
11950  left: 4px;
11951  top: 4px;
11952  border: 2px solid #fff;
11953  width: 12px;
11954  height: 12px;
11955  border-radius: 50%; }
11956
11957@keyframes rotation {
11958  0% {
11959    transform: rotate(0deg); }
11960
11961  100% {
11962    transform: rotate(360deg); } }
11963
11964@keyframes l3 {
11965  20% {
11966    background-position: 0% 0%, 50% 50%, 100% 50%; }
11967
11968  40% {
11969    background-position: 0% 100%, 50% 0%, 100% 50%; }
11970
11971  60% {
11972    background-position: 0% 50%, 50% 100%, 100% 0%; }
11973
11974  80% {
11975    background-position: 0% 50%, 50% 50%, 100% 100%; } }
11976
11977.order-online-row .productWithSubProducts .itemPrice {
11978  display: none; }
11979  .order-online-row .boxFoodCollection {
11980    margin-top: 5px;
11981    width: calc(100% + 30px) !important; }
11982  .order-online-row .boxFoodCollection .btn.btn-wolf {
11983    background: transparent;
11984    border-color: #cfcfd0;
11985    font-size: 0.8rem;
11986    font-weight: 500;
11987    color: #828585; }
11988  .order-online-row .boxFoodCollection .btn.btn-wolf:hover {
11989    background: #f1f2f6; }
11990  .order-online-row .foodContent {
11991    position: relative; }
11992  .order-online-row .foodContent .searchItems {
11993    position: relative; }
11994  .order-online-row .cartMethodDetails {
11995    padding: 10px 5px; }
11996  .order-online-row .cartList.fixed {
11997    position: fixed;
11998    top: 0px; }
11999  .order-online-row ul.catList.fixed {
12000    position: fixed;
12001    top: 0px;
12002    overflow: scroll;
12003    height: 90vh;
12004    margin-top: 5vh;
12005    margin-bottom: 5vh; }
12006  .order-online-row .catContainer ul.catList li a {
12007    color: #333;
12008    font-weight: bold;
12009    font-size: 0.8rem; }
12010  .order-online-row .foodContent .searchItems .searchIcon {
12011    font-size: 1.9rem !important;
12012    position: absolute;
12013    right: 10px;
12014    top: 0px;
12015    line-height: 38px;
12016    height: 100%;
12017    display: flex;
12018    align-items: center; }
12019  .order-online-row .cartList .basket {
12020    box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.07);
12021    padding: 10px 10px 10px 10px;
12022    background: white;
12023    font-size: 0.8rem; }
12024  .order-online-row .cartList .basket ul.basketList {
12025    padding: 0px; }
12026  .order-online-row .cartList .basket ul.basketList .basketItem {
12027    display: flex;
12028    font-size: 0.8rem;
12029    padding-bottom: 10px; }
12030    .order-online-row .cartList .basket ul.basketList .basketItem .counter-control-vertical {
12031      display: none; }
12032    .order-online-row .cartList .basket ul.basketList .basketItem .quantity {
12033      font-weight: 100;
12034      flex: 0.5;
12035      color: #818484;
12036      display: flex; }
12037    .order-online-row .cartList .basket ul.basketList .basketItem .cartItemModifiers {
12038      display: none;
12039      flex: 2; }
12040    .order-online-row .cartList .basket ul.basketList .basketItem .cartItemModifiersList {
12041      display: block !important;
12042      color: #757575;
12043      margin-top: 3px; }
12044      .order-online-row .cartList .basket ul.basketList .basketItem .cartItemModifiersList div {
12045        width: 160px;
12046        white-space: nowrap;
12047        overflow: hidden;
12048        text-overflow: ellipsis; }
12049    .order-online-row .cartList .basket ul.basketList .basketItem .cartItemTitle {
12050      flex: 4; }
12051    .order-online-row .cartList .basket ul.basketList .basketItem .price {
12052      flex: 1;
12053      text-align: right; }
12054  .order-online-row .cartList .basket .basketFooter li {
12055    display: flex;
12056    justify-content: space-between; }
12057  .order-online-row .cartList .basket .basketFooter li.basketTotal {
12058    border-top: 3px solid black;
12059    font-size: 1.2rem; }
12060  .order-online-row .cartList .basket .minimumAmount .basketTotalAmount {
12061    text-align: center;
12062    width: 100%;
12063    position: relative;
12064    padding: 0.2rem 0.8rem;
12065    margin-bottom: 0;
12066    border: 1px solid transparent;
12067    border-radius: 0.25rem;
12068    color: #383d41;
12069    background-color: #e2e3e5;
12070    border-color: #d6d8db;
12071    margin: 0.5rem 0rem; }
12072  .order-online-row .cartList .basket .cartMethodDetails {
12073    padding: 9px;
12074    margin-right: -10px;
12075    margin-left: -10px;
12076    margin-top: 10px;
12077    flex-direction: column; }
12078  .order-online-row .cartList .basket .cartMethodDetails span.address {
12079    display: -webkit-box;
12080    -webkit-line-clamp: 2;
12081    -webkit-box-orient: vertical;
12082    overflow: hidden;
12083    text-overflow: ellipsis; }
12084  .order-online-row .cartList .basket .cartMethodDetails > .col-9 {
12085    flex: 100% !important;
12086    max-width: 100% !important; }
12087  .order-online-row .cartList .basket .changeSettingsDiv {
12088    flex: 1;
12089    align-self: center;
12090    max-width: 100%;
12091    text-align: right !important;
12092    padding: 0px; }
12093  .order-online-row .cartList .basket .basketFooter {
12094    padding: 9px 12px;
12095    box-shadow: 0px -3px 6px -2px rgba(0, 0, 0, 0.07);
12096    margin-right: -10px;
12097    margin-left: -10px; }
12098  .order-online-row .cartList .basket .basketTotal {
12099    font-weight: bold; }
12100  .order-online-row .cartList .basket .basketList li, .order-online-row .cartList .basket .basketFooter li {
12101    list-style: none;
12102    position: relative; }
12103  .order-online-row .cartList .basket .counter-control-vertical {
12104    display: none;
12105    float: left;
12106    width: 35px;
12107    margin-top: -15px;
12108    margin-bottom: -31px;
12109    margin-left: -48px; }
12110  .order-online-row .cartList .basket .basketItem:hover .counter-control-vertical {
12111    display: block; }
12112  .order-online-row .cartList .basket .cartList .price, .order-online-row .cartList .basket .contentCart .price {
12113    position: absolute;
12114    right: 15px;
12115    top: 0px;
12116    line-height: 20px;
12117    font-weight: 300;
12118    font-size: 13px; }
12119  .order-online-row .cartList .basket .deliveryChecker {
12120    margin: -10px -10px;
12121    background: rgba(252, 207, 93, 0.3);
12122    border-color: #fccf5d; }
12123  .order-online-row .cartList .basket .deliveryChecker h3 {
12124    color: #33373d;
12125    font-size: 18px;
12126    margin-top: 0px; }
12127  .order-online-row .cartList .basket .deliveryChecker h3 span {
12128    font-size: 10px;
12129    font-weight: 400;
12130    position: relative;
12131    top: -2px;
12132    border-radius: 46px;
12133    background: #5094e4;
12134    color: white;
12135    padding: 2px 8px;
12136    text-align: center; }
12137  .order-online-row .item-img {
12138    position: relative; }
12139  .order-online-row .itemInner .loadingSpin {
12140    top: calc(50% - 15px); }
12141  .order-online-row .basketList li.basketItem .cartItemModifiers {
12142    display: table;
12143    width: 90%;
12144    color: #7c7c7c;
12145    font-weight: 400; }
12146  .order-online-row .basketList li.basketItem .deleteItemFromCart {
12147    color: #818484;
12148    position: absolute;
12149    right: 1px;
12150    top: 0px;
12151    height: 100%;
12152    width: 30px;
12153    text-align: right;
12154    cursor: pointer; }
12155  .order-online-row .basketList li.basketItem:hover .deleteItemFromCart {
12156    color: #e45153; }
12157  .order-online-row .ajaxLoadingMenu .loadingMenu {
12158    padding-top: 50px;
12159    padding-bottom: 50px;
12160    text-align: center; }
12161  .order-online-row ul.menuItems {
12162    display: flex;
12163    flex-direction: row;
12164    justify-content: space-between;
12165    align-items: flex-start;
12166    flex-wrap: wrap;
12167    list-style-type: none;
12168    padding-left: 0px; }
12169  .order-online-row ul.menuItems li {
12170    position: relative;
12171    cursor: pointer;
12172    flex: 0 1 49%;
12173    display: flex;
12174    flex-direction: column;
12175    justify-content: space-between;
12176    align-self: stretch;
12177    margin-bottom: 16px;
12178    padding: 16px;
12179    border: 1px solid transparent;
12180    border-radius: 2px;
12181    background-color: #fff;
12182    box-shadow: none;
12183    outline: none;
12184    transition: box-shadow 0.2s ease-in-out;
12185    -webkit-user-select: none;
12186    -moz-user-select: none;
12187    -ms-user-select: none;
12188    user-select: none; }
12189  .order-online-row ul.menuItems li:hover {
12190    cursor: pointer;
12191    box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.07); }
12192  .order-online-row ul.menuItems {
12193    width: 100%; }
12194  .order-online-row .foodCatTitleParent {
12195    font-weight: bold;
12196    font-size: 1.6rem;
12197    margin-bottom: 0px; }
12198  .order-online-row .foodCatDesc {
12199    font-size: 0.8rem;
12200    color: #17191a;
12201    margin-bottom: 10px; }
12202  .order-online-row .list-item-description {
12203    color: #818484;
12204    font-size: 0.8rem;
12205    line-height: 1rem;
12206    display: flex;
12207    margin-bottom: 10px; }
12208  .order-online-row .list-item-title {
12209    width: 100% !important;
12210    position: relative;
12211    display: flex;
12212    font-size: 0.9rem;
12213    margin-bottom: 10px; }
12214  .order-online-row .itemInner {
12215    display: flex;
12216    flex-direction: row-reverse; }
12217  .order-online-row .item-price {
12218    display: flex;
12219    width: calc(100% - 30px);
12220    position: absolute;
12221    bottom: 4px;
12222    display: inline-block;
12223    margin: 8px 8px 0 0;
12224    color: #818484;
12225    font-size: 0.9rem;
12226    left: 15px; }
12227  .order-online-row .item-img-container {
12228    flex: 0.56;
12229    flex-shrink: 0;
12230    width: 96px;
12231    height: 96px;
12232    margin-top: 0;
12233    border-radius: 3px;
12234    margin-left: 16px;
12235    margin-right: 7px; }
12236  .order-online-row .item-img {
12237    width: 96px;
12238    height: 96px;
12239    background-position: center center;
12240    background-size: cover !important;
12241    border-radius: 3px; }
12242  .order-online-row .item-content {
12243    flex: 1;
12244    margin-bottom: 10px; }
12245  .order-online-row .item-add {
12246    display: none; }
12247  .order-online-row .alert {
12248    font-size: 0.9rem;
12249    padding: 2px; }
12250  .order-online-row .ui.green.button:not(.is-loading), .order-online-row .ui.green.buttons .button:not(.is-loading) {
12251    background: #279627 !important;
12252    border-color: #279627 !important; }
12253  .order-online-row .cartMethodDetails {
12254    font-size: 0.8rem;
12255    margin-bottom: 20px; }
12256  .order-online-row .searchItems input.form-control {
12257    border: 2px solid #d8e0ec;
12258    outline: none !important;
12259    transition: 300ms all;
12260    background: #f5f6f8;
12261    font-size: 1.25rem;
12262    border-radius: 0px; }
12263  .order-online-row .searchItems input.form-control:focus {
12264    outline: none !important;
12265    box-shadow: none;
12266    border: 2px solid black; }
12267
12268@media (min-width: 1200px) {
12269  .order-online-row.order-online-row--layout4 ul.menuItems > li {
12270    padding: 0px;
12271    -webkit-flex-basis: calc(25% - 6px);
12272    -ms-flex-preferred-size: calc(25% - 6px);
12273    flex-basis: calc(25% - 6px);
12274    max-width: calc(25% - 6px); } }
12275
12276@media (max-width: 575px) {
12277  .rest--checkout .container .row {
12278    flex-direction: column-reverse !important; } }
12279
12280@media (min-width: 576px) {
12281  .visible-xs {
12282    display: none; }
12283
12284  .rest--checkout .cardDetails, .rest--checkout .extra--notes {
12285    display: block !important; } }
12286
12287.modal .verifyCode {
12288  display: flex;
12289  justify-content: center; }
12290  .modal .verifyCode input {
12291    width: 40px;
12292    margin: 10px; }
12293
12294#modalFood .modal-content .withSubmodifiers {
12295  justify-content: flex-start;
12296  align-items: flex-start;
12297  flex-direction: column; }
12298  #modalFood .modal-content .withSubmodifiers .b3Checkbox {
12299    align-self: flex-start !important;
12300    align-items: flex-start; }
12301  #modalFood .modal-content .withSubmodifiers .subModifier {
12302    width: 100%;
12303    margin-top: 0px; }
12304  #modalFood .modal-content .withSubmodifiers .subModifier .modifier-group__title {
12305    margin-top: 0px; }
12306  #modalFood .modal-content .withSubmodifiers .subModifier .modifierItem .b3Checkbox.subModifierItem {
12307    margin-top: 0px !important; }
12308    #modalFood .modal-content .withSubmodifiers .subModifier .modifierItem label {
12309      margin-top: 0px; }
12310  #modalFood .modal-content .withSubmodifiers .subModifier:before {
12311    width: 3px;
12312    height: 100%;
12313    left: 2px;
12314    top: 0px;
12315    position: absolute;
12316    background: #abadad;
12317    content: "";
12318    border-radius: 140px; }
12319
12320.product--layout1 .modalItem {
12321  position: relative;
12322  display: flex;
12323  flex: 0 1 auto;
12324  min-width: 575px;
12325  max-width: 575px; }
12326  .product--layout1 .modal-content {
12327    width: 100%; }
12328  .product--layout1 .modal-title {
12329    margin-top: 20px; }
12330  .product--layout1 .modifierItem {
12331    position: relative;
12332    display: flex;
12333    flex-wrap: nowrap;
12334    justify-content: flex-start;
12335    align-items: center;
12336    overflow: hidden;
12337    margin: 6px 5px;
12338    padding: 5px 15px;
12339    border: solid 1px #d1d7d7;
12340    border-radius: 6px;
12341    background-color: #fff;
12342    max-width: 100%;
12343    flex: 100%; }
12344  .product--layout1 .modifierItem label {
12345    margin: 5px 10px; }
12346  .product--layout1 .modifierClass > .row {
12347    display: contents; }
12348
12349.product--layout2 .modifierItem {
12350  position: relative;
12351  display: flex;
12352  flex-wrap: nowrap;
12353  justify-content: flex-start;
12354  align-items: center;
12355  overflow: hidden;
12356  margin: 0px 0px;
12357  padding: 0px 15px;
12358  border-radius: 6px;
12359  background-color: #fff;
12360  max-width: 100%;
12361  flex: 100%; }
12362  .product--layout2 .withoutImage .leftImageInModal {
12363    display: none !important; }
12364  @media (min-width: 992px) {
12365  .product--layout2 .modalItem {
12366    max-height: 100vh !important;
12367    height: calc(100vh - 50px); }
12368  .product--layout2 video.foodImageInModal {
12369    width: 100%;
12370    height: 100%;
12371    background: black; }
12372  .product--layout2 .modalItemsBody {
12373    display: flex;
12374    justify-content: space-between;
12375    flex-direction: column; }
12376  .product--layout2 .modalItem {
12377    height: 100%;
12378    width: 100%;
12379    max-height: 600px;
12380    max-width: 1060px; }
12381  .product--layout2 .modal-content {
12382    width: 100%; }
12383  .product--layout2 .modalItem.withoutImage {
12384    position: relative;
12385    display: flex;
12386    flex: 0 1 auto;
12387    min-width: 575px;
12388    max-width: 575px; }
12389  .product--layout2 .modalFoodImage {
12390    display: none; }
12391  .product--layout2 h3 {
12392    border-bottom: 1px solid rgba(217, 219, 224, 0.5);
12393    padding: 10px 0px; }
12394  .product--layout2 .modalFood + .modal-backdrop {
12395    background-color: #fff;
12396    opacity: 0.63; }
12397  .product--layout2 .modalItem .modal-content {
12398    flex-direction: row !important;
12399    border: none !important;
12400    box-shadow: rgba(34, 34, 34, 0.15) 0px 2px 20px 0px !important;
12401    overflow: hidden;
12402    max-height: 640px;
12403    height: calc(100vh - 50px); }
12404  .product--layout2 .modal-header {
12405    display: none !important; }
12406  .product--layout2 .modal-title {
12407    display: inline-block !important;
12408    margin-top: 20px; }
12409  .product--layout2 .modal-dialog:not(.withoutImage) .leftImageInModal {
12410    display: block !important;
12411    flex: 0 0 50%;
12412    background-size: cover !important;
12413    background-position: center center !important;
12414    box-shadow: rgba(45, 49, 56, 0.08) -15px 0px 10px -10px inset; }
12415  .product--layout2 .modal-dialog:not(.withoutImage) .modalItemsBody {
12416    flex: 0 0 50%;
12417    position: relative; }
12418  .product--layout2 .modal-dialog.withoutImage .modalItemsBody {
12419    flex: 0 0 100%; }
12420  .product--layout2 .modal-body {
12421    overflow: scroll;
12422    -webkit-overflow-scrolling: touch; }
12423  .product--layout2 .modal-footer {
12424    padding-bottom: 0px; } }
12425
12426.modalFood .closeButton button {
12427  font-size: 1.8rem;
12428  line-height: 0px;
12429  cursor: pointer; }
12430  .modalFood .modifierItem label {
12431    font-size: 0.8rem;
12432    margin-left: 30px;
12433    margin-top: 10px; }
12434  .modalFood .subProductsContainer.row {
12435    display: contents; }
12436  .modalFood .subProductsContainer.row .modifierItem {
12437    border: 0px;
12438    border-bottom: 1px solid #e9ebee !important;
12439    border-radius: 0;
12440    padding-bottom: 0px;
12441    padding-top: 0px;
12442    padding-left: 5px; }
12443  .modalFood .subProductsContainer.row label .subProductDesc {
12444    font-size: 0.7rem;
12445    padding: 0px 20px; }
12446  .modalFood .subProductsContainer.row .priceContainer {
12447    float: right; }
12448  .modalFood .subProductsContainer.row .modifierItem label {
12449    width: 100%; }
12450  .modalFood .b3Checkbox[type="radio"] {
12451    border-radius: 100% !important; }
12452  .modalFood .b3Checkbox {
12453    width: 20px !important;
12454    outline: none !important;
12455    position: absolute;
12456    height: 20px !important;
12457    margin-top: 0px !important;
12458    border-radius: 3px !important;
12459    -webkit-appearance: none !important;
12460    /* top:  calc(50% - 10px); */
12461    -moz-appearance: none;
12462    display: flex;
12463    justify-content: center;
12464    align-self: center !important;
12465    align-items: center;
12466    transition: 300ms all;
12467    animation-duration: 1s;
12468    border: 1px solid #c5c5c5; }
12469  .modalFood .b3Checkbox:checked {
12470    background: #2d3138;
12471    border-color: 1px solid #2d3138;
12472    box-shadow: inset 0px 0px 0px 4px #fff, 0px 2px 0px rgba(0, 0, 0, 0.05) !important;
12473    -webkit-animation-duration: 0.3s;
12474    -moz-animation-duration: 0.3s;
12475    -o-animation-duration: 0.3s;
12476    animation-duration: 0.3s;
12477    -webkit-animation-fill-mode: both;
12478    -moz-animation-fill-mode: both;
12479    -o-animation-fill-mode: both;
12480    animation-fill-mode: both;
12481    -webkit-animation-name: wobble;
12482    animation-name: wobble;
12483    -webkit-animation-duration: 1s;
12484    -moz-animation-duration: 1s;
12485    animation-duration: 1s;
12486    -webkit-appearance: none !important;
12487    -moz-appearance: none;
12488    width: 20px;
12489    position: absolute;
12490    height: 20px; }
12491  .modalFood .b3Checkbox[disabled], .modalFood .b3Checkbox[disabled]:hover {
12492    border-color: #e8ebeb;
12493    background: #f3f5f5;
12494    box-shadow: none; }
12495  .modalFood h3 {
12496    font-size: 0.9rem;
12497    margin-bottom: 8px;
12498    font-weight: bold;
12499    margin-top: 8px; }
12500  .modalFood p {
12501    margin-bottom: 8px;
12502    font-size: 14px;
12503    color: #818484; }
12504  .modalFood .modalItem .modal-header {
12505    display: flex;
12506    flex-direction: column !important; }
12507  .modalFood .modal-header .modalFoodImage {
12508    background-size: cover !important;
12509    width: 100%; }
12510  .modalFood .closeButton {
12511    position: absolute;
12512    right: 0px;
12513    z-index: 9;
12514    top: 0px; }
12515  .modalFood .instructionsQuantity {
12516    color: grey;
12517    font-size: 13px;
12518    line-height: 30px;
12519    font-weight: 300; }
12520  .modalFood .quantityCounter {
12521    width: 40%;
12522    text-align: center;
12523    color: #279627;
12524    font-weight: 900;
12525    font-size: 20px;
12526    padding-top: 6px !important;
12527    background: white; }
12528  .modalFood .minusQuantity, .modalFood .plusQuantity {
12529    width: 30%;
12530    transition: 100ms background;
12531    text-align: center;
12532    cursor: pointer; }
12533  .modalFood .minusQuantity, .modalFood .quantityCounter, .modalFood .plusQuantity {
12534    float: left;
12535    height: 38px; }
12536  .modalFood .btnAddToBasket, .modalFood .btnAddToBasket:active, .modalFood .btnAddToBasket:focus {
12537    height: 42px;
12538    border-radius: 0px;
12539    color: white;
12540    border: none;
12541    font-size: 16px;
12542    transition: 700ms all;
12543    background-color: #279627; }
12544
12545.pull-right {
12546  float: right; }
12547
12548.didYouMeanAddress .previousAddress {
12549  padding: 10px;
12550  border: solid 1px #d1d7d7;
12551  margin-bottom: 10px;
12552  border-radius: 10px; }
12553  .didYouMeanAddress .btnSaveSettings {
12554    cursor: pointer; }
12555  .didYouMeanAddress .previousAddress.selected {
12556    border: 1px solid #6ab2b1;
12557    background: #6ab2b1;
12558    font-weight: 700;
12559    color: white; }
12560  .didYouMeanAddress .modal-footer .pull-right {
12561    text-align: right;
12562    padding-right: 0px; }
12563  .didYouMeanAddress .closeMethodPopup:hover {
12564    color: #ff203c !important; }
12565  .didYouMeanAddress .closeMethodPopup {
12566    transition: 250ms all;
12567    cursor: pointer;
12568    background: none !important;
12569    -webkit-appearance: none; }
12570
12571.changeMethodPopup h3 {
12572  font-size: 1.3rem; }
12573  .changeMethodPopup h4 {
12574    font-size: 1rem; }
12575  .changeMethodPopup .closeButton button {
12576    position: absolute;
12577    right: 10px;
12578    top: 0px; }
12579  .changeMethodPopup .methoddelivery .previousAddress, .changeMethodPopup .greenAddressBox {
12580    border: 1px solid #f0f0f0;
12581    padding: 10px;
12582    cursor: pointer;
12583    margin: 10px 0px;
12584    font-size: 0.8rem !important; }
12585  .changeMethodPopup .methodtakeaway .selected .tel a {
12586    color: #8cd232; }
12587  .changeMethodPopup .changeTakeAwayRestaurant.selected, .changeMethodPopup .methoddelivery .previousAddress.selected {
12588    background: #f3fff9;
12589    color: #333; }
12590  @media (max-width: 767px) {
12591  .changeMethodPopup.modal-dialog {
12592    max-width: inherit; }
12593  .changeMethodPopup .modal-content {
12594    height: 100vh; }
12595    .changeMethodPopup .modal-content .closeButton {
12596      display: none; }
12597
12598    .changeMethodPopup .modal-content .modal-footer {
12599      position: absolute;
12600      bottom: 10px;
12601      width: 100%; } }
12602
12603.loginBox, .card--Panel {
12604  padding-left: 36px;
12605  padding-right: 36px;
12606  padding-top: 46px;
12607  padding-bottom: 39px;
12608  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 24px 0px;
12609  background-color: #fff;
12610  position: relative;
12611  margin-top: 40px; }
12612  .loginBox .body, .card--Panel .body {
12613    padding: 50px 0px; }
12614  .loginBox .btn-back, .card--Panel .btn-back {
12615    position: absolute;
12616    top: 10px;
12617    left: 10px;
12618    cursor: pointer; }
12619  .loginBox h2, .card--Panel h2 {
12620    font-size: 1.4rem;
12621    color: #2e3333; }
12622  .loginBox .header, .card--Panel .header {
12623    border-bottom: 1px solid #f4f4f4;
12624    padding: 20px 0px;
12625    margin-bottom: 20px; }
12626  .loginBox h4, .card--Panel h4 {
12627    font-size: 1.1rem;
12628    letter-spacing: -0.1rem; }
12629  .loginBox .forgotPassword, .card--Panel .forgotPassword {
12630    padding: 20px 0px;
12631    text-align: center; }
12632  .loginBox .footer, .card--Panel .footer {
12633    margin-right: -39px;
12634    margin-left: -38px;
12635    padding: 15px;
12636    box-shadow: 0px -3px 6px -2px rgba(0, 0, 0, 0.07);
12637    margin-top: 40px; }
12638  .loginBox .orSeparate, .card--Panel .orSeparate {
12639    display: flex;
12640    width: 100%; }
12641  .loginBox p.separatOr, .card--Panel p.separatOr {
12642    font-size: 14px;
12643    letter-spacing: 0.14px;
12644    font-weight: 400;
12645    line-height: normal;
12646    color: #b4b8c1;
12647    padding: 28px 0px;
12648    margin: -10px 7px 0px; }
12649  .loginBox .orSeparate:before, .card--Panel .orSeparate:before {
12650    content: "";
12651    border-top: 1px solid #d9dbe0;
12652    flex: 1 1 0%;
12653    margin-top: 27px; }
12654  .loginBox .orSeparate:after, .card--Panel .orSeparate:after {
12655    content: "";
12656    margin-top: 27px;
12657    border-top: 1px solid #d9dbe0;
12658    flex: 1 1 0%; }
12659  .loginBox .btn-login:disabled, .card--Panel .btn-login:disabled {
12660    background-color: #d9dbe0;
12661    color: #fff;
12662    cursor: default; }
12663  .loginBox .btn-login, .card--Panel .btn-login {
12664    -webkit-appearance: none;
12665    cursor: pointer;
12666    text-align: center;
12667    background-color: #00b7b3;
12668    color: #fff;
12669    font-size: 14px;
12670    letter-spacing: initial;
12671    font-weight: 600;
12672    text-transform: uppercase;
12673    line-height: 3rem;
12674    height: 48px;
12675    width: 100%;
12676    padding: 0px;
12677    margin: 0px;
12678    border-width: initial;
12679    border-style: none;
12680    border-color: initial;
12681    border-image: initial;
12682    outline: none;
12683    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
12684    border-radius: 28px;
12685    justify-content: center;
12686    align-items: center; }
12687  .loginBox .btn-login, .card--Panel .btn-login {
12688    background-color: #03a4a2; }
12689  .loginBox .form-control:not(.form--big), .card--Panel .form-control:not(.form--big) {
12690    border-radius: 2px;
12691    border: 1px solid #bac3c3;
12692    box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.05);
12693    height: auto;
12694    background-color: #fff;
12695    padding: 13px;
12696    transition: border-color 0.3s, box-shadow 0.3s; }
12697  .loginBox .form-control.addressList, .card--Panel .form-control.addressList {
12698    padding: 5px; }
12699  .loginBox .extention, .card--Panel .extention {
12700    padding: 0px; }
12701  .loginBox select.form-control:not([size]):not([multiple]), .card--Panel select.form-control:not([size]):not([multiple]) {
12702    height: 100%; }
12703  .loginBox select:not([multiple]), .card--Panel select:not([multiple]) {
12704    -webkit-appearance: none;
12705    -moz-appearance: none;
12706    background-position: right 50%;
12707    background-repeat: no-repeat;
12708    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
12709    padding: 0.5em;
12710    padding-right: 1.5em; }
12711  .loginBox label, .card--Panel label {
12712    font-size: 14px;
12713    font-weight: bold;
12714    color: #818484;
12715    width: 100%;
12716    margin-bottom: 8px;
12717    letter-spacing: initial;
12718    text-transform: none;
12719    padding: 8px 0px 0px 0px; }
12720  .loginBox .form-control.form--big, .card--Panel .form-control.form--big {
12721    border: 0px;
12722    border-bottom: 1px solid #d9dbe0;
12723    font-size: 16px;
12724    letter-spacing: 0.14px;
12725    font-weight: 400;
12726    line-height: normal;
12727    font-family: inherit;
12728    width: 100%;
12729    caret-color: #000;
12730    background-color: inherit;
12731    color: #2d3138;
12732    border-radius: 0;
12733    text-align: center;
12734    padding: 22px 0px; }
12735  .loginBox .b3Checkbox, .card--Panel .b3Checkbox {
12736    width: 20px !important;
12737    outline: none !important;
12738    position: absolute;
12739    height: 20px !important;
12740    margin-top: 0px !important;
12741    border-radius: 3px !important;
12742    -webkit-appearance: none !important;
12743    -moz-appearance: none;
12744    transition: 300ms all;
12745    animation-duration: 1s;
12746    border: 1px solid #c5c5c5; }
12747  .loginBox .b3Checkbox:checked, .card--Panel .b3Checkbox:checked {
12748    background: #2d3138;
12749    border-color: 1px solid #2d3138;
12750    box-shadow: inset 0px 0px 0px 4px #fff, 0px 2px 0px rgba(0, 0, 0, 0.05);
12751    -webkit-animation-duration: 0.3s;
12752    -moz-animation-duration: 0.3s;
12753    -o-animation-duration: 0.3s;
12754    animation-duration: 0.3s;
12755    -webkit-animation-fill-mode: both;
12756    -moz-animation-fill-mode: both;
12757    -o-animation-fill-mode: both;
12758    animation-fill-mode: both;
12759    -webkit-animation-name: wobble;
12760    animation-name: wobble;
12761    -webkit-animation-duration: 1s;
12762    -moz-animation-duration: 1s;
12763    animation-duration: 1s;
12764    -webkit-appearance: none !important;
12765    -moz-appearance: none;
12766    width: 20px;
12767    position: absolute;
12768    height: 20px; }
12769  .loginBox .b3Checkbox[type="radio"], .card--Panel .b3Checkbox[type="radio"] {
12770    border-radius: 100% !important; }
12771  .loginBox .radio span, .card--Panel .radio span {
12772    padding-left: 29px; }
12773  .loginBox .btn-change--delivery, .card--Panel .btn-change--delivery {
12774    padding: 32px 0px; }
12775  .loginBox .extra--notes, .card--Panel .extra--notes {
12776    border-top: 1px solid #f4f4f4;
12777    padding-top: 20px; }
12778  .loginBox .radio, .card--Panel .radio {
12779    position: relative;
12780    display: flex;
12781    flex-wrap: nowrap;
12782    justify-content: flex-start;
12783    align-items: center;
12784    overflow: hidden;
12785    margin: 3px 0px;
12786    padding: 5px 15px;
12787    border: solid 1px #d1d7d7;
12788    border-radius: 6px;
12789    background-color: #fff;
12790    max-width: 100%;
12791    flex: 100%; }
12792  .loginBox .form-control:focus, .card--Panel .form-control:focus {
12793    box-shadow: none;
12794    border-bottom: 1px solid #279627; }
12795
12796.rest--checkout .deliveryInfo, .rest--checkout .paymentDetails {
12797  padding-top: 13px !important; }
12798  .rest--checkout .defaultDelivery {
12799    padding-bottom: 20px; }
12800  .rest--checkout .changeDeliveryAddress {
12801    font-size: 0.8rem;
12802    text-align: right; }
12803  .rest--checkout .cardDetails {
12804    padding: 0px; }
12805  .rest--checkout .paymentAddNewCardForm {
12806    flex-wrap: nowrap;
12807    justify-content: flex-start;
12808    align-items: center;
12809    overflow: hidden;
12810    margin: 3px 0px;
12811    padding: 5px 15px;
12812    border: solid 1px #d1d7d7;
12813    border-radius: 6px;
12814    background-color: #fff;
12815    max-width: 100%;
12816    flex: 100%;
12817    margin-top: 10px;
12818    position: relative; }
12819  .rest--checkout .paymentDetails {
12820    margin-bottom: 30px; }
12821  .rest--checkout .securePayment {
12822    display: block;
12823    margin-left: 40px;
12824    line-height: 1.4em;
12825    color: #3abc77;
12826    display: block;
12827    padding: 10px 15px;
12828    border-width: 1px 0;
12829    border-style: solid;
12830    border-color: #3abc77;
12831    margin: 0 50px 20px;
12832    margin-top: 20px; }
12833  .rest--checkout .order--time--ready {
12834    text-align: center;
12835    text-align: center;
12836    font-size: 0.8rem;
12837    color: #757575; }
12838  .rest--checkout .contentCart {
12839    padding: 10px 5px 0px 5px; }
12840  .rest--checkout .contentCart .header {
12841    margin: 0 16px;
12842    margin-bottom: 20px;
12843    padding: 10px 0px 8px 0px; }
12844  .rest--checkout .contentCart .orderTime .time {
12845    padding-left: 10px;
12846    font-weight: bold; }
12847  .rest--checkout .contentCart .orderTime .timeValue {
12848    padding-left: 5px; }
12849  .rest--checkout .contentCart ul.basketList {
12850    border-bottom: 1px solid #d5d6d6;
12851    margin-bottom: 16px; }
12852  .rest--checkout .contentCart ul.basketList, .rest--checkout .contentCart ul.basketFooter {
12853    list-style: none;
12854    font-size: 0.9rem;
12855    padding: 0px;
12856    margin: 17px 16px; }
12857  .rest--checkout .contentCart ul.basketList li.basketItem, .rest--checkout .contentCart ul.basketFooter li.basketItem {
12858    display: flex;
12859    margin: 0 0 16px 0; }
12860    .rest--checkout .contentCart ul.basketList li.basketItem .quantity, .rest--checkout .contentCart ul.basketFooter li.basketItem .quantity {
12861      color: #818484;
12862      flex: 0.5; }
12863    .rest--checkout .contentCart ul.basketList li.basketItem .cartItemModifiers, .rest--checkout .contentCart ul.basketFooter li.basketItem .cartItemModifiers {
12864      display: none; }
12865    .rest--checkout .contentCart ul.basketList li.basketItem .cartItemTitle, .rest--checkout .contentCart ul.basketFooter li.basketItem .cartItemTitle {
12866      flex: 4; }
12867      .rest--checkout .contentCart ul.basketList li.basketItem .cartItemTitle .cartItemModifiersList, .rest--checkout .contentCart ul.basketFooter li.basketItem .cartItemTitle .cartItemModifiersList {
12868        display: block !important;
12869        color: #757575;
12870        margin-top: 3px; }
12871      .rest--checkout .contentCart ul.basketList li.basketItem .cartItemTitle .cartItemModifiersList div, .rest--checkout .contentCart ul.basketFooter li.basketItem .cartItemTitle .cartItemModifiersList div {
12872        width: 200px;
12873        white-space: nowrap;
12874        overflow: hidden;
12875        text-overflow: ellipsis; }
12876    .rest--checkout .contentCart ul.basketList li.basketItem .price, .rest--checkout .contentCart ul.basketFooter li.basketItem .price {
12877      flex: 1;
12878      text-align: right; }
12879  .rest--checkout .contentCart .basketTotal {
12880    padding: 24px;
12881    height: auto;
12882    box-shadow: 0 -0.5px 4px 0 rgba(0, 0, 0, 0.08);
12883    display: flex;
12884    justify-content: space-between;
12885    margin-left: -20px;
12886    margin-right: -20px;
12887    margin-top: 20px;
12888    font-weight: bold;
12889    font-size: 1rem; }
12890
12891.order:not(li):not(body) {
12892  padding: 10px 0px;
12893  font-size: 1rem;
12894  margin-bottom: 50px; }
12895  .order:not(li):not(body) .order--details {
12896    justify-content: center; }
12897  .order:not(li):not(body) .order--details .heading {
12898    font-weight: bold;
12899    color: #626666;
12900    font-size: 0.9rem; }
12901  .order:not(li):not(body) .order--details .orderNumber {
12902    font-size: 2.5em;
12903    color: #333;
12904    padding: 10px 0px; }
12905  .order:not(li):not(body) .order--details .notifBox {
12906    padding: 20px 20px;
12907    margin-left: -20px;
12908    margin-right: -20px;
12909    margin-top: 20px;
12910    margin-bottom: 20px;
12911    background: #f3f5f5; }
12912  .order:not(li):not(body) .order--details table tbody {
12913    display: flex;
12914    flex-direction: column; }
12915  .order:not(li):not(body) .order--details table tbody .bigFont {
12916    font-weight: bold;
12917    font-size: 0.9rem; }
12918  .order:not(li):not(body) .order--details table tbody tr {
12919    display: flex; }
12920    .order:not(li):not(body) .order--details table tbody tr td {
12921      flex: 1; }
12922    .order:not(li):not(body) .order--details table tbody tr .qty {
12923      flex: 0.5; }
12924    .order:not(li):not(body) .order--details table tbody tr .title {
12925      flex: 3; }
12926    .order:not(li):not(body) .order--details table tbody tr .price {
12927      flex: 0.5; }
12928  .order:not(li):not(body) .order--details .details {
12929    padding: 20px;
12930    margin-top: 0px !important; }
12931  .order:not(li):not(body) .order--status > .row {
12932    flex-direction: column; }
12933  .order:not(li):not(body) .order--status {
12934    text-align: center;
12935    flex-direction: column;
12936    display: flex; }
12937  .order:not(li):not(body) .order--status .inner .approved span, .order:not(li):not(body) .order--status .inner .approved i {
12938    color: #3abc77; }
12939  .order:not(li):not(body) .order--status .inner .rejected span, .order:not(li):not(body) .order--status .inner .rejected i {
12940    color: #bb4547; }
12941  .order:not(li):not(body) .order--status .inner > div {
12942    justify-content: center;
12943    display: flex;
12944    flex-direction: column; }
12945  .order:not(li):not(body) .order--status .inner > div i {
12946    font-size: 2rem; }
12947  .order:not(li):not(body) .order--status .inner > div i.spin {
12948    /* Safari */
12949    -webkit-animation: spin 2s linear infinite;
12950    animation: spin 2s linear infinite; }
12951  .order:not(li):not(body) .order--status .inner > div .desc {
12952    font-size: 0.7rem;
12953    color: #626666; }
12954  .order:not(li):not(body) .order--status .inner > div span {
12955    font-size: 1.4rem;
12956    font-weight: bold; }
12957  .order:not(li):not(body) .order--status .inner > div .time {
12958    margin-top: 20px; }
12959    .order:not(li):not(body) .order--status .inner > div .time span {
12960      padding: 10px 20px;
12961      font-size: 1rem; }
12962
12963.tipsAmount {
12964  min-width: 50px;
12965  display: inline-block; }
12966
12967.loading__indicator {
12968  width: 20px;
12969  height: 20px;
12970  position: absolute;
12971  left: calc(50% - 10px);
12972  top: calc(50% - 10px);
12973  background-image: url(https://platform.b3website.com/img/loader2.svg);
12974  background-repeat: no-repeat;
12975  background-size: 100% 100%;
12976  -webkit-animation-name: rotateForever;
12977  animation-name: rotateForever;
12978  -webkit-animation-duration: 550ms;
12979  animation-duration: 550ms;
12980  -webkit-animation-timing-function: linear;
12981  animation-timing-function: linear;
12982  -webkit-animation-iteration-count: infinite;
12983  animation-iteration-count: infinite; }
12984  .loading__indicator.relative {
12985    position: relative !important; }
12986
12987.ajaxLoadingMenu .loading__indicator {
12988  top: 100px !important;
12989  /* Safari */ }
12990
12991@-webkit-keyframes spin {
12992  0% {
12993    -webkit-transform: rotate(0deg); }
12994
12995  100% {
12996    -webkit-transform: rotate(360deg); } }
12997
12998@keyframes spin {
12999  0% {
13000    transform: rotate(0deg); }
13001
13002  100% {
13003    transform: rotate(360deg); } }
13004
13005.btn-facebook {
13006  color: white !important;
13007  text-align: center;
13008  font-size: 1rem;
13009  font-weight: 200;
13010  background: #4267b2;
13011  border-radius: 5px; }
13012
13013.btn-facebook:hover {
13014  color: white;
13015  background: #4b7db7; }
13016
13017.formLogin {
13018  margin-top: 20px; }
13019
13020.sidebar--nav .navbar-toggler-icon {
13021  width: 2.5em;
13022  height: 2.5em; }
13023  .sidebar--nav ul.navbar--top {
13024    display: flex;
13025    flex-direction: row; }
13026  .sidebar--nav ul.navbar--top li a {
13027    color: #000;
13028    padding: 10px 5px;
13029    font-size: 0.8rem; }
13030  .sidebar--nav a.toggleSidebarMenu {
13031    display: flex;
13032    justify-content: center;
13033    align-items: center; }
13034  .sidebar--nav a.toggleSidebarMenu .navbar-toggler-title {
13035    font-size: 1rem;
13036    margin-right: 10px; }
13037  .sidebar--nav .closeMenuSider {
13038    cursor: pointer;
13039    position: absolute;
13040    right: 20px;
13041    top: 10px;
13042    font-size: 1.5rem; }
13043  @media (min-width: 992px) {
13044  .sidebar--nav a.navbar-brand {
13045    flex: 10; }
13046  .sidebar--nav ul.subMenu {
13047    display: flex !important;
13048    list-style: none;
13049    justify-content: flex-end;
13050    align-items: flex-end;
13051    padding: 0px;
13052    flex: 10; }
13053    .sidebar--nav ul.subMenu a {
13054      padding: 10px; } }
13055
13056.placesList {
13057  font-size: 0.8rem;
13058  padding: 40px 0px; }
13059  .placesList h1 {
13060    font-size: 1.8rem; }
13061  .placesList h5 {
13062    font-size: 0.9rem;
13063    font-weight: bold; }
13064  .placesList .has-success .form-control-feedback {
13065    color: #3c763d; }
13066  .placesList .has-feedback {
13067    position: relative; }
13068  .placesList .form-control-feedback {
13069    position: absolute;
13070    top: 0;
13071    right: 0;
13072    z-index: 2;
13073    display: block;
13074    width: 34px;
13075    height: 34px;
13076    line-height: 34px;
13077    text-align: center;
13078    pointer-events: none; }
13079  .placesList .searchForPlace {
13080    align-self: stretch;
13081    display: flex;
13082    flex-direction: column; }
13083  .placesList .schedule__table {
13084    margin-bottom: 20px; }
13085  .placesList .searchForPlace .well {
13086    flex: 1;
13087    display: flex;
13088    justify-content: center;
13089    align-content: center;
13090    flex-direction: column;
13091    text-align: center;
13092    background: #fff;
13093    border: 1px solid #f3f5f5;
13094    border-radius: 0px;
13095    padding: 20px; }
13096  @media (max-width: 991px) {
13097  .placesList .placesListing {
13098    display: contents !important; }
13099    .placesList .placesListing .singlePlace {
13100      margin-bottom: 20px; } }
13101  .placesList .placesListing {
13102    flex-wrap: wrap; }
13103  .placesList .placesListing .singlePlace {
13104    align-self: stretch;
13105    display: flex; }
13106  .placesList .placesListing .singlePlace .well {
13107    background: white;
13108    border: 1px solid #f3f5f5;
13109    padding: 20px;
13110    flex: 1; }
13111  .placesList .placesListing h4 {
13112    font-size: 1.1rem; }
13113  .placesList #map {
13114    width: 100%;
13115    height: 400px; }
13116
13117.place--desc {
13118  padding: 40px 0px;
13119  font-size: 0.9rem; }
13120  .place--desc .placeHoursTitle {
13121    font-weight: bold; }
13122  .place--desc h2 {
13123    font-size: 1.4rem; }
13124  .place--desc .error {
13125    color: red; }
13126
13127.deliveryWidget {
13128  position: relative; }
13129  .deliveryWidget input.error {
13130    border: 2px solid #e31521; }
13131
13132.panelDeliveryTakeawayWidget li {
13133  border: none !important;
13134  display: inline-block !important;
13135  float: none !important;
13136  text-align: center;
13137  margin: 0 auto !important; }
13138
13139.postcodeHomepage {
13140  height: 60px; }
13141
13142.postcode-widget .form-control {
13143  border-radius: 0;
13144  position: relative !important; }
13145  .postcode-widget .nav-tabs {
13146    border-bottom: 0px;
13147    margin-bottom: 0px; }
13148  .postcode-widget .btnSearchPostCode {
13149    position: absolute;
13150    right: 20px;
13151    top: 50%;
13152    transform: translateY(-50%);
13153    background: #5cb85c;
13154    color: white !important;
13155    border-color: #5cb85c; }
13156  .postcode-widget .tab-content {
13157    background: white;
13158    -webkit-border-bottom-right-radius: 20px;
13159    -webkit-border-bottom-left-radius: 20px;
13160    -moz-border-radius-bottomright: 20px;
13161    -moz-border-radius-bottomleft: 20px;
13162    border-bottom-right-radius: 20px;
13163    border-bottom-left-radius: 20px; }
13164  .postcode-widget .tab-content .tab-pane {
13165    padding: 20px 10px;
13166    text-align: left;
13167    -webkit-box-shadow: 2px 10px 38px 8px #000;
13168    box-shadow: 2px 10px 38px 8px #000;
13169    -webkit-border-bottom-right-radius: 20px;
13170    -webkit-border-bottom-left-radius: 20px;
13171    -moz-border-radius-bottomright: 20px;
13172    -moz-border-radius-bottomleft: 20px;
13173    border-bottom-right-radius: 20px;
13174    border-bottom-left-radius: 20px; }
13175  .postcode-widget .tab-content .tab-pane ul {
13176    overflow: scroll;
13177    max-height: 250px;
13178    list-style: none;
13179    margin: 0px;
13180    padding: 10px;
13181    border: 1px solid #cfcfcf;
13182    border-radius: 10px; }
13183    .postcode-widget .tab-content .tab-pane ul li {
13184      padding: 10px 10px;
13185      border-bottom: 1px solid #cfcfcf;
13186      font-weight: bold; }
13187      .postcode-widget .tab-content .tab-pane ul li .btn-success {
13188        color: #5cb85c;
13189        background-color: white;
13190        border-color: #5cb85c; }
13191  .postcode-widget .nav-link.active {
13192    color: black;
13193    background-color: white !important;
13194    border: 0px;
13195    font-weight: bold; }
13196  .postcode-widget .tabs--position-justify-content_start ul.justify-content-center {
13197    -ms-flex-pack: flex-start !important;
13198    justify-content: flex-start !important; }
13199  .postcode-widget .tabs {
13200    margin-top: 20px; }
13201  .postcode-widget .tabs--position-justify-content_end ul.justify-content-center {
13202    -ms-flex-pack: flex-end !important;
13203    justify-content: flex-end !important; }
13204  .postcode-widget .nav {
13205    position: relative;
13206    z-index: 1; }
13207  .postcode-widget .nav a {
13208    background: #cfcfcf;
13209    border: none !important;
13210    color: #818181;
13211    border: 0px; }
13212
13213.list-unstyled {
13214  list-style: none;
13215  padding-right: 0px; }
13216
13217.hidden {
13218  display: none; }
13219
13220.btn.is-loading, .btn.is-loading:hover, button.is-loading, button.is-loading:hover {
13221  border: 1px solid #d3dbe2;
13222  cursor: default;
13223  color: transparent !important;
13224  text-shadow: none; }
13225
13226.errorDetectedLocation, #card-errors {
13227  color: #721c24;
13228  background-color: #f8d7da;
13229  border-color: #f5c6cb;
13230  position: relative;
13231  padding: 0.4rem 1rem;
13232  margin-bottom: 1rem;
13233  border: 1px solid transparent;
13234  border-radius: 0.25rem;
13235  margin-top: 10px; }
13236
13237.btn-success {
13238  color: #fff;
13239  background-color: #279627;
13240  border-color: #279627; }
13241
13242.list-unstyled {
13243  list-style: none; }
13244
13245.cardSelector .addPaymentMethod {
13246  display: inline-block;
13247  float: right;
13248  margin-top: -8px;
13249  padding: 4px 0;
13250  cursor: pointer;
13251  color: #337ab7; }
13252  .cardSelector .dropdown {
13253    display: block;
13254    clear: right;
13255    background: #fff;
13256    border-radius: 3px;
13257    border: 1px solid #ccc; }
13258  .cardSelector .dropdown .dropdownCards {
13259    width: 100%;
13260    border: none;
13261    background: white; }
13262  .cardSelector .dropdown .dropdown-toggle::after {
13263    display: none; }
13264  .cardSelector .dropdown .fa.fa-chevron-down {
13265    top: calc(50% - 17px) !important;
13266    color: #31be9e;
13267    font-size: 2rem;
13268    position: absolute;
13269    right: 10px;
13270    transition: 250ms all ease-in-out; }
13271  .cardSelector .dropdown .dropdown-menu.show {
13272    display: block; }
13273  .cardSelector .dropdown .card {
13274    overflow: hidden;
13275    cursor: pointer;
13276    display: block;
13277    margin-bottom: 0;
13278    -webkit-touch-callout: none;
13279    -webkit-user-select: none;
13280    -khtml-user-select: none;
13281    -moz-user-select: none;
13282    -ms-user-select: none;
13283    color: #333 !important;
13284    user-select: none;
13285    border-radius: 0px !important;
13286    flex-direction: column;
13287    min-width: 0;
13288    word-wrap: break-word;
13289    background-color: #fff;
13290    background-clip: border-box;
13291    border: none;
13292    text-align: left; }
13293  .cardSelector .dropdown .card .defaultCardLabel {
13294    right: 40px !important;
13295    padding-top: 3px;
13296    margin-top: -1px;
13297    position: absolute !important;
13298    top: calc(50% - 7px) !important;
13299    background-color: #5cb85c;
13300    display: inline;
13301    padding: 0.2em 0.6em 0.3em;
13302    font-size: 75%;
13303    font-weight: 700;
13304    line-height: 1;
13305    color: #fff;
13306    text-align: center;
13307    white-space: nowrap;
13308    vertical-align: baseline;
13309    border-radius: 0.25em; }
13310  .cardSelector .dropdown .card .card-number {
13311    color: #6e6e6e;
13312    font-size: 1pc;
13313    font-weight: 700;
13314    vertical-align: middle;
13315    letter-spacing: 1px;
13316    line-height: 2pc; }
13317    .cardSelector .dropdown .card .card-number .mask {
13318      font-size: 9pt;
13319      position: relative;
13320      top: -1px; }
13321  .cardSelector .dropdown .card .card-header:first-child {
13322    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; }
13323  .cardSelector .dropdown .card .card-header {
13324    background: transparent;
13325    padding: 0px !important;
13326    border: none !important; }
13327  .cardSelector .dropdown .card .card-header .card-title, .cardSelector .dropdown .card .card-header .card-type-logo {
13328    float: left; }
13329  .cardSelector .dropdown .card .details div, .cardSelector .dropdown .card .details p, .cardSelector .dropdown .card .details span {
13330    overflow: hidden;
13331    white-space: nowrap;
13332    text-overflow: ellipsis; }
13333  .cardSelector .dropdown .card .card-type-logo {
13334    width: 30px;
13335    position: relative;
13336    top: 4px;
13337    height: auto !important;
13338    display: inline-block;
13339    margin-right: 1pc; }
13340  .cardSelector .dropdown .card a[role=menuitem] {
13341    padding: 10px 15px !important;
13342    display: block !important;
13343    text-decoration: none;
13344    border-bottom: 1px solid #ccc;
13345    background: #fff !important; }
13346    .cardSelector .dropdown .card a[role=menuitem] .cardSelector .card-header {
13347      background: transparent;
13348      padding: 0px !important;
13349      border: none !important; }
13350    .cardSelector .dropdown .card a[role=menuitem] .defaultCardLabel {
13351      right: 40px !important;
13352      padding-top: 3px;
13353      margin-top: -1px;
13354      position: absolute !important;
13355      top: calc(50% - 7px) !important;
13356      background-color: #5cb85c;
13357      display: inline;
13358      padding: 0.2em 0.6em 0.3em;
13359      font-size: 75%;
13360      font-weight: 700;
13361      line-height: 1;
13362      color: #fff;
13363      text-align: center;
13364      white-space: nowrap;
13365      vertical-align: baseline;
13366      border-radius: 0.25em; }
13367  .cardSelector .dropdownCards {
13368    border-radius: 2px !important; }
13369  .cardSelector .dropdown-menu {
13370    width: 100%;
13371    max-height: 300px;
13372    border-radius: 6px !important;
13373    overflow: scroll !important;
13374    margin: 0.125rem 0 0;
13375    font-size: 1rem;
13376    color: #212529;
13377    text-align: left;
13378    list-style: none;
13379    background-color: #fff;
13380    background-clip: padding-box;
13381    border: 1px solid rgba(0, 0, 0, .15);
13382    position: absolute;
13383    top: 100%;
13384    left: 0;
13385    z-index: 1000;
13386    display: none;
13387    float: left;
13388    padding: 0;
13389    min-width: 10rem; }
13390
13391.schedule__th._active {
13392  position: relative;
13393  z-index: 1;
13394  font-weight: 600;
13395  border-bottom-color: #8cd232;
13396  border-radius: 2px 2px 0 0;
13397  background-color: #c8e1aa;
13398  color: black; }
13399
13400.schedule__th {
13401  position: relative;
13402  padding: 10px 0;
13403  text-align: center;
13404  border-bottom: 2px solid #8cd232;
13405  vertical-align: bottom; }
13406
13407.schedule__td {
13408  padding: 10px 0 8px;
13409  text-align: center; }
13410
13411time.schedule__tableTime {
13412  display: flex;
13413  padding: 0px 10px;
13414  justify-content: center;
13415  align-items: center; }
13416
13417.schedule__td._active {
13418  position: relative;
13419  border-bottom-color: #c8e1aa;
13420  font-weight: 600;
13421  background-color: #c8e1aa; }
13422
13423.p0 {
13424  padding: 0px; }
13425
13426.modal-dialog.login .loginOr, .modal-dialog.register .loginOr {
13427  font-size: 1.3rem;
13428  font-weight: 200;
13429  text-align: center;
13430  margin: 20px 0px 0px 0px;
13431  font-style: italic; }
13432
13433.btn:not(.btn-disabled).is-loading, .btn:not(.btn-disabled).is-loading:hover, button:not(.btn-disabled).is-loading, button:not(.btn-disabled).is-loading:hover {
13434  background: url('data:image/gif;base64,R0lGODlhEAAQAPUAAC8vL3Z2dpSUlKWlpa2trbW1tb29vcbGxs7OztbW1t7e3ufn5%2B%2Fv7%2Ff39%2F%2F%2F%2F%2F%2F%2F%2Fz09PXNzc4uLizk5OX9%2Ffzo6On19fZiYmEFBQW9vbzw8PEBAQGtrazU1NWdnZ4GBgSUlJWRkZJCQkD4%2BPj8%2FPy4uLo2NjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH%2FC05FVFNDQVBFMi4wAwH%2F%2FwAh%2BQQJBgAPACwAAAAAEAAQAAAEifDJ52QJdeq3QnoC4DSFsnFAAAIPMizaAheAEbrI0yyOEwSGRkCAKAwIO2PjoQikGktK4zAowCauzCTxkRgGYNNmajBQBWixhlEoEAyTBUIrUVwlUwFy8z0wKEYIUwkNDApBCUdLdhwDCUULjg8MCVokBQ4HBA9UfxsLBDCaIwRdGiMSCAYVDVoRACH5BAkGAAAALAAAAAAQABAAAAWRICACjjhE5agCS6QAEeQ0kLECTBTBECBBB9WCATgAYwnIrrFwOCQSRCMyQBgGEMaiMGiwTpKGF9BgcAsLVcKQGiUSI2sBfWscDIY7gUBfmQsENiIMCm0iCmkjDQgDBGMjVwdEDlxSBwllCgYNCY1eiF8JCGgDcAwJbQ1zDgcERQNEKwsEaa0zBHArMyJWJQ1tIQAh%2BQQJBgAAACwAAAAAEAAQAAAFkSAgAo5ICOWoAouwABTlMJSxAvQACNQ%2BHaoFA4CgJHiJSa%2BhcDgKg0RDYFAgCBNGMoszDAqNhsjRoEwmhRQLoRZRBCOEwXAYrlrzg4FAKLxWDAUFBDYiDE0rCn8iDQgDBGIqXnUkUAgNB1KHBg0Jj2KKLFEIflE4CWoNgg4HBAAHA3ZBBC%2BtZAQJN2QiciUNaiEAIfkECQYAAAAsAAAAABAAEAAABZMgIAKOaAzlqAJMsQCD5TQWsgINUcAWXNmjBQOgGCQIF0XlglM4HIWBomE4LBIGC%2BNQqTRYp0IjNbN0DSnAApEWXQYjhKE6XC0slwvBQNC9VkpdFSMMTit7Kg0IAwRfKicHQ1ADCA0HCQ2FBg0JjF8KLwtGCC5GLAlpDQUFDgcEAAcDdSoLBC%2BuMwQJNzMiciVjIyEAIfkECQYAAAAsAAAAABAAEAAABZEgIAKOiBjlqAJMwQAH4TRDsgINYcADUGQK1eKlGCgOg0WmgFM4HAVjw4BgKBASBiKTabAMg0IjNZNgMogUYJFeEZgmg%2BHwWi0kXImB8F7cFBkYZyNWaiIFByoNCAMEXiMOggMvUAMIDQcJDQwJGXeCXgp%2BCzUIBaQ7CQNqDQUFDjE8dUIEfjEzBDYrM3ElYyMhACH5BAkGAAAALAAAAAAQABAAAAWSICACjogY5agCTMEAB%2BE0hbICDWHABIAMC9XipRgoYowBArdwOArGhgHBWCgIjMSF0mAZBoVGakagXBJCRGp0OIxOhsNrxdiaDQRCIbhaUP4UIwwKayIFbiMNPwRdIw4UGhQ2T0oNBwkNCwQaCwMaGl0KQZ0JCBcFGgUACQVrNK0xAJ98QgRBMQ4LqTczJigsayEAIfkECQYAAAAsAAAAABAAEAAABZIgIAKOiBjlqAJMwQAH4TSFsgINYcAEgAwL1eKlGChijAECt3A4CsaGAcFYKAiNBbTBMgwKjdTsMCDYRgtEanRYmgyGw2vFIAy%2BBgKhEKQPJBIDIwwKayJtKg0%2FWCoOEhsSQU9KDWQKCQUcWhwcXApBC2WcBxuCR2s0BQ4cGwCsCTcLBEEbGw4LGzsrMyKcJWEjIQAh%2BQQJBgAAACwAAAAAEAAQAAAFkyAgAo6IGOWoAkzBAAfhNIWyAg1hwASADAvV4qUYKGKMAQK3cDgKxoYBwVgoCI0FtMEyDAqN1OzwDY4WiNQokRidDIfXqnEwwA0EQsGsYuR1IwwJaiZtIw0%2FHlwjDgMfAy9PXwoeQEcfDAcfH1wKQQYdBR8eCB49aGoMHR8OHh0AozYrBx02rg4MHgc3MyKjJWEjIQAh%2BQQJBgAAACwAAAAAEAAQAAAGmUCAEOAQIgzFoRLAKDAAB4KjUVAsAQ2CAUoAIAYL5eKpGCiijAECu3A4CuaGAcFYKAiNBbzBNAwKDUlTB39hQwsISUMJCUNHBgdPSw0HBpAGBAQDjUtNBVqOA4pCCoZCDCEgIHxKfpFEqiILIbILCSIMCQN4AFVQIAQiIQkhB0wJiqghDsIAwaaLIFvCDgwia0tTQgMiRYFDQQAh%2BQQJBgAAACwAAAAAEAAQAAAGmECAEOAQIgzFoRLAKDAAB4KjUVAsAQ2CAUoAIAYL5eKpGCiijAECu3A4CuaGAcFYKAiNBbzBNAwKDUlTB39hQwciSUMJCUMZIyMZa0sNBwYGiBmaB1dNBVqLBYpCCoZCDCKQfEp%2BB08OjyILIgQMDAkGDQkDeFCcCSOfImWNt4oNmg4DIgB%2BT0sLkgDLDgwEjUtTQn5FgUNBACH5BAkGAAAALAAAAAAQABAAAAaVQIAQ4BAiDMWhEsAoMAAHgqNRUCwBDYIBSgAgBgvlwfpVRBkDBHbhcERIA0bkwFgoCI1FYdAALEQkJAx9RA0HAwVhQwciSUMJCUMiEZSRS4YGBgdvgQdXTQVaQwpISwqKQg0DJBGEQwYDdERvcVoMDKQNCQN4XmoKcwaJA5EMCY4NIo0GXYdPS3%2BRzFMElkpTRqUNjkEAIfkECQYAAAAsAAAAABAAEAAABptAgBDgECIMxaESoCghAAeCo1FQLAGMUglKACAGC2XCeigRzozBs7FwODLmRiaTWCgI7MKgAUjAMw18RA0HAwVhQwcmSUMJCUMDJpJWS4QGBopzdFcMBQUEBkMLCIxCCohCDQaSgkMGAwcMRAMZBQwHCQ0MCgYNCQN4Xo8LAwkIh8VYCYxUBQ5RUAOySwsEYVFTBI9LU0ZIAA2MQQA7') 50% 50% no-repeat #fff !important; }
13435
13436html:not(.darkMode) body.dashboard.account .container .dashboard {
13437  background: white;
13438  padding: 15px; }
13439
13440body.dashboard .myOrderList .smallVenueBox .card {
13441  background: #eaecef; }
13442  body.dashboard .myOrderList .smallVenueBox .card .doc_time {
13443    color: #6c757d !important; }
13444  body.dashboard .myOrderList .smallVenueBox .card .items-and-amount {
13445    font-weight: bold; }
13446  body.dashboard .myOrderList .smallVenueBox .card a {
13447    color: black; }
13448
13449.dashboardTabs ul {
13450  list-style: none;
13451  display: inline-block;
13452  padding: 0px;
13453  width: 100%;
13454  margin: 20px 0px 22px;
13455  visibility: visible;
13456  border-bottom: 1px solid #ddd; }
13457  .dashboardTabs ul li {
13458    float: left;
13459    position: relative;
13460    display: block;
13461    margin-bottom: -1px; }
13462  .dashboardTabs ul li a {
13463    position: relative;
13464    display: block;
13465    padding: 10px 15px; }
13466  .dashboardTabs ul li a.active {
13467    color: #555;
13468    cursor: default;
13469    background-color: #fff;
13470    border: 1px solid #ddd;
13471    border-bottom-color: transparent; }
13472
13473button:focus {
13474  outline: 0; }
13475
13476.owl-carousel.categoryProductsListBox .newProducts {
13477  position: relative; }
13478  .owl-carousel.categoryProductsListBox .newProducts .owl-nav {
13479    position: absolute;
13480    z-index: 99;
13481    top: -65px;
13482    right: 0px; }
13483  .owl-carousel.categoryProductsListBox .newProducts .owl-nav .owl-prev, .owl-carousel.categoryProductsListBox .newProducts .owl-nav .owl-next {
13484    background: rgba(255, 255, 255, 0.8);
13485    border-radius: 50%;
13486    width: 50px;
13487    border: 1px solid rgba(0, 0, 0, .125);
13488    height: 50px; }
13489    .owl-carousel.categoryProductsListBox .newProducts .owl-nav .owl-prev:hover, .owl-carousel.categoryProductsListBox .newProducts .owl-nav .owl-next:hover {
13490      background: black; }
13491  .owl-carousel .owl-stage {
13492    display: flex; }
13493  .owl-carousel .product-card {
13494    height: 100%; }
13495  .owl-carousel .owl-item {
13496    display: flex;
13497    flex: 1 0 auto; }
13498  .owl-carousel .caption {
13499    display: flex;
13500    flex: 1 0 auto;
13501    flex-direction: column; }
13502  .owl-carousel .flex-text {
13503    flex-grow: 1; }
13504  .owl-carousel .thumbnail {
13505    display: flex;
13506    flex-direction: column;
13507    margin: 0 15px; }
13508
13509.messagesPanel {
13510  width: 50%;
13511  position: fixed;
13512  top: 10px;
13513  transition: 300ms all;
13514  opacity: 0;
13515  z-index: 999;
13516  margin-left: 25%;
13517  box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1); }
13518  .messagesPanel .alert-success {
13519    background: #d7e9e9;
13520    margin-bottom: 0px;
13521    border: 2px solid #c2d2d2;
13522    border-radius: 0px;
13523    color: #6d9495; }
13524
13525.messagesPanel.show {
13526  opacity: 1; }
13527
13528.menuApp .menuFoodDescription {
13529  font-size: 0.9rem;
13530  font-weight: 300;
13531  display: flex; }
13532
13533@media only screen and (max-width: 768px) {
13534    .ordersList .dashboard-header-logo-wrapper .dashboard-header-logo {
13535      height: 100px !important; }
13536    .ordersList .dashboard-header-logo-wrapper {
13537      top: 5px !important; }
13538    .ordersList body.dashboard section.navBar {
13539      margin-top: 0px; }
13540    .ordersList body.dashboard section.navBar .navbar-collapse {
13541      padding: 80px 0px 20px 0px; }
13542    .ordersList body.dashboard section.navBar ul {
13543      color: white;
13544      font-size: 2rem;
13545      width: 100%;
13546      margin: 0px; }
13547    .ordersList body.dashboard section.navBar ul li a {
13548      color: white;
13549      font-size: 2rem;
13550      text-align: center; }
13551    .ordersList body.dashboard-header-logo-wrapper {
13552      left: 49%; }
13553    .ordersList body.dashboard .navbar-toggle .icon-bar {
13554      background-color: white !important; }
13555    .ordersList body.dashboard .dropdown-menu > li > a:hover {
13556      color: white !important;
13557      background-color: transparent !important; } }
13558  @media (min-width: 1200px) {
13559  .ordersList .mainContent {
13560    min-height: 800px; } }
13561  @media only screen and (min-width: 768px) {
13562  .ordersList .navbar-nav {
13563    float: left; }
13564  .ordersList header.header.restaurant .navbar-nav {
13565    margin-left: 120px; }
13566  .ordersList .navMenuTop .dropdown {
13567    box-shadow: none !important;
13568    border-right: 1px solid #78909c; }
13569  .ordersList .nav > li > a {
13570    color: white;
13571    transition: 540ms all;
13572    font-weight: 400;
13573    font-size: 1.5rem;
13574    padding: 10px 10px;
13575    margin-left: 5px; }
13576  .ordersList ul.nav.navActions li {
13577    padding: 5px 0px 0px 0px; }
13578  .ordersList .navbar-header {
13579    position: relative; }
13580  .ordersList .dashboard-header-logo-wrapper {
13581    left: 20px; }
13582  .ordersList header.header.store .navContainer {
13583    justify-content: flex-start;
13584    align-items: center;
13585    display: flex;
13586    flex-wrap: wrap; }
13587  .ordersList header.header.store .navbar-collapse.collapse {
13588    flex: 1; } }
13589  .ordersList header {
13590    padding: 0px;
13591    background: transparent; }
13592  .ordersList body {
13593    background: #e9f0fa !important; }
13594  .ordersList header.header.store .navBar {
13595    margin-top: 0px; }
13596  .ordersList header.header.store .dashboard-header-logo-wrapper .dashboard-header-logo {
13597    height: 50px; }
13598  .ordersList header.header.restaurant .dashboard-header-logo-wrapper {
13599    height: 100px;
13600    width: 100px;
13601    background: white;
13602    border-radius: 50%;
13603    padding: 0;
13604    text-align: center;
13605    vertical-align: middle;
13606    position: absolute;
13607    box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.07);
13608    top: -15px; }
13609  .ordersList header.header.restaurant .dashboard-header-logo-wrapper .dashboard-header-logo {
13610    width: 100px;
13611    height: 100px;
13612    border-radius: 50%;
13613    vertical-align: middle; }
13614  .ordersList section.navBar {
13615    margin-top: 20px;
13616    background: black !important; }
13617  .ordersList .notFoundNote i {
13618    font-size: 6rem; }
13619  .ordersList .btn {
13620    border-radius: 0px; }
13621  .ordersList .btn.btn-success {
13622    background: #43e0ae !important; }
13623  .ordersList .btn.btn-primary {
13624    background: #36a3c7;
13625    border-color: #36a3c7; }
13626  .ordersList .history-user.well {
13627    border: 0px;
13628    padding: 0px; }
13629  .ordersList .amcharts-chart-div a {
13630    display: none !important; }
13631  .ordersList .history-user ul {
13632    margin: 0px;
13633    padding: 0px; }
13634  .ordersList .history-user ul li {
13635    border-bottom: 1px solid #cacccc;
13636    padding: 20px 20px; }
13637  .ordersList .history-user .openOrder:hover {
13638    cursor: pointer;
13639    background: #f4f8fb; }
13640  .ordersList .history-user ul a.active li {
13641    background: #f4f8fb; }
13642  .ordersList .history-user ul li:hover {
13643    background: #f4f8fb; }
13644  .ordersList .history-user a {
13645    color: black;
13646    text-decoration: none; }
13647  .ordersList .state.pending, .ordersList .status.pending {
13648    color: #36a3c7; }
13649  .ordersList .state.approved, .ordersList .status.approved {
13650    color: #22ce98; }
13651  .ordersList .state.cancelled, .ordersList .status.cancelled {
13652    color: #f23939; }
13653  .ordersList .history-user .flex .state {
13654    flex: 1;
13655    line-height: 28px; }
13656  .ordersList .history-user .flex .date {
13657    flex: 2;
13658    line-height: 28px;
13659    color: #969999; }
13660  .ordersList .history-user .flex .type {
13661    flex: 1;
13662    line-height: 28px; }
13663  .ordersList .history-user .flex .price {
13664    flex: 1;
13665    font-size: 2rem;
13666    font-weight: bold;
13667    text-align: right; }
13668  .ordersList .history-user .flex .price i {
13669    padding-left: 10px;
13670    color: #43e0ae; }
13671  .ordersList section.order .orderReceiptDetails .heading {
13672    font-weight: bold;
13673    color: #626666; }
13674  .ordersList section.order .orderReceiptDetails .name {
13675    font-weight: bold;
13676    color: black; }
13677  .ordersList section.order .orderReceiptItems {
13678    border-top: 1px solid #cacccc;
13679    margin-top: 20px;
13680    padding: 20px 0px; }
13681  .ordersList section.order .orderReceiptItems .heading {
13682    font-weight: 700;
13683    color: black;
13684    font-size: 25px;
13685    margin-bottom: 20px; }
13686  .ordersList section.order .orderReceiptItems .flex .qty {
13687    flex: 0.2;
13688    color: #818484; }
13689  .ordersList section.order .orderReceiptItems .flex .item {
13690    flex: 2; }
13691  .ordersList section.order .orderReceiptItems .flex .price {
13692    flex: 1;
13693    text-align: right;
13694    color: #818484; }
13695  .ordersList section.order .notifBox {
13696    padding: 20px;
13697    position: relative;
13698    color: black;
13699    background: white;
13700    border: 1px solid #e3e3e3;
13701    font-size: 2rem; }
13702  .ordersList section.order .notifBox .status {
13703    font-weight: 700; }
13704  .ordersList .text-muted {
13705    color: #626666; }
13706  .ordersList .nav > li:not(.open) > a:hover {
13707    opacity: 0.8; }
13708  .ordersList ul.navMenuTop a.dropdown-toggle {
13709    font-weight: bold;
13710    margin: 0px; }
13711  .ordersList .nav > li > a:focus, .ordersList .nav > li > a:hover {
13712    background: transparent; }
13713  .ordersList .navMenuTop .dropdown {
13714    box-shadow: none !important;
13715    border-right: 1px solid #78909c; }
13716  .ordersList .nav .open > a, .ordersList .nav .open > a:focus, .ordersList .nav .open > a:hover {
13717    background: transparent;
13718    border-color: #337ab7; }
13719  .ordersList .well {
13720    background: white; }
13721  .ordersList footer .copyright .copyright {
13722    display: none; }
13723  .ordersList footer .col-md-6 {
13724    width: 100%;
13725    text-align: center; }
13726  .ordersList footer .copy {
13727    background: transparent; }
13728  .ordersList .bigFont {
13729    font-size: 2rem; }
13730  .ordersList .bold {
13731    font-weight: bold; }
13732  .ordersList .orderPaid {
13733    color: #72c600;
13734    border: 2px solid #72c600;
13735    padding: 5px 22px;
13736    border-radius: 11px;
13737    position: absolute;
13738    right: -49px;
13739    top: -20px;
13740    background: white; }
13741  .ordersList .orderPaid.refunded {
13742    color: #fdaa00;
13743    border-color: #fdaa00; }
13744  .ordersList .flex {
13745    display: flex;
13746    flex-wrap: wrap; }
13747
13748.deliveryChecker {
13749  background: rgba(252, 207, 93, 0.3);
13750  border-color: #fccf5d; }
13751  .deliveryChecker h3 {
13752    color: #33373d;
13753    font-size: 18px;
13754    margin-top: 0px; }
13755  .deliveryChecker .btnDetectLocation {
13756    position: relative;
13757    margin-top: 10px !important;
13758    line-height: 26px; }
13759  .deliveryChecker .algolia-autocomplete {
13760    width: 100%; }
13761  .deliveryChecker .aa-dropdown-menu {
13762    border: 1px solid #e5e5e4;
13763    width: 100%; }
13764  .deliveryChecker .aa-suggestion {
13765    padding: 12px;
13766    cursor: pointer; }
13767  .deliveryChecker .aa-suggestion:hover {
13768    background: #fbeed5;
13769    color: #333; }
13770  .deliveryChecker .aa-dropdown-menu span {
13771    background: white;
13772    border-radius: 0px;
13773    overflow: hidden;
13774    text-overflow: ellipsis;
13775    cursor: pointer;
13776    list-style: none;
13777    font-size: 14px;
13778    margin: 5px 0px;
13779    color: #333;
13780    transition: 250ms all;
13781    line-height: 20px;
13782    margin: 0px !important; }
13783
13784.fullScreenMap #map {
13785  width: 100%;
13786  height: 400px; }
13787
13788#full-width-slider {
13789  width: 100%;
13790  color: #000; }
13791
13792.full-width--slider.fullWidth {
13793  max-width: 1400px;
13794  margin: 0 auto; }
13795
13796.full-width--slider .royalSlider > .rsContent {
13797  visibility: hidden; }
13798  .full-width--slider .royalSlider {
13799    margin-top: 0px !important; }
13800  .full-width--slider .coloredBlock {
13801    padding: 12px;
13802    background: rgba(255, 0, 0, 0.6);
13803    color: #fff;
13804    width: 200px;
13805    left: 20%;
13806    top: 5%; }
13807  .full-width--slider .infoBlock {
13808    position: absolute;
13809    top: 140px;
13810    right: 30px;
13811    left: auto;
13812    max-width: 25%;
13813    padding-bottom: 0;
13814    background: #fff;
13815    background: rgba(255, 255, 255, 0.8);
13816    overflow: hidden;
13817    padding: 20px; }
13818  .full-width--slider .infoBlock.left {
13819    left: 30px;
13820    right: auto; }
13821  .full-width--slider .infoBlock.align-center {
13822    top: 40%; }
13823  .full-width--slider .infoBlock.dark {
13824    background: #000;
13825    background: rgba(0, 0, 0, 0.75);
13826    color: #fff; }
13827  .full-width--slider .infoBlock.light {
13828    background: rgba(255, 255, 255, 0.75);
13829    color: #333; }
13830  .full-width--slider .infoBlock h4 {
13831    font-size: 20px;
13832    line-height: 1.2;
13833    margin: 0;
13834    padding-bottom: 3px; }
13835  .full-width--slider .infoBlock p {
13836    font-size: 14px;
13837    margin: 4px 0 0; }
13838  .full-width--slider .infoBlock a {
13839    color: #fff;
13840    text-decoration: underline; }
13841  @media (max-width: 991px) {
13842  .full-width--slider .infoBlock {
13843    max-width: 85%;
13844    width: 85%; }
13845  .full-width--slider .infoBlock.align-center {
13846    top: 30%; }
13847  .full-width--slider .infoBlock h4 {
13848    font-size: 15px; }
13849  .full-width--slider .infoBlock p {
13850    font-size: 12px; } }
13851
13852#map {
13853  width: 100%;
13854  height: 300px; }
13855
13856@media (min-width: 768px) {
13857    .custom-content-row .custom__item {
13858      margin-top: 10px;
13859      margin-bottom: 10px; } }
13860
13861.upcoming--events .eventItemDescription {
13862  background: rgba(255, 255, 255, 0.6);
13863  padding: 20px;
13864  display: flex;
13865  flex-direction: column;
13866  min-height: 195px; }
13867  .upcoming--events .eventItemDescription a {
13868    align-self: center; }
13869
13870.event--row-layout2 h2.title {
13871  text-align: left;
13872  font-size: 2rem; }
13873  .event--row-layout2 .coverImage.row-xl-4 {
13874    height: 227px !important; }
13875  .event--row-layout2 .eventItemDescription {
13876    background: transparent;
13877    padding: 10px 0px;
13878    text-align: left !important; }
13879  .event--row-layout2 .eventItemDescription .blog-row-title {
13880    height: 56px;
13881    display: -webkit-box;
13882    -webkit-line-clamp: 2;
13883    -webkit-box-orient: vertical;
13884    overflow: hidden;
13885    text-overflow: ellipsis; }
13886  .event--row-layout2 .eventItemDescription .blog-row-title a {
13887    color: #333; }
13888  .event--row-layout2 .eventItemDescription .blog-row-title a:hover {
13889    text-decoration: none; }
13890  .event--row-layout2 .eventItemDescription .date:before {
13891    content: "";
13892    position: absolute;
13893    top: 0;
13894    left: 0;
13895    width: 15px;
13896    height: 1px;
13897    background-color: rgba(0, 0, 0, 0.25); }
13898  .event--row-layout2 .eventItemDescription .date {
13899    position: relative;
13900    font-size: 1.2rem;
13901    padding: 10px 0px;
13902    margin-top: 10px; }
13903  .event--row-layout2 .eventItemDescription .eventDetailsButton {
13904    width: 100%;
13905    margin: 0px; }
13906
13907.event-row--single {
13908  padding: 50px 0px; }
13909  @media (min-width: 992px) {
13910  .event-row--single h1 {
13911    font-size: 3rem; } }
13912  .event-row--single .date:before {
13913    content: "";
13914    position: absolute;
13915    top: 0;
13916    left: 0;
13917    width: 15px;
13918    height: 1px;
13919    background-color: rgba(0, 0, 0, 0.25); }
13920  .event-row--single .date {
13921    position: relative;
13922    font-size: 1.2rem;
13923    padding: 10px 0px;
13924    margin-top: 10px; }
13925  .event-row--single .blog-row--desc {
13926    font-size: 1rem;
13927    color: #333; }
13928
13929.eventDetails .coverImage {
13930  background-size: cover !important; }
13931  .eventDetails .coverImage .coverImage--inner {
13932    /* FF3.6-15 */
13933    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.5) 100%);
13934    /* Chrome10-25,Safari5.1-6 */
13935    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.5) 100%);
13936    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
13937    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.5) 100%);
13938    /* IE6-9 */
13939    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000',GradientType=0);
13940    width: 100%;
13941    display: flex;
13942    justify-content: flex-end;
13943    align-items: flex-start;
13944    height: 100%;
13945    color: white;
13946    flex-direction: column;
13947    padding: 20px; }
13948  .eventDetails iframe {
13949    width: 100% !important;
13950    height: 350px; }
13951
13952.eventItemDescription {
13953  background: rgba(255, 255, 255, 0.6);
13954  padding: 20px;
13955  display: flex;
13956  flex-direction: column;
13957  min-height: 195px; }
13958
13959.eventItemDescription a {
13960  align-self: center; }
13961
13962.blog-row-title {
13963  flex-grow: 1; }
13964
13965@-webkit-keyframes pulse2 {
13966  0%, 100% {
13967    -webkit-transform: scale(1); }
13968
13969  50% {
13970    -webkit-transform: scale(1.05); } }
13971
13972@keyframes pulse2 {
13973  0%, 100% {
13974    transform: scale(1); }
13975
13976  50% {
13977    transform: scale(1.05); } }
13978
13979.pulse.go {
13980  -webkit-animation-name: pulse;
13981  animation-name: pulse; }
13982
13983@keyframes pulse {
13984  to {
13985    box-shadow: 0 0 0 10px rgba(232, 76, 61, 0); } }
13986
13987.IndicatorLive::before {
13988  content: '';
13989  display: inline-block;
13990  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
13991  background: #50b83c;
13992  box-shadow: 0px 0px 0px #50b83c;
13993  width: 8px;
13994  height: 8px;
13995  border-radius: 8px;
13996  margin-right: 0.4rem; }
13997
13998.nextEventBanner {
13999  margin: 0px auto 50px !important;
14000  padding: 10px;
14001  max-width: 400px;
14002  text-align: center; }
14003
14004.countdown-row {
14005  display: inline-block; }
14006
14007.nextEventBannerCountdown {
14008  background: #000;
14009  min-width: 360px;
14010  color: white;
14011  border: none;
14012  font-size: 1.5rem;
14013  display: block;
14014  border-radius: 10px; }
14015
14016.countdown-section {
14017  border-right: 1px solid white; }
14018
14019.countdown-period {
14020  font-weight: 100; }
14021
14022.countdown-section:last-child {
14023  border: none !important; }
14024
14025.tillNextEvent {
14026  font-weight: bold;
14027  font-size: 1rem;
14028  color: #000;
14029  letter-spacing: 0.7px;
14030  line-height: 33px;
14031  /*
14032@media (max-width: 767px){
14033
14034	.upcoming--events .row.upcoming--list{
14035		flex-wrap: nowrap;
14036		overflow: scroll;
14037		-webkit-overflow-scrolling: touch;
14038		.eventItem{
14039			.coverImage{
14040				background-position: center center !important;
14041			}
14042		}
14043		.nextEventBanner{
14044			width: 100% !important;
14045		    position: absolute;
14046		    margin-top: -250px !important;
14047		}
14048
14049	}
14050	.eventDetails{
14051		.coverImage{
14052			.coverImage--inner{
14053
14054				h1{
14055					font-size: 1.5rem;
14056				}
14057			}
14058		}
14059	}
14060
14061}
14062*/ }
14063
14064.fbGallery.layout--grid .lazyloadGalleryImage {
14065  height: 300px;
14066  cursor: pointer;
14067  transition: 250ms all;
14068  margin: 0px !important;
14069  background-position: center center !important; }
14070
14071.foodFooterActions {
14072  width: 100%;
14073  display: flex; }
14074
14075.carousel-control-next:hover, .carousel-control-prev:hover {
14076  background: rgba(0, 0, 0, .6); }
14077
14078section.sidebarApp {
14079  padding: 20px 0px; }
14080  section.sidebarApp iframe {
14081    border-radius: 6px;
14082    border: none; }
14083  @media only screen and (max-width: 766px) {
14084  section.sidebarApp .sidebarList {
14085    display: none !important; } }
14086  section.sidebarApp h1 {
14087    font-size: 2rem; }
14088  section.sidebarApp h2.catTitle {
14089    font-size: 1.5rem; }
14090  section.sidebarApp .sidebarList {
14091    background: #f4f4f4 !important;
14092    padding: 20px; }
14093  section.sidebarApp .sidebarList a {
14094    text-decoration: none; }
14095  section.sidebarApp .sidebarList a li {
14096    padding: 5px 10px; }
14097  section.sidebarApp .sidebarList ul.level1 {
14098    position: relative; }
14099  section.sidebarApp .sidebarList ul.level1 li {
14100    position: relative; }
14101  section.sidebarApp .sidebarList ul.level1 a.active li:after {
14102    content: "\f054";
14103    font-family: "Font Awesome 6 Pro";
14104    font-weight: normal;
14105    font-style: normal;
14106    margin: 0px 0px 0px 10px;
14107    text-decoration: none;
14108    position: absolute;
14109    right: 17px;
14110    display: flex;
14111    flex-direction: row-reverse;
14112    justify-content: center;
14113    top: 0px;
14114    height: 100%;
14115    align-items: center; }
14116  section.sidebarApp .sidebarList a:hover {
14117    color: #474747; }
14118  section.sidebarApp ul.level1 > li.category .subCatTitle {
14119    color: #1c1c1c !important;
14120    font-size: 1.4rem !important;
14121    font-weight: bold !important;
14122    padding: 10px 20px; }
14123  section.sidebarApp ul.level1 > li.category {
14124    background: #f4f4f4 !important;
14125    padding: 0px;
14126    color: #1c1c1c !important; }
14127  section.sidebarApp ul.level2 li {
14128    padding: 6px 30px;
14129    transition: 300ms all;
14130    position: relative;
14131    font-size: 0.9rem; }
14132  section.sidebarApp ul.level2 li:hover {
14133    background: #474747;
14134    color: white; }
14135  section.sidebarApp ul.level2 a.active li {
14136    background: #1c1c1c;
14137    color: white; }
14138  section.sidebarApp a {
14139    color: #1c1c1c; }
14140
14141.product--details img {
14142  max-width: 100%; }
14143
14144.content-widget-all-content .catTitle {
14145  margin-top: 20px; }
14146  .content-widget-all-content .item_box {
14147    margin-bottom: 20px; }
14148  .content-widget-all-content .item_box .catTitle {
14149    border-bottom: 0px; }
14150  .content-widget-all-content .item_box a {
14151    display: block;
14152    color: #3d3d3d;
14153    font-size: 18px;
14154    margin-bottom: 3px;
14155    line-height: 22px;
14156    font-weight: 400;
14157    text-align: left;
14158    padding: 8px 0 8px 0;
14159    -webkit-transition: all 0.2s ease-in-out 0s;
14160    transition: all 0.2s ease-in-out 0s;
14161    font-size: 1rem;
14162    position: relative;
14163    padding: 8px 0px;
14164    border-bottom: 1px solid #e3e8ef;
14165    color: #43474e; }
14166  .content-widget-all-content .item_box a:hover {
14167    font-weight: bold; }
14168  .content-widget-all-content .item_box a:after {
14169    font-family: "Font Awesome 6 Pro";
14170    font-weight: 900;
14171    -webkit-font-smoothing: antialiased;
14172    display: inline-block;
14173    font-style: normal;
14174    font-variant: normal;
14175    text-rendering: auto;
14176    line-height: 1;
14177    content: "\f105";
14178    position: absolute;
14179    right: 10px;
14180    top: calc(50% - 10px); }
14181
14182.mapboxgl-ctrl {
14183  display: none !important; }
14184
14185.editdetails .custom-control-label {
14186  padding-left: 30px !important; }
14187  .editdetails .custom-control {
14188    position: relative;
14189    padding-left: 0px !important; }
14190
14191.addNewProductButton .itemDetails {
14192  height: 100%; }
14193  .addNewProductButton .itemDetails > div {
14194    border: none !important; }
14195
14196.countrySelectorParent {
14197  z-index: 9999 !important;
14198  position: absolute;
14199  max-width: 400px; }
14200  .countrySelectorParent .countrySelector {
14201    padding: 0px;
14202    background: transparent !important; }
14203  .countrySelectorParent .countrySelector .col-12 {
14204    padding-left: 15px;
14205    padding-right: 15px;
14206    border-radius: 10px !important;
14207    max-width: 540px !important;
14208    margin: 0 auto !important;
14209    background: white !important; }
14210
14211@media (min-width: 992px) {
14212  .cartList.fixed {
14213    transition: 300ms all; }
14214
14215  .menuRestaurantIsFixed .cartList.fixed {
14216    top: var(--top, 90px) !important; }
14217
14218  .visible-sm {
14219    display: none !important; }
14220
14221  .modal-dialog .closeFoodModal {
14222    display: block !important;
14223    position: absolute !important;
14224    z-index: 999 !important;
14225    background: rgba(0, 0, 0, .5);
14226    border-radius: 100%;
14227    padding-top: 9px;
14228    text-align: center !important;
14229    padding: 0px !important;
14230    line-height: 40px !important;
14231    height: 40px !important;
14232    width: 40px !important;
14233    left: 5px;
14234    color: white !important;
14235    top: 5px; }
14236
14237  .ps-row {
14238    padding-left: 15px; }
14239
14240  .modalFoodLikeWolf .modal-content {
14241    max-height: 100vh; }
14242
14243  .product .product--title {
14244    font-size: 1.9rem; }
14245
14246  .venuePlaceholder .card .card-img-top {
14247    border-radius: 10px !important; }
14248
14249  .countrySelectorParent {
14250    z-index: 9999 !important;
14251    position: absolute;
14252    max-width: 400px; }
14253    .countrySelectorParent .countrySelector {
14254      padding: 10px;
14255      background: transparent !important; }
14256    .countrySelectorParent .countrySelector .col-12 {
14257      padding-left: 15px;
14258      padding-right: 15px;
14259      border-radius: 10px !important;
14260      max-width: 540px !important;
14261      margin: 0 auto !important;
14262      background: white !important; }
14263
14264  body.checkout .checkout--page .cardVerifyAccount {
14265    position: absolute;
14266    top: -265px; }
14267    body.checkout .checkout--page .currentDetails, body.checkout .checkout--page .editdetails {
14268      border-radius: 4px; }
14269      body.checkout .checkout--page .currentDetails .address, body.checkout .checkout--page .editdetails .address {
14270        padding: 15px !important; }
14271
14272  body.checkout.b3Office {
14273    background: #f8f6f5; }
14274    body.checkout.b3Office .checkout--page {
14275      padding: 0px !important; }
14276      body.checkout.b3Office .checkout--page .basketCartItems .note {
14277        padding: 0.5rem 1rem !important; }
14278      body.checkout.b3Office .checkout--page .btnSaveDetails {
14279        width: auto !important;
14280        margin: 10px; }
14281      body.checkout.b3Office .checkout--page .orderMethodFilterCheckout {
14282        margin: 1rem;
14283        width: auto; }
14284      body.checkout.b3Office .checkout--page .whenOrderDetails .estimate--delivery {
14285        position: absolute;
14286        z-index: 9;
14287        right: 10px; }
14288        body.checkout.b3Office .checkout--page .whenOrderDetails .estimate--delivery p.note {
14289          font-size: 0.8rem;
14290          color: #828585; } }
14291
14292.colourAttribute.color-Burgundy {
14293  background: #621922 !important; }
14294
14295.checkout--page .btn.btn-wolf {
14296  background: #f3f3f3;
14297  color: black !important;
14298  font-weight: 500; }
14299
14300.checkout--page .privacyNoticeOrderNote, .checkout--page .rowCutlery {
14301  font-size: 0.7rem;
14302  font-weight: normal; }
14303
14304.menuPageItem {
14305  cursor: pointer; }
14306
14307.menuRestaurantIsFixed .topSearchCategories {
14308  width: 770px;
14309  position: fixed;
14310  top: calc(env(safe-area-inset-top) + 0px);
14311  z-index: 3;
14312  border-bottom: 1px solid #e7e7e7 !important; }
14313
14314.changeQuantityPlus, .changeQuantityMinus {
14315  text-decoration: none; }
14316
14317.orderOnlineV2 .continueToCheckoutButton, #orderVersion4 .continueToCheckoutButton {
14318  width: 100%; }
14319  .orderOnlineV2 .menuPageItem, #orderVersion4 .menuPageItem {
14320    position: relative;
14321    border: 1px solid #e8ebeb !important;
14322    display: flex;
14323    flex-direction: column; }
14324  .orderOnlineV2 .p0, #orderVersion4 .p0 {
14325    padding: 0px !important; }
14326  .orderOnlineV2 .yourOrder, #orderVersion4 .yourOrder {
14327    height: 100%; }
14328  .orderOnlineV2 .yourOrder .basketItems h3, #orderVersion4 .yourOrder .basketItems h3 {
14329    margin-top: 10px; }
14330  .orderOnlineV2 .items--card, #orderVersion4 .items--card {
14331    overflow-y: scroll;
14332    overflow-x: hidden; }
14333  @media (min-width: 992px) {
14334  .orderOnlineV2 .menuItems, #orderVersion4 .menuItems {
14335    padding-right: 15px; } }
14336  .orderOnlineV2 .foodCatTitleParent, #orderVersion4 .foodCatTitleParent {
14337    margin: 0px !important; }
14338  @media (max-width: 991px) {
14339  .orderOnlineV2, #orderVersion4 {
14340    padding: 0px !important; }
14341    .orderOnlineV2 .foodCatTitleParent, #orderVersion4 .foodCatTitleParent {
14342      padding-left: 15px; }
14343
14344    .orderOnlineV2 .categoriesAndSearch, #orderVersion4 .categoriesAndSearch {
14345      display: none !important; }
14346
14347    .orderOnlineV2 .col-sm-menu, #orderVersion4 .col-sm-menu {
14348      padding-left: 0px !important;
14349      padding-right: 0px !important;
14350      overflow-x: hidden !important; }
14351
14352    .orderOnlineV2 .categoriesProducts, #orderVersion4 .categoriesProducts {
14353      padding: 0px !important;
14354      margin-left: -15px;
14355      margin-right: -15px; }
14356
14357    .orderOnlineV2 .menuPageItem, #orderVersion4 .menuPageItem {
14358      background: #fff !important;
14359      border: 1px solid rgba(0, 0, 0, .12);
14360      box-sizing: border-box;
14361      display: flex;
14362      padding: 1.5rem 1rem;
14363      page-break-inside: avoid;
14364      position: relative;
14365      text-align: left;
14366      text-decoration: none;
14367      vertical-align: top;
14368      margin-bottom: 0px;
14369      box-shadow: none; } }
14370  .orderOnlineV2 .btnAddToBasket, #orderVersion4 .btnAddToBasket {
14371    cursor: pointer; }
14372  .orderOnlineV2 .form-control, #orderVersion4 .form-control {
14373    -webkit-appearance: none;
14374    appearance: none; }
14375  .orderOnlineV2 .basketItems, #orderVersion4 .basketItems {
14376    height: 100%; }
14377  .orderOnlineV2 .basketItems .checkoutBtn, #orderVersion4 .basketItems .checkoutBtn {
14378    order: -1;
14379    display: flex; }
14380  .orderOnlineV2 .basketItems .allowance, #orderVersion4 .basketItems .allowance {
14381    display: none !important; }
14382  .orderOnlineV2 .basketItems .quantity i, #orderVersion4 .basketItems .quantity i {
14383    position: absolute;
14384    top: 0px;
14385    pointer-events: none;
14386    line-height: unset !important;
14387    right: 23px;
14388    height: 100%;
14389    display: flex;
14390    justify-content: center;
14391    align-items: center; }
14392  .orderOnlineV2 .basketCartItems, #orderVersion4 .basketCartItems {
14393    border: 1px solid rgba(0, 0, 0, .125);
14394    background: white;
14395    height: 100%; }
14396
14397.countdown-widget h1 {
14398  text-transform: uppercase;
14399  font-weight: bold; }
14400  .countdown-widget #countdown {
14401    display: flex;
14402    text-align: center;
14403    background: black;
14404    padding: 50px 0px; }
14405  @media (min-width: 992px) {
14406    .countdown-widget #countdown .time {
14407      font-size: 6em !important; }
14408
14409    .countdown-widget #countdown .label {
14410      font-size: 2em !important; } }
14411  .countdown-widget #countdown .time {
14412    color: #fff;
14413    font-size: 3em; }
14414  .countdown-widget #countdown .label {
14415    font-size: 1em;
14416    display: block;
14417    color: #aaa; }
14418
14419.orderingData .order-status .b-success {
14420  border-color: #07ce17 !important; }
14421  .orderingData .order-status .orderDetails-actions {
14422    display: none; }
14423  .orderingData .order-status .orderOverview {
14424    padding: 0px; }
14425  .orderingData .order-status .orderOverview .basketOverviewFooter {
14426    margin-top: 20px;
14427    font-weight: bold;
14428    border-top: 1px solid rgba(0, 0, 0, .125); }
14429  .orderingData .order-status .orderOverview .basketOverviewFooter::marker {
14430    content: ''; }
14431  .orderingData a.nav-link.external {
14432    color: black; }
14433
14434.selectThisTime {
14435  transition: 250ms all;
14436  padding: 10px;
14437  font-size: 16px;
14438  margin: 0px !important;
14439  border: 1px solid #c9ab81 !important; }
14440
14441.selectThisTime.active {
14442  background: #c9ab81 !important;
14443  transform: scale(1.1); }
14444</style>
14445<!-- end render b3 css -->
14446
14447<div style="
14448display: none;
14449position: fixed;z-index: 9999;background: rgba(0, 0, 0, 0.8);padding: 4px 10px;left: 5px;bottom: 5px;border-radius: 6px;color: white !important;
14450" class="ImpersonateWarning">
14451		⚠️ You are acting as user <span></span>
14452	</div>
14453<script>
14454	try{
14455		if (typeof sessionStorage.sessionIdImpersonate != 'undefined'){
14456			$('.ImpersonateWarning').show();
14457			$('.ImpersonateWarning span').html(sessionStorage.impersonate);
14458		}
14459	}catch(exc){
14460
14461	}
14462</script>
14462
14463
14464
14465<style class="customCssInWebsite" data-id="1900580">.navbar-nav li {  transition: 250ms all; }  .navbar-nav li:hover {    background: #0074ff; }  .navbar-nav li.active {    background: #3b4365; }.section1468540 {  position: sticky;  top: 0px;  z-index: 99 !important;  background: #0a2440; }.nav-subnav {  border-top: 1px solid #3b4365;  border-bottom: 1px solid #3b4365;  position: sticky;  top: 0px;  color: white !important;  background: #0a2440 !important; }  .nav-subnav .navbar-nav {    margin: 0 auto !important; }    .nav-subnav .navbar-nav a {      color: white !important; }.return-link-wrapper {  margin-bottom: 20px;  margin-top: 20px; }.categoryTitle {  background: linear-gradient(45deg, #0a2540, #05ddff); }html.darkMode body a, html.darkMode body h1, html.darkMode body h2, html.darkMode body p {  color: white; }  html.darkMode body p a {    text-decoration: underline; }  html.darkMode body .topBar {    background: #0a2440; }  html.darkMode body .card {    background: #17191a; }  html.darkMode body .content-widget-all-content .item_box a {    color: white; }  html.darkMode body .btn.btn-primary {    background-color: #00bbdb !important;    border-color: #00bbdb !important;    color: white !important; }  html.darkMode body .logo--list .custom-content {    background: white;    border-radius: 20px; }  html.darkMode body .rich-text, html.darkMode body .rich-text__heading, html.darkMode body .blog-row {    background: #0a2440;    color: white !important; }    html.darkMode body .rich-text a, html.darkMode body .rich-text__heading a, html.darkMode body .blog-row a {      color: white !important; }  html.darkMode body .feature-row {    background: #0a2440 !important; }    html.darkMode body .feature-row .feature-row__item {      background: #0a2440; }      html.darkMode body .feature-row .feature-row__item .featured-row__subtext, html.darkMode body .feature-row .feature-row__item .feature-row__heading, html.darkMode body .feature-row .feature-row__item p {        color: white !important; }  html.darkMode body footer.site-footer.footer--layout2.footer--dark {    background: #0a2440 !important; }  html.darkMode body .sidebarList {    background: #0a2440 !important; }    html.darkMode body .sidebarList ul.level1 > li.category {      background: transparent !important; }      html.darkMode body .sidebarList ul.level1 > li.category .subCatTitle {        color: white !important; }  html.darkMode body .headerStyle {    border-bottom: 0px !important; }    html.darkMode body .headerStyle .site-header__logo-image {      content: url("https://cdn.b3web.xyz/web/v4rl/optimizedlogo_HD_dark.png1676724207.png"); }    html.darkMode body .headerStyle .navbar-nav .nav-item .nav-link {      font-size: 18px;      color: #f6f7f8 !important; }body {  background: #f6f7f8 !important; }  body.the-lab .blog-row .blog-row-title {    font-size: 0.9rem;    color: black;    text-align: left; }.section-block1202754 .custom__item-inner--image, .section-block1202759 .custom__item-inner--image, .section-block1202760 .custom__item-inner--image {  background: white;  border-radius: 6px; }  .section-block1202754 .custom__item-inner--image .coverImage, .section-block1202759 .custom__item-inner--image .coverImage, .section-block1202760 .custom__item-inner--image .coverImage {    background-size: contain !important;    background-repeat: no-repeat !important;    background-position: center center !important; }.fullscreen--video h2 {  font-size: 4rem;  color: white !important;  text-transform: uppercase; }  .fullscreen--video p {    color: white !important; }iframe {  width: 100%;  height: 500px; }.topBar {  background: #003296;  color: white; }  .topBar i {    font-size: 1.3rem;    color: white !important; }  .topBar .btn-language {    background: transparent;    color: white; }  .topBar .pull-right a {    color: white; }.headerStyle {  border-bottom: 1px solid #f6f7f8 !important; }  .headerStyle.nav-dark {    border-top: 1px solid #3b4365;    background: #092540 !important; }  .headerStyle.nav-dark nav-link {    color: #f6f7f8 !important; }  .headerStyle .navbar-nav .nav-item {    padding: 20px 10px; }    .headerStyle .navbar-nav .nav-item .nav-link {      color: #6a6c74 !important; }
14465@media (max-width: 961px) {  .feature-row .feature-row__text {    padding: 10px; }  body.the-lab .blog-row .blog_order_1 {    margin-top: 10px; }    body.the-lab .blog-row .blog_order_2 {      order: -1; }    .fullscreen--video h2 {      font-size: 2rem; } }@media (min-width: 962px) {  .headerStyle.nav-dark .nav-item {    border-right: 1px solid #3b4365 !important; }    .headerStyle .navbar-nav .nav-item {      border-right: 1px solid #f6f7f8; }  .blog-row--single h1 {    text-align: center; }    .blog-row--single .carousel {      display: flex;      justify-content: center; }    .blog-row--single h2::after {      display: none; }    .blog-row--single .date {      text-align: center;      width: 100%; }    .blog-row--single .blog-row--desc {      text-align: justify; } }footer.site-footer.footer--layout2 {  border-top: 1px solid #3b4365; }  footer.site-footer.footer--layout2 .custom-content {    padding: 30px 0px; }  footer.site-footer.footer--layout2.footer--light {    background: #003296 !important; }  footer.site-footer.footer--layout2.footer--light .copyrights {    background: #e9eff7; }    footer.site-footer.footer--layout2.footer--light .copyrights a {      color: #1c1551; }  footer.site-footer.footer--layout2.footer--dark {    background: #003296 !important;    color: white !important; }  footer.site-footer.footer--layout2.footer--dark .copyrights {    background: #003296;    color: white !important; }    footer.site-footer.footer--layout2.footer--dark .copyrights a {      color: #69cde8; }a {  color: #1c1551; }.btn.btn-primary {  background-color: #092540;  border-color: #092540;  width: fit-content;  padding: 10px 30px !important; }h2 {  font-weight: bold;  color: #092540;  position: relative;  margin-bottom: 30px; }.feature-row {  background: #f6f7f8; }  .feature-row h2 {    margin-bottom: 30px; }  .feature-row p {    color: #092540;    font-size: 0.9rem; }.hero h2 {  font-weight: bold;  font-size: 4rem; }  .hero h2::after {    display: none !important; }  .hero .btn.hero__btn {    background: #1c1551;    border-color: #1c1551;    color: white;    padding: 10px 30px; }.blog-row .date {  display: none !important; }  .blog-row h1 {    margin-top: 30px;    font-size: 1.8rem; }  .blog-row h2 {    font-weight: bold;    text-align: left; }  .blog-row h2::after {    display: none !important; }  .blog-row .card-body {    display: flex;    flex-direction: column;    align-items: start; }  .blog-row .card-body h2 {    font-size: 1.1rem; }  .blog-row .card-body .date {    font-size: 0.8rem; }.custom-content-row .custom__item--text.align--center {  text-align: center; }  .custom-content-row h2 {    color: #092540 !important;    font-size: 1.3rem !important; }  .custom-content-row h2::after {    display: none !important; }  .custom-content-row p {    color: #626262 !important;    font-size: 0.9rem !important; }.content-widget-all-content .item_box a {  padding-right: 20px !important; }</style>
14466
14467<body class="main-menu the-lab open-positions the-lab en web4044" data-mobile-nav-style="classic" data-mobile-nav-bg-color="#242E45">
14468		<div class="">
14469	<div class="beforeWebsite"></div>
14470	<div class="websiteWrapperParent">
14471		<div class="websiteWrapper">
14472			<div class="mainContent">
14473			  <style>
14474    .nav-bg{
14475      background: #ffffff;
14476    }
14477    nav.navbar a{
14478    	color: #333333 !important;
14479    }
14480  </style>
14481<div class="col-12 topBar">
14482  <div class="container">
14483	<div class="row">
14484    <div class="col-12 ">
14485 	 
14486       <ul class="list-unstyled d-flex pull-right m0">                                                  <li class="nav-item">
14487                <a  class="nav-link removeActive " href="https://www.youtube.com/@V4RLteam" target="_blank">
14488                 <i class="facebookIcon fab fa-youtube"></i></a>
14489              </li>
14490                     </ul>
14491    </div>
14492    </div>
14493    
14494  </div>
14495</div>
14496<div class="nav-bg headerStyle nav-right nav-dark">
14497  <div class=" container">
14498  <nav class="navbar navbar-expand-lg navbar-dark">
14499
14500                      <a class="navbar-brand ajaxLink" href="/"><img class="site-header__logo-image" style="max-height:60px" src="https://cdn.b3web.xyz/web/v4rl/optimizedimage.imageformat.textsingle.1993023605.png1676036191.png" alt="V4RL" itemprop="logo"/></a>
14501                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
14502            <span class="navbar-toggler-icon"></span>
14503          </button>
14504
14505          <div class="collapse navbar-collapse" id="navbarSupportedContent">
14506            <ul class="navbar-nav mr-auto">                              	             	 
14507              		              	              	                                                          
14508                                                             
14509                       
14510              		 
14511              <li class="nav-item the-lab active  dropdown  ">
14512                <a class="nav-link active  dropdown-toggle " target="" data-id="1202710"  role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"  href=" # ">The Lab</a>		                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
14513                   <a class="dropdown-item ajaxLink" href="/the-lab">The Lab</a><a class="dropdown-item ajaxLink" href="/the-lab/open-positions">Open Positions</a><a class="dropdown-item ajaxLink" href="/the-lab/lab-members">Lab Members</a><a class="dropdown-item ajaxLink" href="/the-lab/sponsors-and-collaborators">Sponsors and Collaborators</a></div>
14514                                 
14515              </li>                              	             	              	                  
14516                                                             
14517                       
14518              		 
14519              <li class="nav-item student-projects  ">
14520                <a class="nav-link ajaxLink removeActive  " target="" data-id="1202712"  href=" /student-projects  ">Student Projects</a>		                
14521              </li>                              	             	              	                  
14522                                                             
14523                       
14524              		 
14525              <li class="nav-item research  ">
14526                <a class="nav-link ajaxLink removeActive  " target="" data-id="1202713"  href=" /research  ">Research</a>		                
14527              </li>                              	             	              	                  
14528                                                             
14529                       
14530              		 
14531              <li class="nav-item teaching  ">
14532                <a class="nav-link ajaxLink removeActive  " target="" data-id="1228057"  href=" /teaching  ">Teaching</a>		                
14533              </li>                              	             	              	                  
14534                                                             
14535                       
14536              		 
14537              <li class="nav-item distinctions  ">
14538                <a class="nav-link ajaxLink removeActive  " target="" data-id="1202714"  href=" /distinctions  ">Distinctions</a>		                
14539              </li>                              	             	              	                  
14540                                                             
14541                       
14542              		                   		                  		             			              
14543                    
14544              <li class="nav-item publications  ">
14545                <a class="  " target="_blank" data-id="1202715"  href=" /publications  ">Publications</a>		                
14546              </li>                              	             	              	                  
14547                                                             
14548                       
14549              		 
14550              <li class="nav-item contact-us  ">
14551                <a class="nav-link ajaxLink removeActive  " target="" data-id="1202640"  href=" /contact-us  ">Contact us</a>		                
14552              </li>            </ul>
14553          </div>
14554      </nav>
14555  </div>
14556</div>
14557
14558
14559
14560
14561
14562					
14563	<div data-page="open-positions.b3" class="homepageIndex" data-navigation="1468538"><div data-source="1202673" data-json="" data-template="submenus" data-id="1468540" class="b3-section section1468540"><style></style><style>.nav-subnav{ background: #ffffff; } .nav-subnav nav.navbar a{ color: #333333; }</style><div class="nav-subnav"><div class=" container"><nav class="navbar navbar-expand-lg navbar-"><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent2" aria-controls="navbarSupportedContent2" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbarSupportedContent2"><ul class="navbar-nav mr-auto"><li class="nav-item "><a class="nav-link ajaxLink removeActive" href="/the-lab">The Lab</a></li>      <li class="nav-item the-lab/open-positions active"><a class=" nav-link ajaxLink removeActive" data-id="1468538" href="/the-lab/open-positions">Open Positions</a></li>    <li class="nav-item the-lab/lab-members "><a class=" nav-link ajaxLink removeActive" data-id="1468541" href="/the-lab/lab-members">Lab Members</a></li>    <li class="nav-item the-lab/sponsors-and-collaborators "><a class=" nav-link ajaxLink removeActive" data-id="1468543" href="/the-lab/sponsors-and-collaborators">Sponsors and Collaborators</a></li></ul></div></nav></div></div>				<style class="globalSectionCSS">
14564
14565
14566					  .section1468540{
14567						padding-top: 0px;
14568						padding-bottom: 0px;
14569					  }
14570
14571					  @media screen and (min-width: 750px) {
14572						.section1468540{
14573						  padding-top: 0px;
14574						  padding-bottom: 0px;
14575						}
14576					  }
14577
14578									</style>
14579				</div><div data-source="1202647" data-json="" data-template="rich-text" data-id="1273294" class="b3-section section1273294"><style>
14580	.grid.page-width{
14581		padding: 60px 0px;
14582   	 	background-position: center;
14583   	 	background-size: contain;
14584	}
14585</style>   <style>.rich-text--1273294{background: #ffffff;color:#333333;}</style><div class="rich-text rich-text--1273294 padding-tb-40"><div class=" container"><div class="row"><div class="grid__item col-12 content--desc justify-content-start text-left  col-md-6 mt10 ">  <h2 class="rich-text__heading separator " data-animate>Open Positions</h2>    <div class="rich-text__body-text rich-text__body-text--medium rte-setting"><div class="intercom-interblocks-paragraph intercom-interblocks-align-left">
14586<p><strong>Openings</strong></p>
14587</div>
14588<div class="intercom-interblocks-paragraph intercom-interblocks-align-left">
14589<p>Are you an outstanding student or researcher interested in joining us at V4RL to conduct research in Computer Vision, Machine Learning, and Robotics?&nbsp;</p>
14590<p>We have two new openings for a <a href="https://cdn.b3web.xyz/web/v4rl/optimized2025-V4RL-PhD-Nov2025.pdf1762251402.pdf"><strong>PhD studentship</strong>@V4RL</a> and a <a href="https://cdn.b3web.xyz/web/v4rl/optimized2025-V4RL-Postdoc-Nov2025.pdf1762251391.pdf"><strong>Postdoctoral Fellowship </strong>@V4RL</a>. Check them out and if you are interested in joining us, do send us your application documents!</p>
14591</div></div> </div>  <div class="col-12 col-md-6 mt10 content--img"><img src=" https://cdn.b3web.xyz/web/v4rl/optimizedjoiningthelab.jpg1728634021.jpg" class="col-12"/></div> </div></div></div>				<style class="globalSectionCSS">
14592
14593
14594					  .section1273294{
14595						padding-top: 0px;
14596						padding-bottom: 0px;
14597					  }
14598
14599					  @media screen and (min-width: 750px) {
14600						.section1273294{
14601						  padding-top: 0px;
14602						  padding-bottom: 0px;
14603						}
14604					  }
14605
14606									</style>
14607				</div></div>
14608		
14609	<style>
14610  .social-icons i {
14611    min-width: 40px;
14612    /* display: flex; */
14613    justify-content: flex-start;
14614    text-align: center;
14615    align-items: center;
14616}
14617.social-icons a{
14618    text-decoration: none;
14619  }
14620</style>
14621
14622<footer class="site-footer footer--layout2 footer--dark" role="contentinfo" data-section-type="footer" data-section-id=""  data-section-type="footer">
14623  
14624          	     
14625  <div class=" container">
14626  <div class="custom-content row"><div style="" class="col-md-3 col-12 custom__item custom__item-- custom__item--link_list " >
14627        <div class="custom__item-inner custom__item-inner--link_list">
14628
14629  
14630                    
14631          <h4><span>Quick links</span></h4>
14632          	 <div class="menu">
14633         <ul class="footer--menu d-flex flex-column">                                  
14634            
14635            
14636           <li class="nav-item col-12 col-sm-12 float-left">
14637             <a class="nav-link ajaxLink removeActive" target="" data-id="1202710" href="/the-lab">The Lab</a>
14638           </li>                                  
14639            
14640            
14641           <li class="nav-item col-12 col-sm-12 float-left">
14642             <a class="nav-link ajaxLink removeActive" target="" data-id="1202712" href="/student-projects">Student Projects</a>
14643           </li>                                  
14644            
14645            
14646           <li class="nav-item col-12 col-sm-12 float-left">
14647             <a class="nav-link ajaxLink removeActive" target="" data-id="1202713" href="/research">Research</a>
14648           </li>                                  
14649            
14650            
14651           <li class="nav-item col-12 col-sm-12 float-left">
14652             <a class="nav-link ajaxLink removeActive" target="" data-id="1228057" href="/teaching">Teaching</a>
14653           </li>                                  
14654            
14655            
14656           <li class="nav-item col-12 col-sm-12 float-left">
14657             <a class="nav-link ajaxLink removeActive" target="" data-id="1202714" href="/distinctions">Distinctions</a>
14658           </li>                                  
14659            
14660                                             
14661           <li class="nav-item col-12 col-sm-12 float-left">
14662             <a class="nav-link ajaxLink removeActive" target="_blank" data-id="1202715" href="https://scholar.google.com/citations?user=C0UhwEIAAAAJ&hl=en&oi=ao">Publications</a>
14663           </li>                                  
14664            
14665            
14666           <li class="nav-item col-12 col-sm-12 float-left">
14667             <a class="nav-link ajaxLink removeActive" target="" data-id="1202640" href="/contact-us">Contact us</a>
14668           </li></ul>
14669          </div>
14670   						
14671        </div>
14672      </div><div style="" class="col-md-3 col-12 custom__item custom__item-- custom__item--social " >
14673        <div class="custom__item-inner custom__item-inner--social">
14674
14675  
14676                    
14677     
14678          <h4><span>Follow us</span></h4>
14679          <ul style="    padding-left: 0px;
14680    display: flex;
14681    flex-direction: column;" class="list--inline social-icons text-">
14682                                                        <li>
14683                      <a target="_blank" href="https://twitter.com/MargaritaChli" title="Twitter">
14684                       <i class="fab fa-twitter"></i> <span style="font-size:14px;margin-left:10px;" >Twitter</span>
14685                      </a>
14686                    </li>
14687                                                                  
14688            	            
14689                                                
14690           
14691                    <li>
14692                      <a target="_blank" href="https://www.linkedin.com/in/margarita-chli-8732172/" title="Linkedin">
14693                        <i class="fab fa-linkedin"></i> <span style="font-size:14px;margin-left:10px;" >LinkedIn</span>
14694                      </a>
14695                    </li>
14696                  
14697            
14698                                      <li>
14699                      <a target="_blank" href="https://www.youtube.com/@V4RLteam" title="YouTube">
14700                        <div style="
14701
14702"><i class="facebookIcon fab fa-youtube"></i> <span style="font-size:14px;margin-left:10px;" >V4RL Youtube Channel</span></div>
14703                      </a>
14704                    </li>
14705                                                    </ul>
14706          
14707          			
14708        </div>
14709      </div><div style="" class="col-md-3 col-12 custom__item custom__item-- custom__item--text " >
14710        <div class="custom__item-inner custom__item-inner--text">
14711
14712  
14713                    
14714          <h4><span>V4RL</span></h4>
14715
14716         <p>The Vision for Robotics Laboratory focuses on robotic vision-based perception. The group works with small Unmanned Aerial Vehicles (UAVs) in particular, as they are some of the most challenging robotic platforms, however, our research can be applied on any robot in need of perceiving its motion and/or workspace.</p>
14717          
14718          			
14719        </div>
14720      </div><div style="" class="col-md-3 col-12 custom__item custom__item-- custom__item--text " >
14721        <div class="custom__item-inner custom__item-inner--text">
14722
14723  
14724                    
14725          <h4><span>Contact</span></h4>
14726
14727         <p>LEE H 304<br>Vision for Robotics Lab, IRIS, D-MAVT<br>ETH Zurich<br>Leonhardstrasse 21<br>CH-8092 Zurich<br>Switzerland<br><br>Tel: +41 (0)44 632 0838<br>Fax: +41 (0)44 632 1181<br>
14727Email: chlim (at) ethz.ch</p>
14728          
14729          			
14730        </div>
14731      </div></div>
14732  </div>
14733    
14734  <div class="copyrights">
14735  	<div class="container">
14736   	<div class="row">
14737      <div class="col-12">
14738        © Copyright – V4RL 2026. <div class="footer-heart b3Copyrights">
14739  Website made with <g-emoji class="g-emoji" alias="heart" >
14740<img class="emoji" alt="heart" height="20" width="20" src="https://b3website.com/img/2764.png"></g-emoji> by <a href="https://b3website.com?utm_source=website_v4rl" target="_blank">B3 Website <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA/CAYAAABQHc7KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkFCN0E1NkY4NjRFMTFFN0I1ODNDOUQ1QUI5QjYyOTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkFCN0E1NzA4NjRFMTFFN0I1ODNDOUQ1QUI5QjYyOTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQUI3QTU2RDg2NEUxMUU3QjU4M0M5RDVBQjlCNjI5MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQUI3QTU2RTg2NEUxMUU3QjU4M0M5RDVBQjlCNjI5MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhoHEb8AABGuSURBVHja1FsHXJVl2/+fvTmMI1MQZDkAF6CQMwz3QCvLrQ0zTbPv9TX1U9Oy5ciRZmZvmZlbycyRI3Kg0BsqKHsje3M4ezzffT+on5YmEARd/B7OeMb9XP/nGv/ruu/DYRgGrSicssI6r6ykktDMWyWhBZkVgeVFdZ511doOBq1JbjZbefQgPp9nEUsFahs7SXkHN2WOu68qySfAOZ5uKldFHjmk1W6S0woAcAoyKgPjz2dG3bySO4Iqra7VSa0WBlwuBzwuF1wehxzFHko0axif3gdDjrFaySvZeDwu5LaSeg9fVWKP/p6nQp/2OebmbX+73QJgNlnFcWczJp49ePP11ITCMF29kcMX8CAQ8sAhiluJoibGCpPVyr5ayKuVuas+AYOCwyXg8ChIHPJKv7YQYEzkTKMVcoXY2jW445VnJvXYFvK0TzSPzzG0CwCILvxLJ1KmRu+KW56dXOpDlRCJ+UQjDowWCzQmE3RmMxiikUgqhMJGBLmNBFLynoJDhzeZzNBpjFDX6dlNrzUSgBgICIBCCiKPB56VDKazsq9+gS5pUa/0fS98hP8+Ap6lzQDIuFkSvvvjnzcnxeUH05sVifggVow6vQFaqwkKBym8uzohsJc7/ANc4N7JHvYqOWRyEXGDh69lMTPQ1BtQWV6PgtxKpCYV49b1AmSmlaGmSgvyxAmwAvCJxhwDA74J6BPudW3GksELvbo7xv+tAFhMjOjg9tg1x76IW2wymjlSqYiYM1Cp0cAstiAw1APDRvdC3/7ecHCU/SULKytW49rFTJz/8TaSEgpgMJhBAibrJozWAluxyDLptfAPJszpt4aAamp1ACqK1V5blpzce+NSTphMISY+y0O5ugZaoQaDRnXD5FmD0a27R6tEbGoVh7+JR8yZFOj1DUBwiEsw9WYMHOx3ccGHI6fYOsrutBoAGYkl4esXfn+ktKDWWWEjhVpbj3x1AUKHe+PNxRPQpYsn/g7JTCnDrs0xuHIhHTTQ8kksMamN8PNyLFi2OWqiZ7cOv7Y4AImx+cPXLYg+rNeYZUIRDxmlWRA4G7HsvakYNao/2kLO/5iMbR+dJW5SBwmJK0adCc62itrVn06c0CXY7UKLAZB0rSDyw9ePRlsMjETHaHGj8AYGjw3Ahk8WQKWyRVtKRWk9Pl5xApeJNdDgajRaoJJL6tfumDS6S2/XX/4yADnJZcGrZx86p1OblKX6YiSX38b/LH0eS5ZOR3sRkorx2brz+O7LWIglQpgICE4O8ooNX0+JcPdxSGw2ALWVOpcVU/dfKsqp9M7T5iCnNhsbN7+B6TNHoj3K/v/EYfvH5yAk6digN8Hf3zll055pA+VKUcXjzuH+2QV3vnP287z0Mu8MTRqyqjOxdftb7VZ5Ki/M7osFyyJZ5SlnSL5d1PWTNae3/9k5jwXg9Lc3Fl4+mTIm15iJnIocfPDRXLw45Rm0d3l2eghmvzGIZZYyhQinjyc+d/jgjX83CYDS/Fq/A5/Grs4zZCOzNBvz5k/EnNfHP9kXiTcRit9Q0DD3PjN/+NzaMmv+AIyc0APaeiPExB12bvr5/eT82ohGx4BtS87s+/Lr4y9kqzPwVP8gHDvxAYRCwWMHPHooBps27IeDSgkOh8MqyrkHyqMGJTspj+jV2x9REwehk6dzi4OgIcrPn7Ib2ellYMxWdBvXI23L+rFhQqD6weP4fyAZN8oGHDty6YVCYz7s7Gzw8cZ5f6o8lYKCMhQVVeCrPSvYKGyxWB8fdYn2VmImBfmluHD+N7w0fS2CQ7ti+apZUCgkLQaATC7EohXD8dbsvURLHm6dSfY/OLHnyqlhHot+Z7bMQ9vaeYePuSiiGIVoKLPx431MY2TrpkNMUJcpjNFoYpoqGo2eWbn8CyZi4HwmN6eEaWn59MOzTJj3GmaI37vMhFcPGgusTPCD+j4UAwrSqnoe+eHcGJ1Vi6Agn0b5/aNErSZkKSGjUcfSQmr1ey9j9stjMGvqGtTU1LeoK0x55Sl09LAj5TgX5XE5gmNxd5Y9NghGH7o0LacslwdiwfMWTIBUJm7WoMXEHb779kyTzpk8LRJDhgZjxdLPWxQAW3sJJk4LYRkiX2vEpR9vR+UD/f4AgFFvkR35/vx4C9E+ILAzop4d1OxBlUo5evXxb/J5i5dMQUpKLpISs1oUhBEkI7h1soOVBN/KuGxcyK177Q8AXLp4Y/DttOzONGxPmhwBsVj4t+dwGkCHjwjDof3nW/S6NkoxIkZ2h5FkAxTXIv564bg6oONDAHzz9ek5JIjB0dEWY8a1TXVHZWhkCG7dym7x60aM6g7av2AISyy6XmB7S2cdeR+AzIzCLr/8fH0Yl6SokL7dSF52ajMAnF0cYDSYoNcZW/S6Pl0c4d/dGSZiBYb0Utys0I25D8CZk3Fja6rVQkpaIob2aVMqa73LIWgnuaUlONyL7VlaS2qQXaoOUTNwZgG4cC5hJI+QBblcgtCwbm0KQHFxJUQiAbu1tPQI7gShRABrrQ6VJXVO+QZrb25ebknn5OTcnrSd7eqmgre3a5sCcC02Cd4+HVvl2p4+KtipZDCTdKivqEee3hLKvZ6QGVJdVaek9NTTy7nZub9lOhvAjz/EYmzUwFa5vJ2DFE6uSpgNZlhqtLijN/fg30hI72shgYH6nqenS5s+/e2fHoWdvQL9BwSxn2l98UP0ZZYX6PVG1kK
14740HDe+Lp+7ub464uCmRSOOMxoAKo9Wbn5qSH0CnpSgvdiEDtJWcOH4FB0n+33vgnYbuzt6zIDUCSkoq2XlCWkTRImvblsN4blIENmxeAFkzrFXlpGgoyYkVqM1WJ/6dgnIvOgCtX+0J+m0lx6MvYfYro+HWsQN+Oh2Hl2a+T6pDKZQ2Mmh1BvamqcL0XvfsPgWL2YIvvl7adJZqK22o0ckDN1gYGy7xfxX3LsK0MGkr2fmft+FCOADhI+gbFoCIZ4Kh0+rZCdThI/qx3SgbAoaZKE4f1NHDPyOGHNt0tilomIwlWc/MMCKuVquXU+UbanVum8aAZ4aFgrLRtNQ87D/0LvqEdMGata9i78HV2L5zMb7cvRwCAZ91VwpE7OXEJo9xT1euWEANgcMlfsVnvySf6OBtLRSE9NR8GMi9HPn+Q0ydMfz+voAgb9g72DQ0XMg9m5pxvyajmT2XZyOmLNDMfbAxUleraReNTVpJxl5OYjPCg4To1IlYUmrToNgwtRwc2nTSVq/Wg8PngmcngxCMhi8UCvQGg0lM/aK0tKpdAODv74H4a8l3e3s64u+/IPZKEskUl+lyGtTW1mP0mP4YOTq8ydeuLKsHXyoEz14GEg4r+XKFtFavrxFzuTwU5Je1CwDurSzRag0oLCzHgnkbWQulWYCa/8zZo7B+0wJwmlEulNypgbCDAlw7KWx5nHwuKX9LLKRCoMjmZBex63Pag4jFImKuWjYwU0XZVI2GV0LfcZVYRFNFrzOjOK8Kss4dwCEZz0XES+Z6ermkWyxmNrrm55URxCvQPoRhl844qGwwbcYIhIUHshHcTL6jyk8cuxR7v2la262ooBoVJXVQBLqxa5I8pPxfuQFBXtdpH58iW1VVh5s3MtuF+vXE96VSMcn5Nti8bRFOnFlPtg3wJfGB3jx1kXdW7kLhnfJGXzP5ZiH0lO90c4WYYXSeUkE8t3cfvzi2/cVw2Hog5kJCmytPu8o0Xdn9jpn27OWLzZ8ugojcL3XZspIqdm6hsfJrTAYkvk7gutnCkc9JdhHzUrmBQd7XXV1V+SZCLETE7y7G3IRWo29TAP4bn4rO3m6P3NctoDNcXFUsEaLBobEWQBda3YzPg2qIP6wkjXZVCM+S0GLlKm1l1X1C/K8YDEZ2Bigrs5CAcKPNlNcR3n8rKet+Rfh7KSOpurpKza4ppHFCqWzcIqzY8+moJq6uDPOGgIDXUymKvt8SGz6qb/T9uTxCsr779mybAXDgu3PoP7AHa+brPtyLkyeu3t9HLfOdFbtIrKplARCLRAgJ7dqo6548kAD7CHIsIUCeYt5VTykvjk259N/gIb1+8uzscqeosKIjDTwXziXgekI6evX2awrLxv9PiTZdqEnv3XMG7h5O7LhbPjmINau+ZOcYQvt1h62tDIkkQOeSFEjvkc4gjRs/kJ1XfKLvX8xCSkENfBdGss2Q/u7yXff2sRZgo5TWjJ8wYB81P7qOV6sxYPuWo00yW9qwoGmrgVY3UOtG5WZy3tUrt7Bj2zEEBvmwVSClwUuXfAappKHevxhzHdFHL+IO8XdKjakL9O7tj3WfvNGoMfbtuAzlCJJGHRXoKOSmhdiLDtwnXffeTJs5bOc3X52eS6tDmVyCH76PZUvTQUN6PXEAQqXBI/zaQJShJTVdopKdVUjMN5aAYmkAg2zWu3U4+0fe03KX7idcBC+9OhYSifAux++K99bOwRefR6O4uIq4ZUOnmF7f1k6Bl+eMxf++MxsOpDB6klz4PglJlTr4je9JiJAJz3go1pPq4n7R89D6gJXLvty0ZePhhUpbOaGhepJ2vHHip3VP7NDSHn5dnQaOTnb3v6OESkeo7L1uDm1z03mHB98TGv6nU+IVFbVsTZCXW8w2RGhLLDikK3ETx8al0xod5k7eDe6M/hAT8uMr4Fxd7Gs7gOyyPBKA0tJqt8hBb/1GIq2TkChNi47Fb7+I5atm4J8o65Ycx2WBEO7Tw2HVGi3/8rMb3FnKu/zgMQ91QJyc7AoXL31xFTVpCoxcLsPWTUfYFtU/TU7tS0BMmQbuL/aFtt6AEc6yD36v/B8AoDJ1RuTnY6MGHFfXaYn5cthD3py3BWkpef8Y5W9dzcUXPyaj49wh0Jmt6KEUnRvtLFn9qGMf2QP7aMNrr/v4uedRH6b+X15Wh1nT3kdRuymUHi+5t0vw0a5rsHtlEBhS97sKOFmzPG1mkkdpbjQATs52hdt3vjWdZAMdbZPRyZK01DuY/Nwqtj5vr5J96w7WfHYFgmnh4KvkUDJM+Vxv24k2PBQ+7pzHdkFD+na5uHXHolk0cdH8LpdLkZSYi4ljliG1HbrDb5eTsXJ3PLiTwyAgyius1sr5vrZjXEXcm39K355EWI4eujhj/pyNX5HMzREKhWx6tHeQkRL1TQwf2a9dKH/kYAz2panhMDoMFhK3HHmcgnk+tuPcRNwn9s0btVr85Ilrz857deM3mnqdREJoKJ2/t1rNmPvGeCxZPo0QmLaZT6gi5fCGHcdx280Lrv17EVZpQDe58NrLXspJtnzkN4rAN5ayJvyWETb35fX701PzPRQ2MjZNqtUa9OjZGSvfnY2IocF/q/LH9p7FjuPXYPPcaKg
14740CfGDR6RHpJNsa5Sr9N49ws0ZXME35xUhlRZ3T2//a8TkxuXFCdg5fSFiggYBhQeTIUCxc9DyJHV1bVfGYn34lhdIh5NurEDBvMgRKBdy41qxJ7or5XeX80029XrN+NHX4QMzMtWv2fJSTVeQok4vZPr1Go4NQwEX/QUGYMm0YIiJDWmzlZ011PU4dv4I9u35AajXh9a88B/fIcNjBWhPhIN7wtKN4EyHrzVpg2OyfzVVX16s+23psCSmgXisprpLTOEDb2XpiiharBR6dnNimxuCne6N3sD88SJlL9zdGjEYz2/n9b3wKzp+Kw+WYBFSBh87PD0fXF0bCw1FZ3FfG3TVQJd4u56Lkr4D7l384SZTvuGf3mdeOEKvIyCh0o211ulafdmuMBiNb+dGujRspZDqRqo/W+87O9qAF170ii5bE9CnTqfB8onhWxh3k5xSjjhAxhW8ndImKQK/xQ9RB3s4Xe0k4ewNkvBNCDtQtYV0t9tNZnc4ou/TLzaE0Y8RfTR5IancP2idg2ySchv4AtQxa2jJ3l5OzVTL5bDZb2X1shUgCrKOXm9a7X2B5j6Gh2T37BSR0c5Fd8uDiqhRo8Zmb1vjxNJ3Rkd9OyumZ8Ft6WOLNrN4kVviTStNVXaexJYWWiF2kTJQVS4RaG6Ws2sXFodDb1y2lR0+fX4P6+N/o6OdeopIISjgP1O2tJf8nwAAjWZQL5Vm+5QAAAABJRU5ErkJggg==" style="width: 16px;vertical-align: sub;/"></a>
14741</div>
14742      </div>
14743       
14744    </div>
14745  </div>
14746  </div>
14747</footer>
14748
14749
14750
14751			</div>
14752			<div class="copyrightsAjax">
14753
14754
14755
14756						</div>
14757		</div>
14758	</div>
14759<div class="websiteOverlay"></div>
14760<div class="afterWebsite"></div>
14761
14762</div> <!-- close container -->
14763
14764<script>
vendor: 417 bytes, lines 14764-14773
14764
14765  !function(f,b,e,v,n,t,s)
14766  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
14767  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
14768  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
14769  n.queue=[];t=b.createElement(e);t.async=!0;
14770  t.src=v;s=b.getElementsByTagName(e)[0];
14771  s.parentNode.insertBefore(t,s)}(window, document,'script',
14772  'https://connect.facebook.net/en_US/fbevents.js');
14773  fbq('init', '
147731719009475771899
vendor: 5 bytes, lines 14773-14774
14773');
14774 
14774// fbq('track', 'PageView');
14775</script>
14775
14776<noscript><img height="1" width="1" style="display:none"
14777  src="https://www.facebook.com/tr?id=1719009475771899&ev=PageView&noscript=1"
14778/></noscript>
14779<script>
14780		</script>
14780
14781
14782
14783<!--
14783<script src="https://cdnjs.cloudflare.com/ajax/libs/css3-animate-it/1.0.3/js/css3-animate-it.min.js"></script>
14783-->
14784<script defer src="https://cdn.b3website.com/revolution/js/jquery.themepunch.tools.min.js"></script>
vendor: 1 bytes, line 14784
14784
14785<script defer src="https://cdn.b3website.com/revolution/js/jquery.themepunch.revolution.min.js"></script>
14785
14786
14787<script defer src="https://cdn.b3website.com/royalslider/jquery.royalslider.min.js"></script>
14787
14788
14789
14790<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.6.11/js/lightgallery-all.min.js"></script>
14790
14791
14792
14793<script src="https://cdnjs.cloudflare.com/ajax/libs/lg-zoom/1.1.0/lg-zoom.min.js"></script>
vendor: 1 bytes, line 14793
14793
14794<script src="https://cdnjs.cloudflare.com/ajax/libs/lg-hash/1.0.4/lg-hash.min.js"></script>
vendor: 1 bytes, line 14794
14794
14795<script src="https://cdnjs.cloudflare.com/ajax/libs/lg-share/1.1.0/lg-share.min.js"></script>
14795
14796
14797
14798
14799
14800<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.min.js"></script>
14800
14801
14802
14803
14804
14805
14806<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-zoom/1.7.21/jquery.zoom.min.js" integrity="sha512-m5kAjE5cCBN5pwlVFi4ABsZgnLuKPEx0fOnzaH5v64Zi3wKnhesNUYq4yKmHQyTa3gmkR6YeSKW1S+siMvgWtQ==" crossorigin="anonymous"></script>
vendor: 1 bytes, line 14806
14806
14807<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easy-loading/2.0.0-rc.2/jquery.loading.min.js" integrity="sha256-Y1VE/7a6maVMDm7HO87cT0DyxmpCdunFXQweWlGG8EA=" crossorigin="anonymous"></script>
14807
14808
14809<!--
14810<script src="https://www.youtube.com/iframe_api"></script>
14810
14811-->
14812
14813
14814<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
14815<script defer src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
14815
14816
14817
14818<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
vendor: 1 bytes, line 14818
14818
14819<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.31/moment-timezone.min.js" integrity="sha256-feldwaIKmjN0728wBssgenKywsqNHZ6dIziXDVaq9oc=" crossorigin="anonymous"></script>
vendor: 1 bytes, line 14819
14819
14820<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.1/js/tempusdominus-bootstrap-4.min.js"></script>
vendor: 1 bytes, line 14820
14820
14821<script src='https://api.mapbox.com/mapbox-gl-js/v2.3.1/mapbox-gl.js'></script>
14821
14822<link href='https://api.mapbox.com/mapbox-gl-js/v2.3.1/mapbox-gl.css' rel='stylesheet' />
14823
14824<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/css3-animate-it/1.0.3/css/animations.min.css" />
14825<!--
14826<link href="https://cdn.b3website.com/revolution/css/settings.css" rel="stylesheet">
14827<link href="https://cdn.b3website.com/revolution/css/layers.css" rel="stylesheet">
14828<link href="https://cdn.b3website.com/revolution/css/navigation.css" rel="stylesheet">
14829-->
14830
14831<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
vendor: 1 bytes, line 14831
14831
14832<script src="https://kit.fontawesome.com/211266d5eb.js" crossorigin="anonymous"></script>
14832
14833
14834<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/24.7.0/build/js/intlTelInput.min.js" integrity="sha512-1RHZ5qWg+j9RwYxJg+NX4zWkD/o4o2X43CI1aoVI9fXPKnO/2fFBwB0hOO6Qve4vN4pByD3rgje1934nRcEtZA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
14834
14835
14836<script src="https://cdnjs.cloudflare.com/ajax/libs/sharer.js/0.5.2/sharer.min.js" integrity="sha512-+AHbuUv0lLSYMbfOZAjDpo28bQCtY4fghfx3F/K6Z1zgYRN9YCLuKTHyRjcw+9xntNzuldXp6Lev1iACDTkIBg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
14836
14837
14838<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/24.7.0/build/css/intlTelInput.min.css" integrity="sha512-X3pJz9m4oT4uHCYS6UjxVdWk1yxSJJIJOJMIkf7TjPpb1BzugjiFyHu7WsXQvMMMZTnGUA9Q/GyxxCWNDZpdHA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
14839
14840<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
14841
14842<script defer src="https://cdnjs.cloudflare.com/ajax/libs/jquery-countdown/2.0.2/jquery.plugin.min.js"></script>
vendor: 1 bytes, line 14842
14842
14843<script defer src="https://cdnjs.cloudflare.com/ajax/libs/jquery-countdown/2.0.2/jquery.countdown.min.js"></script>
14843
14844<!---->
14845<script defer src="https://unpkg.com/[email protected]/iban.js"></script>
vendor: 1 bytes, line 14845
14845
14846<script async src="https://cdnjs.cloudflare.com/ajax/libs/toastify-js/1.10.0/toastify.min.js" integrity="sha512-GaM2cZ1srlVBAy2mWE52rD/PY2RX3HQe3aJyJZpFm/9RAWyLMeG1zd0E50pm80lypXh//IBZBDpLQBz5WONmtQ==" crossorigin="anonymous"></script>
14846
14847
14848<script src='https://api.mapbox.com/mapbox-gl-js/v2.3.1/mapbox-gl.js'></script>
14848
14849<link href="https://api.mapbox.com/mapbox-gl-js/v2.3.1/mapbox-gl.css" rel='stylesheet' />
14850
14851<script defer src="https://api.b3.my/js/prettySocial.min.js"></script>
14851
14852
14853<link rel="stylesheet" href="https://api.b3.my/CookieNoticePro/cookienoticepro.style.css">
14854<script defer src="https://api.b3.my/CookieNoticePro/cookienoticepro.script.js"></script>
14854
14855	
14855<script src="https://cdnjs.cloudflare.com/ajax/libs/particles.js/2.0.0/particles.min.js" integrity="sha512-Kef5sc7gfTacR7TZKelcrRs15ipf7+t+n7Zh6mKNJbmW+/RRdCW9nwfLn4YX0s2nO6Kv5Y2ChqgIakaC6PW09A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
14855
14856<!--googleoff: index-->
14857<div class="countrySelectorParent">
14858	<div class="countrySelector">
14859		<div class="col-12" style="overflow: hidden;display: flex;flex-direction: column;">
14860			<div class="">
14861			<div class="closeCountryList mt-2">
14862				<i class="fa-sharp fa-thin fa-xmark"></i>
14863			</div>
14864			<input type="text" class="form-control mt-2 searchForCountry" placeholder="Search by country name..."/>
14865
14866			</div>
14867			<label class="mt-2" data-nosnippet>Select your country</label>
14868			<div class="countries" data-nosnippet>
14869
14870				<ul class="list-unstyled countryList"  data-nosnippet>
14871									<li data-nosnippet class="selectThisCountry" data-value="AD" data-flag="https://flagcdn.com/w20/ad.png" data-html="+376">
14872					<img class="lazyFlag" src="https://flagcdn.com/w20/ad.png">
14873					Andorra					<span data-nosnippet>+376</span></li>
14874										<li data-nosnippet class="selectThisCountry" data-value="AE" data-flag="https://flagcdn.com/w20/ae.png" data-html="+971">
14875					<img class="lazyFlag" src="https://flagcdn.com/w20/ae.png">
14876					United arab emirates					<span data-nosnippet>+971</span></li>
14877										<li data-nosnippet class="selectThisCountry" data-value="AF" data-flag="https://flagcdn.com/w20/af.png" data-html="+93">
14878					<img class="lazyFlag" src="https://flagcdn.com/w20/af.png">
14879					Afghanistan					<span data-nosnippet>+93</span></li>
14880										<li data-nosnippet class="selectThisCountry" data-value="AG" data-flag="https://flagcdn.com/w20/ag.png" data-html="+1268">
14881					<img class="lazyFlag" src="https://flagcdn.com/w20/ag.png">
14882					Antigua and barbuda					<span data-nosnippet>+1268</span></li>
14883										<li data-nosnippet class="selectThisCountry" data-value="AI" data-flag="https://flagcdn.com/w20/ai.png" data-html="+1264">
14884					<img class="lazyFlag" src="https://flagcdn.com/w20/ai.png">
14885					Anguilla					<span data-nosnippet>+1264</span></li>
14886										<li data-nosnippet class="selectThisCountry" data-value="AL" data-flag="https://flagcdn.com/w20/al.png" data-html="+355">
14887					<img class="lazyFlag" src="https://flagcdn.com/w20/al.png">
14888					Albania					<span data-nosnippet>+355</span></li>
14889										<li data-nosnippet class="selectThisCountry" data-value="AM" data-flag="https://flagcdn.com/w20/am.png" data-html="+374">
14890					<img class="lazyFlag" src="https://flagcdn.com/w20/am.png">
14891					Armenia					<span data-nosnippet>+374</span></li>
14892										<li data-nosnippet class="selectThisCountry" data-value="AO" data-flag="https://flagcdn.com/w20/ao.png" data-html="+244">
14893					<img class="lazyFlag" src="https://flagcdn.com/w20/ao.png">
14894					Angola					<span data-nosnippet>+244</span></li>
14895										<li data-nosnippet class="selectThisCountry" data-value="AQ" data-flag="https://flagcdn.com/w20/aq.png" data-html="+672">
14896					<img class="lazyFlag" src="https://flagcdn.com/w20/aq.png">
14897					Antarctica					<span data-nosnippet>+672</span></li>
14898										<li data-nosnippet class="selectThisCountry" data-value="AR" data-flag="https://flagcdn.com/w20/ar.png" data-html="+54">
14899					<img class="lazyFlag" src="https://flagcdn.com/w20/ar.png">
14900					Argentina					<span data-nosnippet>+54</span></li>
14901										<li data-nosnippet class="selectThisCountry" data-value="AS" data-flag="https://flagcdn.com/w20/as.png" data-html="+1684">
14902					<img class="lazyFlag" src="https://flagcdn.com/w20/as.png">
14903					American samoa					<span data-nosnippet>+1684</span></li>
14904										<li data-nosnippet class="selectThisCountry" data-value="AT" data-flag="https://flagcdn.com/w20/at.png" data-html="+43">
14905					<img class="lazyFlag" src="https://flagcdn.com/w20/at.png">
14906					Austria					<span data-nosnippet>+43</span></li>
14907										<li data-nosnippet class="selectThisCountry" data-value="AU" data-flag="https://flagcdn.com/w20/au.png" data-html="+61">
14908					<img class="lazyFlag" src="https://flagcdn.com/w20/au.png">
14909					Australia					<span data-nosnippet>+61</span></li>
14910										<li data-nosnippet class="selectThisCountry" data-value="AW" data-flag="https://flagcdn.com/w20/aw.png" data-html="+297">
14911					<img class="lazyFlag" src="https://flagcdn.com/w20/aw.png">
14912					Aruba					<span data-nosnippet>+297</span></li>
14913										<li data-nosnippet class="selectThisCountry" data-value="AZ" data-flag="https://flagcdn.com/w20/az.png" data-html="+994">
14914					<img class="lazyFlag" src="https://flagcdn.com/w20/az.png">
14915					Azerbaijan					<span data-nosnippet>+994</span></li>
14916										<li data-nosnippet class="selectThisCountry" data-value="BA" data-flag="https://flagcdn.com/w20/ba.png" data-html="+387">
14917					<img class="lazyFlag" src="https://flagcdn.com/w20/ba.png">
14918					Bosnia and herzegovina					<span data-nosnippet>+387</span></li>
14919										<li data-nosnippet class="selectThisCountry" data-value="BB" data-flag="https://flagcdn.com/w20/bb.png" data-html="+1246">
14920					<img class="lazyFlag" src="https://flagcdn.com/w20/bb.png">
14921					Barbados					<span data-nosnippet>+1246</span></li>
14922										<li data-nosnippet class="selectThisCountry" data-value="BD" data-flag="https://flagcdn.com/w20/bd.png" data-html="+880">
14923					<img class="lazyFlag" src="https://flagcdn.com/w20/bd.png">
14924					Bangladesh					<span data-nosnippet>+880</span></li>
14925										<li data-nosnippet class="selectThisCountry" data-value="BE" data-flag="https://flagcdn.com/w20/be.png" data-html="+32">
14926					<img class="lazyFlag" src="https://flagcdn.com/w20/be.png">
14927					Belgium					<span data-nosnippet>+32</span></li>
14928										<li data-nosnippet class="selectThisCountry" data-value="BF" data-flag="https://flagcdn.com/w20/bf.png" data-html="+226">
14929					<img class="lazyFlag" src="https://flagcdn.com/w20/bf.png">
14930					Burkina faso					<span data-nosnippet>+226</span></li>
14931										<li data-nosnippet class="selectThisCountry" data-value="BG" data-flag="https://flagcdn.com/w20/bg.png" data-html="+359">
14932					<img class="lazyFlag" src="https://flagcdn.com/w20/bg.png">
14933					Bulgaria					<span data-nosnippet>+359</span></li>
14934										<li data-nosnippet class="selectThisCountry" data-value="BH" data-flag="https://flagcdn.com/w20/bh.png" data-html="+973">
14935					<img class="lazyFlag" src="https://flagcdn.com/w20/bh.png">
14936					Bahrain					<span data-nosnippet>+973</span></li>
14937										<li data-nosnippet class="selectThisCountry" data-value="BI" data-flag="https://flagcdn.com/w20/bi.png" data-html="+257">
14938					<img class="lazyFlag" src="https://flagcdn.com/w20/bi.png">
14939					Burundi					<span data-nosnippet>+257</span></li>
14940										<li data-nosnippet class="selectThisCountry" data-value="BJ" data-flag="https://flagcdn.com/w20/bj.png" data-html="+229">
14941					<img class="lazyFlag" src="https://flagcdn.com/w20/bj.png">
14942					Benin					<span data-nosnippet>+229</span></li>
14943										<li data-nosnippet class="selectThisCountry" data-value="BL" data-flag="https://flagcdn.com/w20/bl.png" data-html="+590">
14944					<img class="lazyFlag" src="https://flagcdn.com/w20/bl.png">
14945					Saint barthelemy					<span data-nosnippet>+590</span></li>
14946										<li data-nosnippet class="selectThisCountry" data-value="BM" data-flag="https://flagcdn.com/w20/bm.png" data-html="+1441">
14947					<img class="lazyFlag" src="https://flagcdn.com/w20/bm.png">
14948					Bermuda					<span data-nosnippet>+1441</span></li>
14949										<li data-nosnippet class="selectThisCountry" data-value="BN" data-flag="https://flagcdn.com/w20/bn.png" data-html="+673">
14950					<img class="lazyFlag" src="https://flagcdn.com/w20/bn.png">
14951					Brunei darussalam					<span data-nosnippet>+673</span></li>
14952										<li data-nosnippet class="selectThisCountry" data-value="BO" data-flag="https://flagcdn.com/w20/bo.png" data-html="+591">
14953					<img class="lazyFlag" src="https://flagcdn.com/w20/bo.png">
14954					Bolivia					<span data-nosnippet>+591</span></li>
14955										<li data-nosnippet class="selectThisCountry" data-value="BR" data-flag="https://flagcdn.com/w20/br.png" data-html="+55">
14956					<img class="lazyFlag" src="https://flagcdn.com/w20/br.png">
14957					Brazil					<span data-nosnippet>+55</span></li>
14958										<li data-nosnippet class="selectThisCountry" data-value="BS" data-flag="https://flagcdn.com/w20/bs.png" data-html="+1242">
14959					<img class="lazyFlag" src="https://flagcdn.com/w20/bs.png">
14960					Bahamas					<span data-nosnippet>+1242</span></li>
14961										<li data-nosnippet class="selectThisCountry" data-value="BT" data-flag="https://flagcdn.com/w20/bt.png" data-html="+975">
14962					<img class="lazyFlag" src="https://flagcdn.com/w20/bt.png">
14963					Bhutan					<span data-nosnippet>+975</span></li>
14964										<li data-nosnippet class="selectThisCountry" data-value="BW" data-flag="https://flagcdn.com/w20/bw.png" data-html="+267">
14965					<img class="lazyFlag" src="https://flagcdn.com/w20/bw.png">
14966					Botswana					<span data-nosnippet>+267</span></li>
14967										<li data-nosnippet class="selectThisCountry" data-value="BY" data-flag="https://flagcdn.com/w20/by.png" data-html="+375">
14968					<img class="lazyFlag" src="https://flagcdn.com/w20/by.png">
14969					Belarus					<span data-nosnippet>+375</span></li>
14970										<li data-nosnippet class="selectThisCountry" data-value="BZ" data-flag="https://flagcdn.com/w20/bz.png" data-html="+501">
14971					<img class="lazyFlag" src="https://flagcdn.com/w20/bz.png">
14972					Belize					<span data-nosnippet>+501</span></li>
14973										<li data-nosnippet class="selectThisCountry" data-value="CA" data-flag="https://flagcdn.com/w20/ca.png" data-html="+1">
14974					<img class="lazyFlag" src="https://flagcdn.com/w20/ca.png">
14975					Canada					<span data-nosnippet>+1</span></li>
14976										<li data-nosnippet class="selectThisCountry" data-value="CC" data-flag="https://flagcdn.com/w20/cc.png" data-html="+61">
14977					<img class="lazyFlag" src="https://flagcdn.com/w20/cc.png">
14978					Cocos (keeling) islands					<span data-nosnippet>+61</span></li>
14979										<li data-nosnippet class="selectThisCountry" data-value="CD" data-flag="https://flagcdn.com/w20/cd.png" data-html="+243">
14980					<img class="lazyFlag" src="https://flagcdn.com/w20/cd.png">
14981					Congo, the democratic republic of the					<span data-nosnippet>+243</span></li>
14982										<li data-nosnippet class="selectThisCountry" data-value="CF" data-flag="https://flagcdn.com/w20/cf.png" data-html="+236">
14983					<img class="lazyFlag" src="https://flagcdn.com/w20/cf.png">
14984					Central african republic					<span data-nosnippet>+236</span></li>
14985										<li data-nosnippet class="selectThisCountry" data-value="CG" data-flag="https://flagcdn.com/w20/cg.png" data-html="+242">
14986					<img class="lazyFlag" src="https://flagcdn.com/w20/cg.png">
14987					Congo					<span data-nosnippet>+242</span></li>
14988										<li data-nosnippet class="selectThisCountry" data-value="CH" data-flag="https://flagcdn.com/w20/ch.png" data-html="+41">
14989					<img class="lazyFlag" src="https://flagcdn.com/w20/ch.png">
14990					Switzerland					<span data-nosnippet>+41</span></li>
14991										<li data-nosnippet class="selectThisCountry" data-value="CI" data-flag="https://flagcdn.com/w20/ci.png" data-html="+225">
14992					<img class="lazyFlag" src="https://flagcdn.com/w20/ci.png">
14993					Cote d ivoire					<span data-nosnippet>+225</span></li>
14994										<li data-nosnippet class="selectThisCountry" data-value="CK" data-flag="https://flagcdn.com/w20/ck.png" data-html="+682">
14995					<img class="lazyFlag" src="https://flagcdn.com/w20/ck.png">
14996					Cook islands					<span data-nosnippet>+682</span></li>
14997										<li data-nosnippet class="selectThisCountry" data-value="CL" data-flag="https://flagcdn.com/w20/cl.png" data-html="+56">
14998					<img class="lazyFlag" src="https://flagcdn.com/w20/cl.png">
14999					Chile					<span data-nosnippet>+56</span></li>
15000										<li data-nosnippet class="selectThisCountry" data-value="CM" data-flag="https://flagcdn.com/w20/cm.png" data-html="+237">
15001					<img class="lazyFlag" src="https://flagcdn.com/w20/cm.png">
15002					Cameroon					<span data-nosnippet>+237</span></li>
15003										<li data-nosnippet class="selectThisCountry" data-value="CN" data-flag="https://flagcdn.com/w20/cn.png" data-html="+86">
15004					<img class="lazyFlag" src="https://flagcdn.com/w20/cn.png">
15005					China					<span data-nosnippet>+86</span></li>
15006										<li data-nosnippet class="selectThisCountry" data-value="CO" data-flag="https://flagcdn.com/w20/co.png" data-html="+57">
15007					<img class="lazyFlag" src="https://flagcdn.com/w20/co.png">
15008					Colombia					<span data-nosnippet>+57</span></li>
15009										<li data-nosnippet class="selectThisCountry" data-value="CR" data-flag="https://flagcdn.com/w20/cr.png" data-html="+506">
15010					<img class="lazyFlag" src="https://flagcdn.com/w20/cr.png">
15011					Costa rica					<span data-nosnippet>+506</span></li>
15012										<li data-nosnippet class="selectThisCountry" data-value="CU" data-flag="https://flagcdn.com/w20/cu.png" data-html="+53">
15013					<img class="lazyFlag" src="https://flagcdn.com/w20/cu.png">
15014					Cuba					<span data-nosnippet>
15014+53</span></li>
15015										<li data-nosnippet class="selectThisCountry" data-value="CV" data-flag="https://flagcdn.com/w20/cv.png" data-html="+238">
15016					<img class="lazyFlag" src="https://flagcdn.com/w20/cv.png">
15017					Cape verde					<span data-nosnippet>+238</span></li>
15018										<li data-nosnippet class="selectThisCountry" data-value="CX" data-flag="https://flagcdn.com/w20/cx.png" data-html="+61">
15019					<img class="lazyFlag" src="https://flagcdn.com/w20/cx.png">
15020					Christmas island					<span data-nosnippet>+61</span></li>
15021										<li data-nosnippet class="selectThisCountry" data-value="CY" data-flag="https://flagcdn.com/w20/cy.png" data-html="+357">
15022					<img class="lazyFlag" src="https://flagcdn.com/w20/cy.png">
15023					Cyprus					<span data-nosnippet>+357</span></li>
15024										<li data-nosnippet class="selectThisCountry" data-value="CZ" data-flag="https://flagcdn.com/w20/cz.png" data-html="+420">
15025					<img class="lazyFlag" src="https://flagcdn.com/w20/cz.png">
15026					Czech republic					<span data-nosnippet>+420</span></li>
15027										<li data-nosnippet class="selectThisCountry" data-value="DE" data-flag="https://flagcdn.com/w20/de.png" data-html="+49">
15028					<img class="lazyFlag" src="https://flagcdn.com/w20/de.png">
15029					Germany					<span data-nosnippet>+49</span></li>
15030										<li data-nosnippet class="selectThisCountry" data-value="DJ" data-flag="https://flagcdn.com/w20/dj.png" data-html="+253">
15031					<img class="lazyFlag" src="https://flagcdn.com/w20/dj.png">
15032					Djibouti					<span data-nosnippet>+253</span></li>
15033										<li data-nosnippet class="selectThisCountry" data-value="DK" data-flag="https://flagcdn.com/w20/dk.png" data-html="+45">
15034					<img class="lazyFlag" src="https://flagcdn.com/w20/dk.png">
15035					Denmark					<span data-nosnippet>+45</span></li>
15036										<li data-nosnippet class="selectThisCountry" data-value="DM" data-flag="https://flagcdn.com/w20/dm.png" data-html="+1767">
15037					<img class="lazyFlag" src="https://flagcdn.com/w20/dm.png">
15038					Dominica					<span data-nosnippet>+1767</span></li>
15039										<li data-nosnippet class="selectThisCountry" data-value="DO" data-flag="https://flagcdn.com/w20/do.png" data-html="+1809">
15040					<img class="lazyFlag" src="https://flagcdn.com/w20/do.png">
15041					Dominican republic					<span data-nosnippet>+1809</span></li>
15042										<li data-nosnippet class="selectThisCountry" data-value="DZ" data-flag="https://flagcdn.com/w20/dz.png" data-html="+213">
15043					<img class="lazyFlag" src="https://flagcdn.com/w20/dz.png">
15044					Algeria					<span data-nosnippet>+213</span></li>
15045										<li data-nosnippet class="selectThisCountry" data-value="EC" data-flag="https://flagcdn.com/w20/ec.png" data-html="+593">
15046					<img class="lazyFlag" src="https://flagcdn.com/w20/ec.png">
15047					Ecuador					<span data-nosnippet>+593</span></li>
15048										<li data-nosnippet class="selectThisCountry" data-value="EE" data-flag="https://flagcdn.com/w20/ee.png" data-html="+372">
15049					<img class="lazyFlag" src="https://flagcdn.com/w20/ee.png">
15050					Estonia					<span data-nosnippet>+372</span></li>
15051										<li data-nosnippet class="selectThisCountry" data-value="EG" data-flag="https://flagcdn.com/w20/eg.png" data-html="+20">
15052					<img class="lazyFlag" src="https://flagcdn.com/w20/eg.png">
15053					Egypt					<span data-nosnippet>+20</span></li>
15054										<li data-nosnippet class="selectThisCountry" data-value="ER" data-flag="https://flagcdn.com/w20/er.png" data-html="+291">
15055					<img class="lazyFlag" src="https://flagcdn.com/w20/er.png">
15056					Eritrea					<span data-nosnippet>+291</span></li>
15057										<li data-nosnippet class="selectThisCountry" data-value="ES" data-flag="https://flagcdn.com/w20/es.png" data-html="+34">
15058					<img class="lazyFlag" src="https://flagcdn.com/w20/es.png">
15059					Spain					<span data-nosnippet>+34</span></li>
15060										<li data-nosnippet class="selectThisCountry" data-value="ET" data-flag="https://flagcdn.com/w20/et.png" data-html="+251">
15061					<img class="lazyFlag" src="https://flagcdn.com/w20/et.png">
15062					Ethiopia					<span data-nosnippet>+251</span></li>
15063										<li data-nosnippet class="selectThisCountry" data-value="FI" data-flag="https://flagcdn.com/w20/fi.png" data-html="+358">
15064					<img class="lazyFlag" src="https://flagcdn.com/w20/fi.png">
15065					Finland					<span data-nosnippet>+358</span></li>
15066										<li data-nosnippet class="selectThisCountry" data-value="FJ" data-flag="https://flagcdn.com/w20/fj.png" data-html="+679">
15067					<img class="lazyFlag" src="https://flagcdn.com/w20/fj.png">
15068					Fiji					<span data-nosnippet>+679</span></li>
15069										<li data-nosnippet class="selectThisCountry" data-value="FK" data-flag="https://flagcdn.com/w20/fk.png" data-html="+500">
15070					<img class="lazyFlag" src="https://flagcdn.com/w20/fk.png">
15071					Falkland islands (malvinas)					<span data-nosnippet>+500</span></li>
15072										<li data-nosnippet class="selectThisCountry" data-value="FM" data-flag="https://flagcdn.com/w20/fm.png" data-html="+691">
15073					<img class="lazyFlag" src="https://flagcdn.com/w20/fm.png">
15074					Micronesia, federated states of					<span data-nosnippet>+691</span></li>
15075										<li data-nosnippet class="selectThisCountry" data-value="FO" data-flag="https://flagcdn.com/w20/fo.png" data-html="+298">
15076					<img class="lazyFlag" src="https://flagcdn.com/w20/fo.png">
15077					Faroe islands					<span data-nosnippet>+298</span></li>
15078										<li data-nosnippet class="selectThisCountry" data-value="FR" data-flag="https://flagcdn.com/w20/fr.png" data-html="+33">
15079					<img class="lazyFlag" src="https://flagcdn.com/w20/fr.png">
15080					France					<span data-nosnippet>+33</span></li>
15081										<li data-nosnippet class="selectThisCountry" data-value="GA" data-flag="https://flagcdn.com/w20/ga.png" data-html="+241">
15082					<img class="lazyFlag" src="https://flagcdn.com/w20/ga.png">
15083					Gabon					<span data-nosnippet>+241</span></li>
15084										<li data-nosnippet class="selectThisCountry" data-value="GB" data-flag="https://flagcdn.com/w20/gb.png" data-html="+44">
15085					<img class="lazyFlag" src="https://flagcdn.com/w20/gb.png">
15086					United kingdom					<span data-nosnippet>+44</span></li>
15087										<li data-nosnippet class="selectThisCountry" data-value="GD" data-flag="https://flagcdn.com/w20/gd.png" data-html="+1473">
15088					<img class="lazyFlag" src="https://flagcdn.com/w20/gd.png">
15089					Grenada					<span data-nosnippet>+1473</span></li>
15090										<li data-nosnippet class="selectThisCountry" data-value="GE" data-flag="https://flagcdn.com/w20/ge.png" data-html="+995">
15091					<img class="lazyFlag" src="https://flagcdn.com/w20/ge.png">
15092					Georgia					<span data-nosnippet>+995</span></li>
15093										<li data-nosnippet class="selectThisCountry" data-value="GH" data-flag="https://flagcdn.com/w20/gh.png" data-html="+233">
15094					<img class="lazyFlag" src="https://flagcdn.com/w20/gh.png">
15095					Ghana					<span data-nosnippet>+233</span></li>
15096										<li data-nosnippet class="selectThisCountry" data-value="GI" data-flag="https://flagcdn.com/w20/gi.png" data-html="+350">
15097					<img class="lazyFlag" src="https://flagcdn.com/w20/gi.png">
15098					Gibraltar					<span data-nosnippet>+350</span></li>
15099										<li data-nosnippet class="selectThisCountry" data-value="GL" data-flag="https://flagcdn.com/w20/gl.png" data-html="+299">
15100					<img class="lazyFlag" src="https://flagcdn.com/w20/gl.png">
15101					Greenland					<span data-nosnippet>+299</span></li>
15102										<li data-nosnippet class="selectThisCountry" data-value="GM" data-flag="https://flagcdn.com/w20/gm.png" data-html="+220">
15103					<img class="lazyFlag" src="https://flagcdn.com/w20/gm.png">
15104					Gambia					<span data-nosnippet>+220</span></li>
15105										<li data-nosnippet class="selectThisCountry" data-value="GN" data-flag="https://flagcdn.com/w20/gn.png" data-html="+224">
15106					<img class="lazyFlag" src="https://flagcdn.com/w20/gn.png">
15107					Guinea					<span data-nosnippet>+224</span></li>
15108										<li data-nosnippet class="selectThisCountry" data-value="GQ" data-flag="https://flagcdn.com/w20/gq.png" data-html="+240">
15109					<img class="lazyFlag" src="https://flagcdn.com/w20/gq.png">
15110					Equatorial guinea					<span data-nosnippet>+240</span></li>
15111										<li data-nosnippet class="selectThisCountry" data-value="GR" data-flag="https://flagcdn.com/w20/gr.png" data-html="+30">
15112					<img class="lazyFlag" src="https://flagcdn.com/w20/gr.png">
15113					Greece					<span data-nosnippet>+30</span></li>
15114										<li data-nosnippet class="selectThisCountry" data-value="GT" data-flag="https://flagcdn.com/w20/gt.png" data-html="+502">
15115					<img class="lazyFlag" src="https://flagcdn.com/w20/gt.png">
15116					Guatemala					<span data-nosnippet>+502</span></li>
15117										<li data-nosnippet class="selectThisCountry" data-value="GU" data-flag="https://flagcdn.com/w20/gu.png" data-html="+1671">
15118					<img class="lazyFlag" src="https://flagcdn.com/w20/gu.png">
15119					Guam					<span data-nosnippet>+1671</span></li>
15120										<li data-nosnippet class="selectThisCountry" data-value="GW" data-flag="https://flagcdn.com/w20/gw.png" data-html="+245">
15121					<img class="lazyFlag" src="https://flagcdn.com/w20/gw.png">
15122					Guinea-bissau					<span data-nosnippet>+245</span></li>
15123										<li data-nosnippet class="selectThisCountry" data-value="GY" data-flag="https://flagcdn.com/w20/gy.png" data-html="+592">
15124					<img class="lazyFlag" src="https://flagcdn.com/w20/gy.png">
15125					Guyana					<span data-nosnippet>+592</span></li>
15126										<li data-nosnippet class="selectThisCountry" data-value="HK" data-flag="https://flagcdn.com/w20/hk.png" data-html="+852">
15127					<img class="lazyFlag" src="https://flagcdn.com/w20/hk.png">
15128					Hong kong					<span data-nosnippet>+852</span></li>
15129										<li data-nosnippet class="selectThisCountry" data-value="HN" data-flag="https://flagcdn.com/w20/hn.png" data-html="+504">
15130					<img class="lazyFlag" src="https://flagcdn.com/w20/hn.png">
15131					Honduras					<span data-nosnippet>
15131+504</span></li>
15132										<li data-nosnippet class="selectThisCountry" data-value="HR" data-flag="https://flagcdn.com/w20/hr.png" data-html="+385">
15133					<img class="lazyFlag" src="https://flagcdn.com/w20/hr.png">
15134					Croatia					<span data-nosnippet>+385</span></li>
15135										<li data-nosnippet class="selectThisCountry" data-value="HT" data-flag="https://flagcdn.com/w20/ht.png" data-html="+509">
15136					<img class="lazyFlag" src="https://flagcdn.com/w20/ht.png">
15137					Haiti					<span data-nosnippet>+509</span></li>
15138										<li data-nosnippet class="selectThisCountry" data-value="HU" data-flag="https://flagcdn.com/w20/hu.png" data-html="+36">
15139					<img class="lazyFlag" src="https://flagcdn.com/w20/hu.png">
15140					Hungary					<span data-nosnippet>+36</span></li>
15141										<li data-nosnippet class="selectThisCountry" data-value="ID" data-flag="https://flagcdn.com/w20/id.png" data-html="+62">
15142					<img class="lazyFlag" src="https://flagcdn.com/w20/id.png">
15143					Indonesia					<span data-nosnippet>+62</span></li>
15144										<li data-nosnippet class="selectThisCountry" data-value="IE" data-flag="https://flagcdn.com/w20/ie.png" data-html="+353">
15145					<img class="lazyFlag" src="https://flagcdn.com/w20/ie.png">
15146					Ireland					<span data-nosnippet>+353</span></li>
15147										<li data-nosnippet class="selectThisCountry" data-value="IL" data-flag="https://flagcdn.com/w20/il.png" data-html="+972">
15148					<img class="lazyFlag" src="https://flagcdn.com/w20/il.png">
15149					Israel					<span data-nosnippet>+972</span></li>
15150										<li data-nosnippet class="selectThisCountry" data-value="IM" data-flag="https://flagcdn.com/w20/im.png" data-html="+44">
15151					<img class="lazyFlag" src="https://flagcdn.com/w20/im.png">
15152					Isle of man					<span data-nosnippet>+44</span></li>
15153										<li data-nosnippet class="selectThisCountry" data-value="IN" data-flag="https://flagcdn.com/w20/in.png" data-html="+91">
15154					<img class="lazyFlag" src="https://flagcdn.com/w20/in.png">
15155					India					<span data-nosnippet>+91</span></li>
15156										<li data-nosnippet class="selectThisCountry" data-value="IQ" data-flag="https://flagcdn.com/w20/iq.png" data-html="+964">
15157					<img class="lazyFlag" src="https://flagcdn.com/w20/iq.png">
15158					Iraq					<span data-nosnippet>+964</span></li>
15159										<li data-nosnippet class="selectThisCountry" data-value="IR" data-flag="https://flagcdn.com/w20/ir.png" data-html="+98">
15160					<img class="lazyFlag" src="https://flagcdn.com/w20/ir.png">
15161					Iran, islamic republic of					<span data-nosnippet>+98</span></li>
15162										<li data-nosnippet class="selectThisCountry" data-value="IS" data-flag="https://flagcdn.com/w20/is.png" data-html="+354">
15163					<img class="lazyFlag" src="https://flagcdn.com/w20/is.png">
15164					Iceland					<span data-nosnippet>+354</span></li>
15165										<li data-nosnippet class="selectThisCountry" data-value="IT" data-flag="https://flagcdn.com/w20/it.png" data-html="+39">
15166					<img class="lazyFlag" src="https://flagcdn.com/w20/it.png">
15167					Italy					<span data-nosnippet>+39</span></li>
15168										<li data-nosnippet class="selectThisCountry" data-value="JM" data-flag="https://flagcdn.com/w20/jm.png" data-html="+1876">
15169					<img class="lazyFlag" src="https://flagcdn.com/w20/jm.png">
15170					Jamaica					<span data-nosnippet>+1876</span></li>
15171										<li data-nosnippet class="selectThisCountry" data-value="JO" data-flag="https://flagcdn.com/w20/jo.png" data-html="+962">
15172					<img class="lazyFlag" src="https://flagcdn.com/w20/jo.png">
15173					Jordan					<span data-nosnippet>+962</span></li>
15174										<li data-nosnippet class="selectThisCountry" data-value="JP" data-flag="https://flagcdn.com/w20/jp.png" data-html="+81">
15175					<img class="lazyFlag" src="https://flagcdn.com/w20/jp.png">
15176					Japan					<span data-nosnippet>+81</span></li>
15177										<li data-nosnippet class="selectThisCountry" data-value="KE" data-flag="https://flagcdn.com/w20/ke.png" data-html="+254">
15178					<img class="lazyFlag" src="https://flagcdn.com/w20/ke.png">
15179					Kenya					<span data-nosnippet>+254</span></li>
15180										<li data-nosnippet class="selectThisCountry" data-value="KG" data-flag="https://flagcdn.com/w20/kg.png" data-html="+996">
15181					<img class="lazyFlag" src="https://flagcdn.com/w20/kg.png">
15182					Kyrgyzstan					<span data-nosnippet>+996</span></li>
15183										<li data-nosnippet class="selectThisCountry" data-value="KH" data-flag="https://flagcdn.com/w20/kh.png" data-html="+855">
15184					<img class="lazyFlag" src="https://flagcdn.com/w20/kh.png">
15185					Cambodia					<span data-nosnippet>+855</span></li>
15186										<li data-nosnippet class="selectThisCountry" data-value="KI" data-flag="https://flagcdn.com/w20/ki.png" data-html="+686">
15187					<img class="lazyFlag" src="https://flagcdn.com/w20/ki.png">
15188					Kiribati					<span data-nosnippet>+686</span></li>
15189										<li data-nosnippet class="selectThisCountry" data-value="KM" data-flag="https://flagcdn.com/w20/km.png" data-html="+269">
15190					<img class="lazyFlag" src="https://flagcdn.com/w20/km.png">
15191					Comoros					<span data-nosnippet>+269</span></li>
15192										<li data-nosnippet class="selectThisCountry" data-value="KN" data-flag="https://flagcdn.com/w20/kn.png" data-html="+1869">
15193					<img class="lazyFlag" src="https://flagcdn.com/w20/kn.png">
15194					Saint kitts and nevis					<span data-nosnippet>+1869</span></li>
15195										<li data-nosnippet class="selectThisCountry" data-value="KP" data-flag="https://flagcdn.com/w20/kp.png" data-html="+850">
15196					<img class="lazyFlag" src="https://flagcdn.com/w20/kp.png">
15197					Korea democratic peoples republic of					<span data-nosnippet>+850</span></li>
15198										<li data-nosnippet class="selectThisCountry" data-value="KR" data-flag="https://flagcdn.com/w20/kr.png" data-html="+82">
15199					<img class="lazyFlag" src="https://flagcdn.com/w20/kr.png">
15200					Korea republic of					<span data-nosnippet>+82</span></li>
15201										<li data-nosnippet class="selectThisCountry" data-value="KW" data-flag="https://flagcdn.com/w20/kw.png" data-html="+965">
15202					<img class="lazyFlag" src="https://flagcdn.com/w20/kw.png">
15203					Kuwait					<span data-nosnippet>+965</span></li>
15204										<li data-nosnippet class="selectThisCountry" data-value="KY" data-flag="https://flagcdn.com/w20/ky.png" data-html="+1345">
15205					<img class="lazyFlag" src="https://flagcdn.com/w20/ky.png">
15206					Cayman islands					<span data-nosnippet>+1345</span></li>
15207										<li data-nosnippet class="selectThisCountry" data-value="KZ" data-flag="https://flagcdn.com/w20/kz.png" data-html="+7">
15208					<img class="lazyFlag" src="https://flagcdn.com/w20/kz.png">
15209					Kazakstan					<span data-nosnippet>+7</span></li>
15210										<li data-nosnippet class="selectThisCountry" data-value="LA" data-flag="https://flagcdn.com/w20/la.png" data-html="+856">
15211					<img class="lazyFlag" src="https://flagcdn.com/w20/la.png">
15212					Lao peoples democratic republic					<span data-nosnippet>+856</span></li>
15213										<li data-nosnippet class="selectThisCountry" data-value="LB" data-flag="https://flagcdn.com/w20/lb.png" data-html="+961">
15214					<img class="lazyFlag" src="https://flagcdn.com/w20/lb.png">
15215					Lebanon					<span data-nosnippet>+961</span></li>
15216										<li data-nosnippet class="selectThisCountry" data-value="LC" data-flag="https://flagcdn.com/w20/lc.png" data-html="+1758">
15217					<img class="lazyFlag" src="https://flagcdn.com/w20/lc.png">
15218					Saint lucia					<span data-nosnippet>+1758</span></li>
15219										<li data-nosnippet class="selectThisCountry" data-value="LI" data-flag="https://flagcdn.com/w20/li.png" data-html="+423">
15220					<img class="lazyFlag" src="https://flagcdn.com/w20/li.png">
15221					Liechtenstein					<span data-nosnippet>+423</span></li>
15222										<li data-nosnippet class="selectThisCountry" data-value="LK" data-flag="https://flagcdn.com/w20/lk.png" data-html="+94">
15223					<img class="lazyFlag" src="https://flagcdn.com/w20/lk.png">
15224					Sri lanka					<span data-nosnippet>+94</span></li>
15225										<li data-nosnippet class="selectThisCountry" data-value="LR" data-flag="https://flagcdn.com/w20/lr.png" data-html="+231">
15226					<img class="lazyFlag" src="https://flagcdn.com/w20/lr.png">
15227					Liberia					<span data-nosnippet>+231</span></li>
15228										<li data-nosnippet class="selectThisCountry" data-value="LS" data-flag="https://flagcdn.com/w20/ls.png" data-html="+266">
15229					<img class="lazyFlag" src="https://flagcdn.com/w20/ls.png">
15230					Lesotho					<span data-nosnippet>+266</span></li>
15231										<li data-nosnippet class="selectThisCountry" data-value="LT" data-flag="https://flagcdn.com/w20/lt.png" data-html="+370">
15232					<img class="lazyFlag" src="https://flagcdn.com/w20/lt.png">
15233					Lithuania					<span data-nosnippet>+370</span></li>
15234										<li data-nosnippet class="selectThisCountry" data-value="LU" data-flag="https://flagcdn.com/w20/lu.png" data-html="+352">
15235					<img class="lazyFlag" src="https://flagcdn.com/w20/lu.png">
15236					Luxembourg					<span data-nosnippet>+352</span></li>
15237										<li data-nosnippet class="selectThisCountry" data-value="LV" data-flag="https://flagcdn.com/w20/lv.png" data-html="+371">
15238					<img class="lazyFlag" src="https://flagcdn.com/w20/lv.png">
15239					Latvia					<span data-nosnippet>+371</span></li>
15240										<li data-nosnippet class="selectThisCountry" data-value="LY" data-flag="https://flagcdn.com/w20/ly.png" data-html="+218">
15241					<img class="lazyFlag" src="https://flagcdn.com/w20/ly.png">
15242					Libyan arab jamahiriya					<span data-nosnippet>+218</span></li>
15243										<li data-nosnippet class="selectThisCountry" data-value="MA" data-flag="https://flagcdn.com/w20/ma.png" data-html="+212">
15244					<img class="lazyFlag" src="https://flagcdn.com/w20/ma.png">
15245					Morocco					<span data-nosnippet>+212</span></li>
15246										<li data-nosnippet class="selectThisCountry" data-value="MC" data-flag="https://flagcdn.com/w20/mc.png" data-html="+377">
15247					<img class="lazyFlag" src="https://flagcdn.com/w20/mc.png">
15248					Monaco					<span data-nosnippet>+377</span></li>
15249										<li data-nosnippet class="selectThisCountry" data-value="MD" data-flag="https://flagcdn.com/w20/md.png" data-html="+373">
15250					<img class="lazyFlag" src="https://flagcdn.com/w20/md.png">
15251					Moldova, republic of					<span data-nosnippet>+373</span></li>
15252										<li data-nosnippet class="selectThisCountry" data-value="ME" data-flag="https://flagcdn.com/w20/me.png" data-html="+382">
15253					<img class="lazyFlag" src="https://flagcdn.com/w20/me.png">
15254					Montenegro					<span data-nosnippet>+382</span></li>
15255										<li data-nosnippet class="selectThisCountry" data-value="MF" data-flag="https://flagcdn.com/w20/mf.png" data-html="+1599">
15256					<img class="lazyFlag" src="https://flagcdn.com/w20/mf.png">
15257					Saint martin					<span data-nosnippet>+1599</span></li>
15258										<li data-nosnippet class="selectThisCountry" data-value="MG" data-flag="https://flagcdn.com/w20/mg.png" data-html="+261">
15259					<img class="lazyFlag" src="https://flagcdn.com/w20/mg.png">
15260					Madagascar					<span data-nosnippet>+261</span></li>
15261										<li data-nosnippet class="selectThisCountry" data-value="MH" data-flag="https://flagcdn.com/w20/mh.png" data-html="+692">
15262					<img class="lazyFlag" src="https://flagcdn.com/w20/mh.png">
15263					Marshall islands					<span data-nosnippet>+692</span></li>
15264										<li data-nosnippet class="selectThisCountry" data-value="MK" data-flag="https://flagcdn.com/w20/mk.png" data-html="+389">
15265					<img class="lazyFlag" src="https://flagcdn.com/w20/mk.png">
15266					Macedonia, the former yugoslav republic of					<span data-nosnippet>+389</span></li>
15267										<li data-nosnippet class="selectThisCountry" data-value="ML" data-flag="https://flagcdn.com/w20/ml.png" data-html="+223">
15268					<img class="lazyFlag" src="https://flagcdn.com/w20/ml.png">
15269					Mali					<span data-nosnippet>+223</span></li>
15270										<li data-nosnippet class="selectThisCountry" data-value="MM" data-flag="https://flagcdn.com/w20/mm.png" data-html="+95">
15271					<img class="lazyFlag" src="https://flagcdn.com/w20/mm.png">
15272					Myanmar					<span data-nosnippet>+95</span></li>
15273										<li data-nosnippet class="selectThisCountry" data-value="MN" data-flag="https://flagcdn.com/w20/mn.png" data-html="+976">
15274					<img class="lazyFlag" src="https://flagcdn.com/w20/mn.png">
15275					Mongolia					<span data-nosnippet>+976</span></li>
15276										<li data-nosnippet class="selectThisCountry" data-value="MO" data-flag="https://flagcdn.com/w20/mo.png" data-html="+853">
15277					<img class="lazyFlag" src="https://flagcdn.com/w20/mo.png">
15278					Macau					<span data-nosnippet>+853</span></li>
15279										<li data-nosnippet class="selectThisCountry" data-value="MP" data-flag="https://flagcdn.com/w20/mp.png" data-html="+1670">
15280					<img class="lazyFlag" src="https://flagcdn.com/w20/mp.png">
15281					Northern mariana islands					<span data-nosnippet>+1670</span></li>
15282										<li data-nosnippet class="selectThisCountry" data-value="MR" data-flag="https://flagcdn.com/w20/mr.png" data-html="+222">
15283					<img class="lazyFlag" src="https://flagcdn.com/w20/mr.png">
15284					Mauritania					<span data-nosnippet>+222</span></li>
15285										<li data-nosnippet class="selectThisCountry" data-value="MS" data-flag="https://flagcdn.com/w20/ms.png" data-html="+1664">
15286					<img class="lazyFlag" src="https://flagcdn.com/w20/ms.png">
15287					Montserrat					<span data-nosnippet>+1664</span></li>
15288										<li data-nosnippet class="selectThisCountry" data-value="MT" data-flag="https://flagcdn.com/w20/mt.png" data-html="+356">
15289					<img class="lazyFlag" src="https://flagcdn.com/w20/mt.png">
15290					Malta					<span data-nosnippet>+356</span></li>
15291										<li data-nosnippet class="selectThisCountry" data-value="MU" data-flag="https://flagcdn.com/w20/mu.png" data-html="+230">
15292					<img class="lazyFlag" src="https://flagcdn.com/w20/mu.png">
15293					Mauritius					<span data-nosnippet>+230</span></li>
15294										<li data-nosnippet class="selectThisCountry" data-value="MV" data-flag="https://flagcdn.com/w20/mv.png" data-html="+960">
15295					<img class="lazyFlag" src="https://flagcdn.com/w20/mv.png">
15296					Maldives					<span data-nosnippet>+960</span></li>
15297										<li data-nosnippet class="selectThisCountry" data-value="MW" data-flag="https://flagcdn.com/w20/mw.png" data-html="+265">
15298					<img class="lazyFlag" src="https://flagcdn.com/w20/mw.png">
15299					Malawi					<span data-nosnippet>+265</span></li>
15300										<li data-nosnippet class="selectThisCountry" data-value="MX" data-flag="https://flagcdn.com/w20/mx.png" data-html="+52">
15301					<img class="lazyFlag" src="https://flagcdn.com/w20/mx.png">
15302					Mexico					<span data-nosnippet>+52</span></li>
15303										<li data-nosnippet class="selectThisCountry" data-value="MY" data-flag="https://flagcdn.com/w20/my.png" data-html="+60">
15304					<img class="lazyFlag" src="https://flagcdn.com/w20/my.png">
15305					Malaysia					<span data-nosnippet>+60</span></li>
15306										<li data-nosnippet class="selectThisCountry" data-value="MZ" data-flag="https://flagcdn.com/w20/mz.png" data-html="+258">
15307					<img class="lazyFlag" src="https://flagcdn.com/w20/mz.png">
15308					Mozambique					<span data-nosnippet>+258</span></li>
15309										<li data-nosnippet class="selectThisCountry" data-value="NA" data-flag="https://flagcdn.com/w20/na.png" data-html="+264">
15310					<img class="lazyFlag" src="https://flagcdn.com/w20/na.png">
15311					Namibia					<span data-nosnippet>+264</span></li>
15312										<li data-nosnippet class="selectThisCountry" data-value="NC" data-flag="https://flagcdn.com/w20/nc.png" data-html="+687">
15313					<img class="lazyFlag" src="https://flagcdn.com/w20/nc.png">
15314					New caledonia					<span data-nosnippet>+687</span></li>
15315										<li data-nosnippet class="selectThisCountry" data-value="NE" data-flag="https://flagcdn.com/w20/ne.png" data-html="+227">
15316					<img class="lazyFlag" src="https://flagcdn.com/w20/ne.png">
15317					Niger					<span data-nosnippet>+227</span></li>
15318										<li data-nosnippet class="selectThisCountry" data-value="NG" data-flag="https://flagcdn.com/w20/ng.png" data-html="+234">
15319					<img class="lazyFlag" src="https://flagcdn.com/w20/ng.png">
15320					Nigeria					<span data-nosnippet>+234</span></li>
15321										<li data-nosnippet class="selectThisCountry" data-value="NI" data-flag="https://flagcdn.com/w20/ni.png" data-html="+505">
15322					<img class="lazyFlag" src="https://flagcdn.com/w20/ni.png">
15323					Nicaragua					<span data-nosnippet>+505</span></li>
15324										<li data-nosnippet class="selectThisCountry" data-value="NL" data-flag="https://flagcdn.com/w20/nl.png" data-html="+31">
15325					<img class="lazyFlag" src="https://flagcdn.com/w20/nl.png">
15326					Netherlands					<span data-nosnippet>+31</span></li>
15327										<li data-nosnippet class="selectThisCountry" data-value="NO" data-flag="https://flagcdn.com/w20/no.png" data-html="+47">
15328					<img class="lazyFlag" src="https://flagcdn.com/w20/no.png">
15329					Norway					<span data-nosnippet>+47</span></li>
15330										<li data-nosnippet class="selectThisCountry" data-value="NP" data-flag="https://flagcdn.com/w20/np.png" data-html="+977">
15331					<img class="lazyFlag" src="https://flagcdn.com/w20/np.png">
15332					Nepal					<span data-nosnippet>+977</span></li>
15333										<li data-nosnippet class="selectThisCountry" data-value="NR" data-flag="https://flagcdn.com/w20/nr.png" data-html="+674">
15334					<img class="lazyFlag" src="https://flagcdn.com/w20/nr.png">
15335					Nauru					<span data-nosnippet>+674</span></li>
15336										<li data-nosnippet class="selectThisCountry" data-value="NU" data-flag="https://flagcdn.com/w20/nu.png" data-html="+683">
15337					<img class="lazyFlag" src="https://flagcdn.com/w20/nu.png">
15338					Niue					<span data-nosnippet>+683</span></li>
15339										<li data-nosnippet class="selectThisCountry" data-value="NZ" data-flag="https://flagcdn.com/w20/nz.png" data-html="+64">
15340					<img class="lazyFlag" src="https://flagcdn.com/w20/nz.png">
15341					New zealand					<span data-nosnippet>+64</span></li>
15342										<li data-nosnippet class="selectThisCountry" data-value="OM" data-flag="https://flagcdn.com/w20/om.png" data-html="+968">
15343					<img class="lazyFlag" src="https://flagcdn.com/w20/om.png">
15344					Oman					<span data-nosnippet>
15344+968</span></li>
15345										<li data-nosnippet class="selectThisCountry" data-value="PA" data-flag="https://flagcdn.com/w20/pa.png" data-html="+507">
15346					<img class="lazyFlag" src="https://flagcdn.com/w20/pa.png">
15347					Panama					<span data-nosnippet>+507</span></li>
15348										<li data-nosnippet class="selectThisCountry" data-value="PE" data-flag="https://flagcdn.com/w20/pe.png" data-html="+51">
15349					<img class="lazyFlag" src="https://flagcdn.com/w20/pe.png">
15350					Peru					<span data-nosnippet>+51</span></li>
15351										<li data-nosnippet class="selectThisCountry" data-value="PF" data-flag="https://flagcdn.com/w20/pf.png" data-html="+689">
15352					<img class="lazyFlag" src="https://flagcdn.com/w20/pf.png">
15353					French polynesia					<span data-nosnippet>+689</span></li>
15354										<li data-nosnippet class="selectThisCountry" data-value="PG" data-flag="https://flagcdn.com/w20/pg.png" data-html="+675">
15355					<img class="lazyFlag" src="https://flagcdn.com/w20/pg.png">
15356					Papua new guinea					<span data-nosnippet>+675</span></li>
15357										<li data-nosnippet class="selectThisCountry" data-value="PH" data-flag="https://flagcdn.com/w20/ph.png" data-html="+63">
15358					<img class="lazyFlag" src="https://flagcdn.com/w20/ph.png">
15359					Philippines					<span data-nosnippet>+63</span></li>
15360										<li data-nosnippet class="selectThisCountry" data-value="PK" data-flag="https://flagcdn.com/w20/pk.png" data-html="+92">
15361					<img class="lazyFlag" src="https://flagcdn.com/w20/pk.png">
15362					Pakistan					<span data-nosnippet>+92</span></li>
15363										<li data-nosnippet class="selectThisCountry" data-value="PL" data-flag="https://flagcdn.com/w20/pl.png" data-html="+48">
15364					<img class="lazyFlag" src="https://flagcdn.com/w20/pl.png">
15365					Poland					<span data-nosnippet>+48</span></li>
15366										<li data-nosnippet class="selectThisCountry" data-value="PM" data-flag="https://flagcdn.com/w20/pm.png" data-html="+508">
15367					<img class="lazyFlag" src="https://flagcdn.com/w20/pm.png">
15368					Saint pierre and miquelon					<span data-nosnippet>+508</span></li>
15369										<li data-nosnippet class="selectThisCountry" data-value="PN" data-flag="https://flagcdn.com/w20/pn.png" data-html="+870">
15370					<img class="lazyFlag" src="https://flagcdn.com/w20/pn.png">
15371					Pitcairn					<span data-nosnippet>+870</span></li>
15372										<li data-nosnippet class="selectThisCountry" data-value="PR" data-flag="https://flagcdn.com/w20/pr.png" data-html="+1">
15373					<img class="lazyFlag" src="https://flagcdn.com/w20/pr.png">
15374					Puerto rico					<span data-nosnippet>+1</span></li>
15375										<li data-nosnippet class="selectThisCountry" data-value="PT" data-flag="https://flagcdn.com/w20/pt.png" data-html="+351">
15376					<img class="lazyFlag" src="https://flagcdn.com/w20/pt.png">
15377					Portugal					<span data-nosnippet>+351</span></li>
15378										<li data-nosnippet class="selectThisCountry" data-value="PW" data-flag="https://flagcdn.com/w20/pw.png" data-html="+680">
15379					<img class="lazyFlag" src="https://flagcdn.com/w20/pw.png">
15380					Palau					<span data-nosnippet>+680</span></li>
15381										<li data-nosnippet class="selectThisCountry" data-value="PY" data-flag="https://flagcdn.com/w20/py.png" data-html="+595">
15382					<img class="lazyFlag" src="https://flagcdn.com/w20/py.png">
15383					Paraguay					<span data-nosnippet>+595</span></li>
15384										<li data-nosnippet class="selectThisCountry" data-value="QA" data-flag="https://flagcdn.com/w20/qa.png" data-html="+974">
15385					<img class="lazyFlag" src="https://flagcdn.com/w20/qa.png">
15386					Qatar					<span data-nosnippet>+974</span></li>
15387										<li data-nosnippet class="selectThisCountry" data-value="RO" data-flag="https://flagcdn.com/w20/ro.png" data-html="+40">
15388					<img class="lazyFlag" src="https://flagcdn.com/w20/ro.png">
15389					Romania					<span data-nosnippet>+40</span></li>
15390										<li data-nosnippet class="selectThisCountry" data-value="RS" data-flag="https://flagcdn.com/w20/rs.png" data-html="+381">
15391					<img class="lazyFlag" src="https://flagcdn.com/w20/rs.png">
15392					Serbia					<span data-nosnippet>+381</span></li>
15393										<li data-nosnippet class="selectThisCountry" data-value="RU" data-flag="https://flagcdn.com/w20/ru.png" data-html="+7">
15394					<img class="lazyFlag" src="https://flagcdn.com/w20/ru.png">
15395					Russian federation					<span data-nosnippet>+7</span></li>
15396										<li data-nosnippet class="selectThisCountry" data-value="RW" data-flag="https://flagcdn.com/w20/rw.png" data-html="+250">
15397					<img class="lazyFlag" src="https://flagcdn.com/w20/rw.png">
15398					Rwanda					<span data-nosnippet>+250</span></li>
15399										<li data-nosnippet class="selectThisCountry" data-value="SA" data-flag="https://flagcdn.com/w20/sa.png" data-html="+966">
15400					<img class="lazyFlag" src="https://flagcdn.com/w20/sa.png">
15401					Saudi arabia					<span data-nosnippet>+966</span></li>
15402										<li data-nosnippet class="selectThisCountry" data-value="SB" data-flag="https://flagcdn.com/w20/sb.png" data-html="+677">
15403					<img class="lazyFlag" src="https://flagcdn.com/w20/sb.png">
15404					Solomon islands					<span data-nosnippet>+677</span></li>
15405										<li data-nosnippet class="selectThisCountry" data-value="SC" data-flag="https://flagcdn.com/w20/sc.png" data-html="+248">
15406					<img class="lazyFlag" src="https://flagcdn.com/w20/sc.png">
15407					Seychelles					<span data-nosnippet>+248</span></li>
15408										<li data-nosnippet class="selectThisCountry" data-value="SD" data-flag="https://flagcdn.com/w20/sd.png" data-html="+249">
15409					<img class="lazyFlag" src="https://flagcdn.com/w20/sd.png">
15410					Sudan					<span data-nosnippet>+249</span></li>
15411										<li data-nosnippet class="selectThisCountry" data-value="SE" data-flag="https://flagcdn.com/w20/se.png" data-html="+46">
15412					<img class="lazyFlag" src="https://flagcdn.com/w20/se.png">
15413					Sweden					<span data-nosnippet>+46</span></li>
15414										<li data-nosnippet class="selectThisCountry" data-value="SG" data-flag="https://flagcdn.com/w20/sg.png" data-html="+65">
15415					<img class="lazyFlag" src="https://flagcdn.com/w20/sg.png">
15416					Singapore					<span data-nosnippet>+65</span></li>
15417										<li data-nosnippet class="selectThisCountry" data-value="SH" data-flag="https://flagcdn.com/w20/sh.png" data-html="+290">
15418					<img class="lazyFlag" src="https://flagcdn.com/w20/sh.png">
15419					Saint helena					<span data-nosnippet>+290</span></li>
15420										<li data-nosnippet class="selectThisCountry" data-value="SI" data-flag="https://flagcdn.com/w20/si.png" data-html="+386">
15421					<img class="lazyFlag" src="https://flagcdn.com/w20/si.png">
15422					Slovenia					<span data-nosnippet>+386</span></li>
15423										<li data-nosnippet class="selectThisCountry" data-value="SK" data-flag="https://flagcdn.com/w20/sk.png" data-html="+421">
15424					<img class="lazyFlag" src="https://flagcdn.com/w20/sk.png">
15425					Slovakia					<span data-nosnippet>+421</span></li>
15426										<li data-nosnippet class="selectThisCountry" data-value="SL" data-flag="https://flagcdn.com/w20/sl.png" data-html="+232">
15427					<img class="lazyFlag" src="https://flagcdn.com/w20/sl.png">
15428					Sierra leone					<span data-nosnippet>+232</span></li>
15429										<li data-nosnippet class="selectThisCountry" data-value="SM" data-flag="https://flagcdn.com/w20/sm.png" data-html="+378">
15430					<img class="lazyFlag" src="https://flagcdn.com/w20/sm.png">
15431					San marino					<span data-nosnippet>+378</span></li>
15432										<li data-nosnippet class="selectThisCountry" data-value="SN" data-flag="https://flagcdn.com/w20/sn.png" data-html="+221">
15433					<img class="lazyFlag" src="https://flagcdn.com/w20/sn.png">
15434					Senegal					<span data-nosnippet>+221</span></li>
15435										<li data-nosnippet class="selectThisCountry" data-value="SO" data-flag="https://flagcdn.com/w20/so.png" data-html="+252">
15436					<img class="lazyFlag" src="https://flagcdn.com/w20/so.png">
15437					Somalia					<span data-nosnippet>+252</span></li>
15438										<li data-nosnippet class="selectThisCountry" data-value="SR" data-flag="https://flagcdn.com/w20/sr.png" data-html="+597">
15439					<img class="lazyFlag" src="https://flagcdn.com/w20/sr.png">
15440					Suriname					<span data-nosnippet>+597</span></li>
15441										<li data-nosnippet class="selectThisCountry" data-value="ST" data-flag="https://flagcdn.com/w20/st.png" data-html="+239">
15442					<img class="lazyFlag" src="https://flagcdn.com/w20/st.png">
15443					Sao tome and principe					<span data-nosnippet>+239</span></li>
15444										<li data-nosnippet class="selectThisCountry" data-value="SV" data-flag="https://flagcdn.com/w20/sv.png" data-html="+503">
15445					<img class="lazyFlag" src="https://flagcdn.com/w20/sv.png">
15446					El salvador					<span data-nosnippet>+503</span></li>
15447										<li data-nosnippet class="selectThisCountry" data-value="SY" data-flag="https://flagcdn.com/w20/sy.png" data-html="+963">
15448					<img class="lazyFlag" src="https://flagcdn.com/w20/sy.png">
15449					Syrian arab republic					<span data-nosnippet>+963</span></li>
15450										<li data-nosnippet class="selectThisCountry" data-value="SZ" data-flag="https://flagcdn.com/w20/sz.png" data-html="+268">
15451					<img class="lazyFlag" src="https://flagcdn.com/w20/sz.png">
15452					Swaziland					<span data-nosnippet>+268</span></li>
15453										<li data-nosnippet class="selectThisCountry" data-value="TC" data-flag="https://flagcdn.com/w20/tc.png" data-html="+1649">
15454					<img class="lazyFlag" src="https://flagcdn.com/w20/tc.png">
15455					Turks and caicos islands					<span data-nosnippet>+1649</span></li>
15456										<li data-nosnippet class="selectThisCountry" data-value="TD" data-flag="https://flagcdn.com/w20/td.png" data-html="+235">
15457					<img class="lazyFlag" src="https://flagcdn.com/w20/td.png">
15458					Chad					<span data-nosnippet>+235</span></li>
15459										<li data-nosnippet class="selectThisCountry" data-value="TG" data-flag="https://flagcdn.com/w20/tg.png" data-html="+228">
15460					<img class="lazyFlag" src="https://flagcdn.com/w20/tg.png">
15461					Togo					<span data-nosnippet>+228</span></li>
15462										<li data-nosnippet class="selectThisCountry" data-value="TH" data-flag="https://flagcdn.com/w20/th.png" data-html="+66">
15463					<img class="lazyFlag" src="https://flagcdn.com/w20/th.png">
15464					Thailand					<span data-nosnippet>+66</span></li>
15465										<li data-nosnippet class="selectThisCountry" data-value="TJ" data-flag="https://flagcdn.com/w20/tj.png" data-html="+992">
15466					<img class="lazyFlag" src="https://flagcdn.com/w20/tj.png">
15467					Tajikistan					<span data-nosnippet>+992</span></li>
15468										<li data-nosnippet class="selectThisCountry" data-value="TK" data-flag="https://flagcdn.com/w20/tk.png" data-html="+690">
15469					<img class="lazyFlag" src="https://flagcdn.com/w20/tk.png">
15470					Tokelau					<span data-nosnippet>+690</span></li>
15471										<li data-nosnippet class="selectThisCountry" data-value="TL" data-flag="https://flagcdn.com/w20/tl.png" data-html="+670">
15472					<img class="lazyFlag" src="https://flagcdn.com/w20/tl.png">
15473					Timor-leste					<span data-nosnippet>+670</span></li>
15474										<li data-nosnippet class="selectThisCountry" data-value="TM" data-flag="https://flagcdn.com/w20/tm.png" data-html="+993">
15475					<img class="lazyFlag" src="https://flagcdn.com/w20/tm.png">
15476					Turkmenistan					<span data-nosnippet>+993</span></li>
15477										<li data-nosnippet class="selectThisCountry" data-value="TN" data-flag="https://flagcdn.com/w20/tn.png" data-html="+216">
15478					<img class="lazyFlag" src="https://flagcdn.com/w20/tn.png">
15479					Tunisia					<span data-nosnippet>+216</span></li>
15480										<li data-nosnippet class="selectThisCountry" data-value="TO" data-flag="https://flagcdn.com/w20/to.png" data-html="+676">
15481					<img class="lazyFlag" src="https://flagcdn.com/w20/to.png">
15482					Tonga					<span data-nosnippet>+676</span></li>
15483										<li data-nosnippet class="selectThisCountry" data-value="TR" data-flag="https://flagcdn.com/w20/tr.png" data-html="+90">
15484					<img class="lazyFlag" src="https://flagcdn.com/w20/tr.png">
15485					Turkey					<span data-nosnippet>+90</span></li>
15486										<li data-nosnippet class="selectThisCountry" data-value="TT" data-flag="https://flagcdn.com/w20/tt.png" data-html="+1868">
15487					<img class="lazyFlag" src="https://flagcdn.com/w20/tt.png">
15488					Trinidad and tobago					<span data-nosnippet>+1868</span></li>
15489										<li data-nosnippet class="selectThisCountry" data-value="TV" data-flag="https://flagcdn.com/w20/tv.png" data-html="+688">
15490					<img class="lazyFlag" src="https://flagcdn.com/w20/tv.png">
15491					Tuvalu					<span data-nosnippet>+688</span></li>
15492										<li data-nosnippet class="selectThisCountry" data-value="TW" data-flag="https://flagcdn.com/w20/tw.png" data-html="+886">
15493					<img class="lazyFlag" src="https://flagcdn.com/w20/tw.png">
15494					Taiwan, province of china					<span data-nosnippet>+886</span></li>
15495										<li data-nosnippet class="selectThisCountry" data-value="TZ" data-flag="https://flagcdn.com/w20/tz.png" data-html="+255">
15496					<img class="lazyFlag" src="https://flagcdn.com/w20/tz.png">
15497					Tanzania, united republic of					<span data-nosnippet>+255</span></li>
15498										<li data-nosnippet class="selectThisCountry" data-value="UA" data-flag="https://flagcdn.com/w20/ua.png" data-html="+380">
15499					<img class="lazyFlag" src="https://flagcdn.com/w20/ua.png">
15500					Ukraine					<span data-nosnippet>+380</span></li>
15501										<li data-nosnippet class="selectThisCountry" data-value="UG" data-flag="https://flagcdn.com/w20/ug.png" data-html="+256">
15502					<img class="lazyFlag" src="https://flagcdn.com/w20/ug.png">
15503					Uganda					<span data-nosnippet>+256</span></li>
15504										<li data-nosnippet class="selectThisCountry" data-value="US" data-flag="https://flagcdn.com/w20/us.png" data-html="+1">
15505					<img class="lazyFlag" src="https://flagcdn.com/w20/us.png">
15506					United states					<span data-nosnippet>+1</span></li>
15507										<li data-nosnippet class="selectThisCountry" data-value="UY" data-flag="https://flagcdn.com/w20/uy.png" data-html="+598">
15508					<img class="lazyFlag" src="https://flagcdn.com/w20/uy.png">
15509					Uruguay					<span data-nosnippet>+598</span></li>
15510										<li data-nosnippet class="selectThisCountry" data-value="UZ" data-flag="https://flagcdn.com/w20/uz.png" data-html="+998">
15511					<img class="lazyFlag" src="https://flagcdn.com/w20/uz.png">
15512					Uzbekistan					<span data-nosnippet>+998</span></li>
15513										<li data-nosnippet class="selectThisCountry" data-value="VA" data-flag="https://flagcdn.com/w20/va.png" data-html="+39">
15514					<img class="lazyFlag" src="https://flagcdn.com/w20/va.png">
15515					Holy see (vatican city state)					<span data-nosnippet>+39</span></li>
15516										<li data-nosnippet class="selectThisCountry" data-value="VC" data-flag="https://flagcdn.com/w20/vc.png" data-html="+1784">
15517					<img class="lazyFlag" src="https://flagcdn.com/w20/vc.png">
15518					Saint vincent and the grenadines					<span data-nosnippet>
15518+1784</span></li>
15519										<li data-nosnippet class="selectThisCountry" data-value="VE" data-flag="https://flagcdn.com/w20/ve.png" data-html="+58">
15520					<img class="lazyFlag" src="https://flagcdn.com/w20/ve.png">
15521					Venezuela					<span data-nosnippet>+58</span></li>
15522										<li data-nosnippet class="selectThisCountry" data-value="VG" data-flag="https://flagcdn.com/w20/vg.png" data-html="+1284">
15523					<img class="lazyFlag" src="https://flagcdn.com/w20/vg.png">
15524					Virgin islands, british					<span data-nosnippet>+1284</span></li>
15525										<li data-nosnippet class="selectThisCountry" data-value="VI" data-flag="https://flagcdn.com/w20/vi.png" data-html="+1340">
15526					<img class="lazyFlag" src="https://flagcdn.com/w20/vi.png">
15527					Virgin islands, u.s.					<span data-nosnippet>+1340</span></li>
15528										<li data-nosnippet class="selectThisCountry" data-value="VN" data-flag="https://flagcdn.com/w20/vn.png" data-html="+84">
15529					<img class="lazyFlag" src="https://flagcdn.com/w20/vn.png">
15530					Viet nam					<span data-nosnippet>+84</span></li>
15531										<li data-nosnippet class="selectThisCountry" data-value="VU" data-flag="https://flagcdn.com/w20/vu.png" data-html="+678">
15532					<img class="lazyFlag" src="https://flagcdn.com/w20/vu.png">
15533					Vanuatu					<span data-nosnippet>+678</span></li>
15534										<li data-nosnippet class="selectThisCountry" data-value="WF" data-flag="https://flagcdn.com/w20/wf.png" data-html="+681">
15535					<img class="lazyFlag" src="https://flagcdn.com/w20/wf.png">
15536					Wallis and futuna					<span data-nosnippet>+681</span></li>
15537										<li data-nosnippet class="selectThisCountry" data-value="WS" data-flag="https://flagcdn.com/w20/ws.png" data-html="+685">
15538					<img class="lazyFlag" src="https://flagcdn.com/w20/ws.png">
15539					Samoa					<span data-nosnippet>+685</span></li>
15540										<li data-nosnippet class="selectThisCountry" data-value="XK" data-flag="https://flagcdn.com/w20/xk.png" data-html="+381">
15541					<img class="lazyFlag" src="https://flagcdn.com/w20/xk.png">
15542					Kosovo					<span data-nosnippet>+381</span></li>
15543										<li data-nosnippet class="selectThisCountry" data-value="YE" data-flag="https://flagcdn.com/w20/ye.png" data-html="+967">
15544					<img class="lazyFlag" src="https://flagcdn.com/w20/ye.png">
15545					Yemen					<span data-nosnippet>+967</span></li>
15546										<li data-nosnippet class="selectThisCountry" data-value="YT" data-flag="https://flagcdn.com/w20/yt.png" data-html="+262">
15547					<img class="lazyFlag" src="https://flagcdn.com/w20/yt.png">
15548					Mayotte					<span data-nosnippet>+262</span></li>
15549										<li data-nosnippet class="selectThisCountry" data-value="ZA" data-flag="https://flagcdn.com/w20/za.png" data-html="+27">
15550					<img class="lazyFlag" src="https://flagcdn.com/w20/za.png">
15551					South africa					<span data-nosnippet>+27</span></li>
15552										<li data-nosnippet class="selectThisCountry" data-value="ZM" data-flag="https://flagcdn.com/w20/zm.png" data-html="+260">
15553					<img class="lazyFlag" src="https://flagcdn.com/w20/zm.png">
15554					Zambia					<span data-nosnippet>+260</span></li>
15555										<li data-nosnippet class="selectThisCountry" data-value="ZW" data-flag="https://flagcdn.com/w20/zw.png" data-html="+263">
15556					<img class="lazyFlag" src="https://flagcdn.com/w20/zw.png">
15557					Zimbabwe					<span data-nosnippet>+263</span></li>
15558									</ul>
15559			</div>
15560		</div>
15561	</div>
15562</div>
15563<!--googleon: index-->
15564
15565<script>
15566	var canEditFromBuilder;
15567
15568		var previwingElement;
15569	function receiveMessage(event){
15570		data = event.data;
15571		try{
15572			if (data.message == 'reloadCss'){
15573				$('.customCssInWebsite').html(data.css);
15574			}
15575			if (data.message == 'addLoading'){
15576				$('html').addClass('loading');
15577			}
15578			if (data.message == 'moveToElement'){
15579				//$('.section'+data.element);
15580
15581				$("html, body").scrollTop( $('.section'+data.element).position().top - 150);
15582				$('.section'+data.element).addClass('editingElement');
15583				//console.log(data);
15584				//console.log(data.color);
15585			}
15586
15587			if (data.message == 'removePreviewBackground'){
15588				//previousScrolledFromBuilder = $("html, body").scrollTop();
15589				$('.previewColorCSS').remove();
15590
15591			//	console.log(data.color);
15592			}
15593
15594			if (data.message == 'placeholderSection'){
15595				try{
15596					previwingElement.abort();
15597				}catch(exc){
15598
15599				}
15600				if (typeof whereToAddPreview != 'undefined'){
15601					previwingElement = $.ajax({
15602						url: '?section='+data.section,
15603						cache: false,
15604						success: function(d){
15605							whereToAddPreview.html(d);
15606							//console.log(d);
15607						}
15608					});
15609				}
15610				return false;
15611
15612			}
15613
15614			if (data.message == 'setPreviewBackground'){
15615				$('.settedPreviewColorCSS').remove();
15616				//previousScrolledFromBuilder = $("html, body").scrollTop();
15617				//$('.previewColorCSS').remove();
15618				$('.section'+data.element).append('<style class="settedPreviewColorCSS">.b3-section[data-id="'+data.element+'"]{ background-color:'+data.color+' !important; </style>');
15619
15620			//	console.log(data.color);
15621			}
15622
15623			if (data.message == 'reloadSection'){
15624				//console.log(data);
15625				if(typeof data.section == 'undefined'){
15626					return false;
15627				}
15628				//console.log(data);
15629				currentHeight = $('.section'+data.section).height();
15630				//$('.section'+data.section).html('<div style="display:flex;justify-content:center;align-items:center;height:'+currentHeight+'px"><center style=""><img src="https://platform.b3website.com/img/loader2.svg" class="loading__indicator mb-2"><div style="margin-top: 50px !important;">Loading section</div></center></div>');
15631				try{
15632					previewAjaxSection.abort();
15633				}catch(exc){
15634
15635				}
15636
15637				previewAjaxSection = $.ajax({
15638					url: '?preview&section='+data.section,
15639					data: ({data:data.temporaryData,'sessionForEdit':data.session}),
15640					type: 'post',
15641					cache: false,
15642					success: function(d){
15643						//console.log($('.section'+data.section));
15644						if(data.section == "header"){
15645							if ($('header').prev().is('style')){
15646								$('header').prev().remove();
15647							}
15648							if ($('header').prev().is('style')){
15649								$('header').prev().remove();
15650							}
15651							$('header').replaceWith(d);
15652						}else{
15653							$('.section'+data.section).replaceWith(d);
15654						}
15655						try{
15656							reloadCraftPlugins();
15657						}catch(exc){
15658
15659						}
15660						try{
15661							trackPage();
15662						}catch(exc){
15663
15664						}
15665						//console.log(d);
15666					}
15667				})
15668				//$('.settedPreviewColorCSS').remove();
15669				//previousScrolledFromBuilder = $("html, body").scrollTop();
15670				//$('.previewColorCSS').remove();
15671				//$('.section'+data.element).append('<style class="settedPreviewColorCSS">.b3-section[data-id="'+data.element+'"]{ background-color:'+data.color+' !important; </style>');
15672			//	console.log(data.color);
15673			}
15674
15675
15676
15677			if (data.message == 'previewBackground'){
15678				//previousScrolledFromBuilder = $("html, body").scrollTop();
15679				$('.previewColorCSS').remove();
15680				$('.section'+data.element).append('<style class="previewColorCSS">.b3-section[data-id="'+data.element+'"]{ background-color:'+data.color+' !important; </style>');
15681			//	console.log(data.color);
15682			}
15683			if (data.message == 'changeURL'){
15684				previousScrolledFromBuilder = scrolledFromTop = $("html, body").scrollTop();
15685				//console.log(data.url);
15686				$('html').addClass('loading');
15687				changeTabFromIframeAlready = true;
15688				console.log('changeURL to ' + data.url);
15689				checkFirstLetter = Array.from(data.url)[0];
15690				if (checkFirstLetter != '/'){
15691					data.url = window.location.pathname;
15692				}
15693				openLink(data.url,'replace');
15694				changeTabFromIframeAlready = false;
15695				//$("html, body").scrollTop(previousScrolledFromBuilderp);
15696			}
15697		}catch(exc){
15698
15699		}
15700		try{
15701			if (data.message == "createBlock"){
15702				console.log(data);
15703				$('.main-content').append(data.html);
15704			}
15705		}catch(exc){
15706
15707		}
15708	}
15709	window.addEventListener("message", receiveMessage, false);
15710</script>

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.