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? </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§ion='+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.