.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} .slick-loading .slick-list{background:#fff center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/slick.eot);src:url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/slick.eot?#iefix) format('embedded-opentype'),url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/slick.woff) format('woff'),url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/slick.ttf) format('truetype'),url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}  .wysiwyg{line-height:1.6}.wysiwyg a{text-decoration:none}.wysiwyg a:hover{border-bottom:1px solid}.wysiwyg abbr{border-bottom:1px dotted;cursor:help}.wysiwyg cite{font-style:italic}.wysiwyg hr{background:#e6e6e6;border:none;display:block;height:1px;margin-bottom:1.4em;margin-top:1.4em}.wysiwyg img{vertical-align:text-bottom}.wysiwyg ins{background-color:lime;text-decoration:none}.wysiwyg mark{background-color:#ff0}.wysiwyg small{font-size:0.8em}.wysiwyg strong{font-weight:700}.wysiwyg sub,.wysiwyg sup{font-size:0.8em}.wysiwyg sub{vertical-align:sub}.wysiwyg sup{vertical-align:super}.wysiwyg p,.wysiwyg dl,.wysiwyg ol,.wysiwyg ul,.wysiwyg blockquote,.wysiwyg pre,.wysiwyg table{margin-bottom:1.4em}.wysiwyg p:last-child,.wysiwyg dl:last-child,.wysiwyg ol:last-child,.wysiwyg ul:last-child,.wysiwyg blockquote:last-child,.wysiwyg pre:last-child,.wysiwyg table:last-child{margin-bottom:0}.wysiwyg p:empty{display:none}.wysiwyg h1,.wysiwyg h2,.wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6{font-weight:700;line-height:1.2}.wysiwyg h1:first-child,.wysiwyg h2:first-child,.wysiwyg h3:first-child,.wysiwyg h4:first-child,.wysiwyg h5:first-child,.wysiwyg h6:first-child{margin-top:0}.wysiwyg h1{font-size:2.4em;margin-bottom:.58333em;margin-top:.58333em;line-height:1}.wysiwyg h2{font-size:1.6em;margin-bottom:.875em;margin-top:1.75em;line-height:1.1}.wysiwyg h3{font-size:1.3em;margin-bottom:1.07692em;margin-top:1.07692em}.wysiwyg h4{font-size:1.2em;margin-bottom:1.16667em;margin-top:1.16667em}.wysiwyg h5{font-size:1.1em;margin-bottom:1.27273em;margin-top:1.27273em}.wysiwyg h6{font-size:1em;margin-bottom:1.4em;margin-top:1.4em}.wysiwyg dd{margin-left:1.4em}.wysiwyg ol,.wysiwyg ul{list-style-position:outside;margin-left:1.4em}.wysiwyg ol{list-style-type:decimal}.wysiwyg ol ol{list-style-type:lower-alpha}.wysiwyg ol ol ol{list-style-type:lower-roman}.wysiwyg ol ol ol ol{list-style-type:lower-greek}.wysiwyg ol ol ol ol ol{list-style-type:decimal}.wysiwyg ol ol ol ol ol ol{list-style-type:lower-alpha}.wysiwyg ul{list-style-type:disc}.wysiwyg ul ul{list-style-type:circle}.wysiwyg ul ul ul{list-style-type:square}.wysiwyg ul ul ul ul{list-style-type:circle}.wysiwyg ul ul ul ul ul{list-style-type:disc}.wysiwyg ul ul ul ul ul ul{list-style-type:circle}.wysiwyg blockquote{border-left:4px solid #e6e6e6;padding:0.6em 1.2em}.wysiwyg blockquote p{margin-bottom:0}.wysiwyg code,.wysiwyg kbd,.wysiwyg samp,.wysiwyg pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto;background-color:#f2f2f2;color:#333;font-size:0.9em}.wysiwyg code,.wysiwyg kbd,.wysiwyg samp{border-radius:3px;line-height:1.77778;padding:0.1em 0.4em 0.2em;vertical-align:baseline}.wysiwyg pre{overflow:auto;padding:1em 1.2em}.wysiwyg pre code{background:none;font-size:1em;line-height:1em}.wysiwyg figure{margin-bottom:2.8em;text-align:center}.wysiwyg figure:first-child{margin-top:0}.wysiwyg figure:last-child{margin-bottom:0}.wysiwyg figcaption{font-size:0.8em;margin-top:.875em}.wysiwyg table{width:100%}.wysiwyg table pre{white-space:pre-wrap}.wysiwyg th,.wysiwyg td{font-size:1em;padding:.7em;border:1px solid #e6e6e6;line-height:1.4}.wysiwyg thead tr,.wysiwyg tfoot tr{background-color:#f5f5f5}.wysiwyg thead th,.wysiwyg thead td,.wysiwyg tfoot th,.wysiwyg tfoot td{font-size:.9em;padding:.77778em}.wysiwyg thead th code,.wysiwyg thead td code,.wysiwyg tfoot th code,.wysiwyg tfoot td code{background-color:#fff}.wysiwyg tbody tr{background-color:#fff} body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} .wysiwyg{line-height:1.6}.wysiwyg a{text-decoration:none}.wysiwyg a:hover{border-bottom:1px solid}.wysiwyg abbr{border-bottom:1px dotted;cursor:help}.wysiwyg cite{font-style:italic}.wysiwyg hr{background:#e6e6e6;border:none;display:block;height:1px;margin-bottom:1.4em;margin-top:1.4em}.wysiwyg img{vertical-align:text-bottom}.wysiwyg ins{background-color:lime;text-decoration:none}.wysiwyg mark{background-color:#ff0}.wysiwyg small{font-size:0.8em}.wysiwyg strong{font-weight:700}.wysiwyg sub,.wysiwyg sup{font-size:0.8em}.wysiwyg sub{vertical-align:sub}.wysiwyg sup{vertical-align:super}.wysiwyg p,.wysiwyg dl,.wysiwyg ol,.wysiwyg ul,.wysiwyg blockquote,.wysiwyg pre,.wysiwyg table{margin-bottom:1.4em}.wysiwyg p:last-child,.wysiwyg dl:last-child,.wysiwyg ol:last-child,.wysiwyg ul:last-child,.wysiwyg blockquote:last-child,.wysiwyg pre:last-child,.wysiwyg table:last-child{margin-bottom:0}.wysiwyg p:empty{display:none}.wysiwyg h1,.wysiwyg h2,.wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6{font-weight:700;line-height:1.2}.wysiwyg h1:first-child,.wysiwyg h2:first-child,.wysiwyg h3:first-child,.wysiwyg h4:first-child,.wysiwyg h5:first-child,.wysiwyg h6:first-child{margin-top:0}.wysiwyg h1{font-size:2.4em;margin-bottom:.58333em;margin-top:.58333em;line-height:1}.wysiwyg h2{font-size:1.6em;margin-bottom:.875em;margin-top:1.75em;line-height:1.1}.wysiwyg h3{font-size:1.3em;margin-bottom:1.07692em;margin-top:1.07692em}.wysiwyg h4{font-size:1.2em;margin-bottom:1.16667em;margin-top:1.16667em}.wysiwyg h5{font-size:1.1em;margin-bottom:1.27273em;margin-top:1.27273em}.wysiwyg h6{font-size:1em;margin-bottom:1.4em;margin-top:1.4em}.wysiwyg dd{margin-left:1.4em}.wysiwyg ol,.wysiwyg ul{list-style-position:outside;margin-left:1.4em}.wysiwyg ol{list-style-type:decimal}.wysiwyg ol ol{list-style-type:lower-alpha}.wysiwyg ol ol ol{list-style-type:lower-roman}.wysiwyg ol ol ol ol{list-style-type:lower-greek}.wysiwyg ol ol ol ol ol{list-style-type:decimal}.wysiwyg ol ol ol ol ol ol{list-style-type:lower-alpha}.wysiwyg ul{list-style-type:disc}.wysiwyg ul ul{list-style-type:circle}.wysiwyg ul ul ul{list-style-type:square}.wysiwyg ul ul ul ul{list-style-type:circle}.wysiwyg ul ul ul ul ul{list-style-type:disc}.wysiwyg ul ul ul ul ul ul{list-style-type:circle}.wysiwyg blockquote{border-left:4px solid #e6e6e6;padding:0.6em 1.2em}.wysiwyg blockquote p{margin-bottom:0}.wysiwyg code,.wysiwyg kbd,.wysiwyg samp,.wysiwyg pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto;background-color:#f2f2f2;color:#333;font-size:0.9em}.wysiwyg code,.wysiwyg kbd,.wysiwyg samp{border-radius:3px;line-height:1.77778;padding:0.1em 0.4em 0.2em;vertical-align:baseline}.wysiwyg pre{overflow:auto;padding:1em 1.2em}.wysiwyg pre code{background:none;font-size:1em;line-height:1em}.wysiwyg figure{margin-bottom:2.8em;text-align:center}.wysiwyg figure:first-child{margin-top:0}.wysiwyg figure:last-child{margin-bottom:0}.wysiwyg figcaption{font-size:0.8em;margin-top:.875em}.wysiwyg table{width:100%}.wysiwyg table pre{white-space:pre-wrap}.wysiwyg th,.wysiwyg td{font-size:1em;padding:.7em;border:1px solid #e6e6e6;line-height:1.4}.wysiwyg thead tr,.wysiwyg tfoot tr{background-color:#f5f5f5}.wysiwyg thead th,.wysiwyg thead td,.wysiwyg tfoot th,.wysiwyg tfoot td{font-size:.9em;padding:.77778em}.wysiwyg thead th code,.wysiwyg thead td code,.wysiwyg tfoot th code,.wysiwyg tfoot td code{background-color:#fff}.wysiwyg tbody tr{background-color:#fff}
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/css/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.cus-btn {
font-family: "Poppins", sans-serif;
color: #000;
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.02em;
background-color: #ff8f1c;
padding: 16.5px 29px;
text-transform: uppercase;
border-radius: 24px;
transition: 0.4s all ease-in-out;
width: 100%;
max-width: -moz-max-content;
max-width: max-content;
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
position: relative;
overflow: hidden;
z-index: 1;
cursor: pointer;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.cus-btn {
font-size: 0.833vw;
padding: 0.859vw 1.51vw;
border-radius: 1.25vw;
}
}
@media only screen and (max-width: 991px) {
.cus-btn {
padding: 16.5px 27px;
font-size: 16px;
letter-spacing: 0.05em;
}
}
.cus-btn:hover {
color: #fff;
}
.cus-btn:hover::before {
height: 100%;
}
.cus-btn::before {
content: " ";
position: absolute;
background-color: #800eb4;
bottom: 0;
left: 0;
right: 0;
height: 0%;
width: 100%;
transition: 0.3s ease-out;
z-index: -1;
}
.cus-btn--black {
background-color: #000;
color: #ff8100;
}
.cus-btn--purple {
background-color: #800eb4;
color: #fff;
}
.cus-btn--purple::before {
background-color: #ff8f1c;
}
@font-face {
font-family: "Menda";
src: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Menda-Black.woff2) format("woff2"), url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Menda-Black.woff) format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Menda";
src: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Menda-ExtraBold.woff2) format("woff2"), url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Menda-ExtraBold.woff) format("woff");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Menda";
src: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Menda-Bold.woff2) format("woff2"), url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Menda-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Menda";
src: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fontsMenda-SemiBold.woff2) format("woff2"), url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fontsMenda-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Menda";
src: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Menda-Medium.woff2) format("woff2"), url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Menda-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Poppins-Black.woff2) format("woff2"), url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Poppins-Black.woff) format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Poppins-Light.woff2) format("woff2"), url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Poppins-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Poppins-ExtraBold.woff2) format("woff2"), url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Poppins-ExtraBold.woff) format("woff");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Poppins-Bold.woff2) format("woff2"), url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Poppins-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Poppins-SemiBold.woff2) format("woff2"), url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Poppins-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Poppins-Medium.woff2) format("woff2"), url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Poppins-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Poppins-Regular.woff2) format("woff2"), url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Poppins-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Poppins-Italic.woff2) format("woff2"), url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/fonts/Poppins-Italic.woff) format("woff");
font-weight: 400;
font-style: italic;
font-display: swap;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
a {
text-decoration: none;
transition: 0.4s all ease-in-out;
}
html {
padding-bottom: 0 !important;
}
body {
font-family: "Poppins", sans-serif;
font-size: 18px;
color: #fff;
background-color: #000;
}
a, h1, h2, h3, h4, h5, h6, p, div, img, blockquote, figure, label {
text-decoration: none;
padding: 0px;
margin: 0px;
font-weight: normal;
vertical-align: middle;
}
ul, ol {
list-style-type: none;
margin: 0px;
padding: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
img {
display: block;
max-width: 100%;
width: 100%;
height: 100%;
max-height: 100%;
}
.d-none {
display: none;
}
@media only screen and (max-width: 991px) {
.d-none {
display: block;
}
}
@media only screen and (max-width: 991px) {
.d-block {
display: none;
}
}
.ta-center {
text-align: center;
}
.bg-purple {
background-color: #800eb4;
}
.bg-orange {
background-color: #ff8f1c;
}
.sec-img {
position: relative;
width: 100%;
padding-top: 100%;
}
.sec-img img, .sec-img video {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover;
}
.sec-bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.sec-bg img, .sec-bg video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.cus-container {
width: 100%;
max-width: 1786px;
padding: 0 20px;
margin: 0 auto;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.cus-container {
max-width: 93.021vw;
padding: 0 1.042vw;
}
}
@media only screen and (max-width: 991px) {
.cus-container {
max-width: 767px;
padding: 0 22px;
}
}
@media only screen and (max-width: 767px) {
.cus-container {
max-width: 575px;
}
}
.heading-xl {
font-family: "Menda", sans-serif;
color: #fff;
font-size: 50px;
line-height: 1;
font-weight: 900;
letter-spacing: 0.05em;
text-transform: uppercase;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.heading-xl {
font-size: 2.604vw;
}
}
@media only screen and (max-width: 991px) {
.heading-xl {
font-size: 30px;
}
}
.heading-xl span {
display: block;
}
.heading-lg {
font-family: "Menda", sans-serif;
color: #fff;
font-size: 40px;
line-height: 1;
font-weight: 900;
letter-spacing: 0.05em;
text-transform: uppercase;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.heading-lg {
font-size: 2.083vw;
}
}
@media only screen and (max-width: 991px) {
.heading-lg {
font-size: 30px;
line-height: 1.16;
}
}
.heading-lg span {
display: block;
}
.des-primary {
font-family: "Poppins", sans-serif;
color: #9e9e9e;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
letter-spacing: 0.05em;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.des-primary {
font-size: 0.833vw;
}
}
@media only screen and (max-width: 991px) {
.des-primary {
font-size: 16px;
}
}
.des-primary p {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
.scroll {
position: absolute;
display: flex;
flex-direction: column;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
z-index: 1;
}
.scroll__img {
width: 100%;
max-width: 15px;
margin-top: 30px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.scroll__img {
max-width: 0.781vw;
}
}
@media only screen and (max-width: 991px) {
.scroll__img {
max-width: 10px;
}
}
.scroll__img .scorll-arrow {
width: 15px;
animation: arrow3 1.6s infinite;
margin-bottom: 15px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.scroll__img .scorll-arrow {
width: 0.781vw;
margin-bottom: 0.781vw;
}
}
@media only screen and (max-width: 991px) {
.scroll__img .scorll-arrow {
width: 14px;
}
}
.scroll__img .scorll-arrow:first-child {
opacity: 0.4;
}
.scroll__img .scorll-arrow:nth-child(2) {
opacity: 0.7;
}
.scroll__img .scorll-arrow :last-child {
margin-bottom: 0;
}
.scroll__img .scorll-arrow__line {
width: 100%;
height: 2px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.scroll__img .scorll-arrow__line {
height: 0.104vw;
}
}
.scroll__img .scorll-arrow__line:nth-child(1) {
transform: translate3d(0, 0, 0);
}
.scroll__img .scorll-arrow__line:nth-child(2) {
transform: translate3d(0, -8px, 0);
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.scroll__img .scorll-arrow__line:nth-child(2) {
transform: translate3d(0, -0.417vw, 0);
}
}
.scroll__img .scorll-arrow__line:nth-child(3) {
transform: translate3d(0, -16px, 0);
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.scroll__img .scorll-arrow__line:nth-child(3) {
transform: translate3d(0, -0.833vw, 0);
}
}
.scroll__img .scorll-arrow__line:nth-child(4) {
transform: translate3d(0, -24px, 0);
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.scroll__img .scorll-arrow__line:nth-child(4) {
transform: translate3d(0, -1.25vw, 0);
}
}
.scroll__img .scorll-arrow__line .line1, .scroll__img .scorll-arrow__line .line2 {
position: absolute;
top: -4px;
left: 0;
width: 100%;
height: calc(100% + 8px);
overflow: hidden;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.scroll__img .scorll-arrow__line .line1, .scroll__img .scorll-arrow__line .line2 {
top: -0.208vw;
height: calc(100% + 0.417vw);
}
}
.scroll__img .scorll-arrow__line .line1 {
left: -3px;
transform-origin: 100% 100%;
transform: translateX(-50%) rotate(45deg);
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.scroll__img .scorll-arrow__line .line1 {
left: -0.156vw;
}
}
.scroll__img .scorll-arrow__line .line2 {
left: 3px;
transform-origin: 0% 100%;
transform: translateX(50%) rotate(-45deg);
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.scroll__img .scorll-arrow__line .line2 {
left: 0.156vw;
}
}
.scroll__img .scorll-arrow__line .scrollarrowline1,
.scroll__img .scorll-arrow__line .scrollarrowline2 {
position: absolute;
top: 4px;
left: 0;
height: calc(100% - 8px);
border-top: 2.5px dotted #fff;
width: 100%;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.scroll__img .scorll-arrow__line .scrollarrowline1,
.scroll__img .scorll-arrow__line .scrollarrowline2 {
top: 0.208vw;
height: calc(100% - 0.417vw);
border-top: 0.13vw dotted #fff;
}
}
@media only screen and (max-width: 991px) {
.scroll__img .scorll-arrow__line .scrollarrowline1,
.scroll__img .scorll-arrow__line .scrollarrowline2 {
border-top: 2px dotted #fff;
}
}
.scroll__img .scorll-arrow__line .scrollarrowline1 {
animation: arrow1 1.6s infinite;
}
.scroll__img .scorll-arrow__line .scrollarrowline2 {
animation: arrow2 1.6s infinite;
}
.scroll p {
font-family: "Poppins", sans-serif;
color: #fff;
font-size: 14px;
line-height: 1;
font-weight: 400;
writing-mode: vertical-lr;
text-orientation: sideways-right;
transform: rotate(-180deg);
margin-bottom: 21px;
letter-spacing: 0.05em;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.scroll p {
font-size: 0.729vw;
margin-bottom: 1.094vw;
}
}
@media only screen and (max-width: 991px) {
.scroll p {
font-size: 12px;
margin-bottom: 12px;
}
}
.spirit-text {
display: flex;
flex-direction: column;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
position: absolute;
z-index: 1;
}
.spirit-text__img {
width: 100%;
max-width: 19px;
margin-bottom: 14px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.spirit-text__img {
max-width: 0.99vw;
margin-bottom: 0.729vw;
}
}
@media only screen and (max-width: 991px) {
.spirit-text__img {
max-width: 12px;
margin-bottom: 0;
}
}
.spirit-text p {
font-family: "Poppins", sans-serif;
color: #fff;
font-size: 14px;
line-height: 1;
font-weight: 400;
writing-mode: vertical-lr;
text-orientation: sideways-right;
transform: rotate(-180deg);
letter-spacing: 0.05em;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.spirit-text p {
font-size: 0.729vw;
}
}
@media only screen and (max-width: 991px) {
.spirit-text p {
font-size: 11px;
display: none;
}
}
.cus-label {
background-color: #fff;
border-radius: 24px;
padding: 14px 21px 76px;
width: 100%;
position: absolute;
z-index: -1;
top: -33px;
left: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.cus-label {
border-radius: 1.25vw;
padding: 0.729vw 1.094vw 3.958vw;
top: -2.344vw;
}
}
@media only screen and (max-width: 991px) {
.cus-label {
padding: 9px 10px 76px 21px;
top: -33px;
border-radius: 24px;
}
}
.cus-label__wrap {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.cus-label__img {
width: 100%;
max-width: 18px;
margin-right: 11px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.cus-label__img {
max-width: 0.938vw;
margin-right: 0.573vw;
}
}
@media only screen and (max-width: 991px) {
.cus-label__img {
max-width: 17px;
margin-right: 10px;
}
}
.cus-label p {
font-family: "Poppins", sans-serif;
color: #a7a7a7;
font-size: 14px;
line-height: 1;
font-weight: 500;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.cus-label p {
font-size: 0.729vw;
}
}
@media only screen and (max-width: 991px) {
.cus-label p {
font-size: 13px;
}
}
.cus-label ul {
display: flex;
}
.cus-label ul li {
font-family: "Poppins", sans-serif;
color: #a7a7a7;
font-size: 14px;
line-height: 1;
font-weight: 500;
position: relative;
margin-right: 8px;
padding-right: 8px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.cus-label ul li {
font-size: 0.729vw;
margin-right: 0.417vw;
padding-right: 0.417vw;
}
}
@media only screen and (max-width: 991px) {
.cus-label ul li {
font-size: 10px;
margin-right: 5px;
padding-right: 5px;
}
}
.cus-label ul li:last-child {
margin-right: 0;
padding-right: 0;
}
.cus-label ul li:last-child::after {
display: none;
}
.cus-label ul li::after {
content: " ";
position: absolute;
width: 1px;
height: 12px;
background-color: #a7a7a7;
top: 50%;
right: 0;
transform: translateY(-50%);
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.cus-label ul li::after {
width: 0.052vw;
height: 0.625vw;
}
}
@media only screen and (max-width: 991px) {
.cus-label ul li::after {
height: 8px;
}
}
.slider-cta {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.slider-cta .custom-slick-arrow {
width: 100%;
max-width: 43px;
cursor: pointer;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.slider-cta .custom-slick-arrow {
max-width: 2.24vw;
}
}
@media only screen and (max-width: 991px) {
.slider-cta .custom-slick-arrow {
max-width: 35px;
}
}
.slider-cta .custom-slick-arrow-prev {
margin-right: 11px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.slider-cta .custom-slick-arrow-prev {
margin-right: 0.573vw;
}
}
@media only screen and (max-width: 991px) {
.slider-cta .custom-slick-arrow-prev {
margin-right: 9px;
}
} .slideup-text__animation {
overflow: hidden;
}
.slideup-text__animation span {
opacity: 0;
}
.slideup-text__animation .shadow_text {
height: 0;
}
.slideup-text__animation.visible .shadow_text {
animation: slideUpShadow 1s cubic-bezier(0.65, 0, 0.35, 1) both;
}
.slideup-text__animation.visible .actual_text {
animation: slide-up 1s cubic-bezier(0.65, 0, 0.35, 1) both;
}
.slideup-text__animation.visible .actual_text-1 {
animation-delay: 0s;
}
.slideup-text__animation.visible .shadow_text-1 {
animation-delay: 0.8s;
animation-duration: 1.1s;
}
.slideup-text__animation.visible .actual_text-2 {
animation-delay: 1.3s;
}
.slideup-text__animation.visible .actual_text-3 {
animation-delay: 1.5s;
}
.slideup-text__animation.visible .actual_text-4 {
animation-delay: 1.7s;
}
.slideup-text__animation.visible .actual_text-5 {
animation-delay: 1.9s;
}
.slideup-text__animation.multi-line-text {
transform: translateY(20px);
transition: 0.4s all ease-in-out;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.slideup-text__animation.multi-line-text {
transform: translateY(1.042vw);
}
}
.slideup-text__animation.multi-line-text.slide-top {
transform: translateY(0);
}  .slideup-icon__animation {
overflow: hidden;
position: relative;
}
.slideup-icon__animation img {
opacity: 0;
}
.slideup-icon__animation .shadow_icon {
position: absolute;
top: 0;
}
.slideup-icon__animation.visible .shadow_icon {
animation: slideUpShadow 1s cubic-bezier(0.65, 0, 0.35, 1) both;
animation-duration: 1s;
animation-delay: 0s;
}
.slideup-icon__animation.visible .actual_icon {
animation: slide-up 1s cubic-bezier(0.65, 0, 0.35, 1) both;
animation-duration: 1s;
animation-delay: 1s;
} @keyframes slide-up {
0% {
transform: translateY(100px);
@media only screen and (max-width: 1920px) and (min-width: 992px) {
transform: translateY(5.208vw);
}
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes slideUpShadow {
0% {
transform: translateY(100px);
opacity: 1;
@media only screen and (max-width: 1920px) and (min-width: 992px) {
transform: translateY(5.208vw);
}
}
60% {
opacity: 1;
}
100% {
transform: translateY(-20px);
opacity: 0;
@media only screen and (max-width: 1920px) and (min-width: 992px) {
transform: translateY(-1.042vw);
}
}
} .multiple-line-anim {
position: relative;
overflow: hidden;
width: 23px;
height: 111px;
margin-bottom: 15px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.multiple-line-anim {
width: 1.198vw;
height: 5.781vw;
margin-bottom: 0.781vw;
}
}
@media only screen and (max-width: 991px) {
.multiple-line-anim {
width: 19px;
height: 102px;
margin-bottom: 0;
}
}
.multiple-line-anim.horizontal_line-anim {
width: 18px;
height: 100px;
margin-bottom: 0;
transform: rotate(90deg);
margin-left: 30px;
margin-top: -5px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.multiple-line-anim.horizontal_line-anim {
width: 0.938vw;
height: 5.208vw;
margin-left: 1.563vw;
margin-top: -0.26vw;
}
}
@media only screen and (max-width: 991px) {
.multiple-line-anim.horizontal_line-anim {
width: 19px;
margin-left: 15px;
}
}
.multiple-line-anim.horizontal_line-anim .line-img__item {
height: 6px;
transform: rotate(135deg);
margin-left: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.multiple-line-anim.horizontal_line-anim .line-img__item {
height: 0.313vw;
}
}
@media only screen and (max-width: 991px) {
.multiple-line-anim.horizontal_line-anim .line-img__item {
height: 6px;
}
}
.multiple-line-anim .line-img__item {
width: 100%;
height: 6px;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
transform: rotate(220deg) translateY(10px);
margin-left: -7px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.multiple-line-anim .line-img__item {
height: 0.313vw;
transform: rotate(220deg) translateY(0.521vw);
margin-left: -0.365vw;
}
}
@media only screen and (max-width: 991px) {
.multiple-line-anim .line-img__item {
height: 5px;
}
}
.multiple-line-anim .line-img__item img {
animation: lineAnimation 1600ms infinite;
width: 100%;
height: 4px;
min-width: 0;
position: relative;
transform: translate(120%);
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.multiple-line-anim .line-img__item img {
height: 0.208vw;
}
}
.multiple-line-anim .line-img__item.line-img__item-spacing {
height: 10px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.multiple-line-anim .line-img__item.line-img__item-spacing {
height: 0.521vw;
}
}
@media only screen and (max-width: 991px) {
.multiple-line-anim .line-img__item.line-img__item-spacing {
height: 8px;
}
} @media only screen and (max-width: 991px) {
.offer-bar__shape1 .horizontal_line-anim {
margin-top: -20px;
}
.offer-bar__shape2 .horizontal_line-anim {
margin-top: 0px;
margin-bottom: -20px;
}
}
.animation-with-delay .line-img__item .delay-0,
.animation-with-delay .arrow-img__item .delay-0 {
animation-delay: 0;
}
.animation-with-delay .line-img__item .delay-50,
.animation-with-delay .arrow-img__item .delay-50 {
animation-delay: 50ms;
}
.animation-with-delay .line-img__item .delay-100,
.animation-with-delay .arrow-img__item .delay-100 {
animation-delay: 100ms;
}
.animation-with-delay .line-img__item .delay-150,
.animation-with-delay .arrow-img__item .delay-150 {
animation-delay: 150ms;
}
.animation-with-delay .line-img__item .delay-200,
.animation-with-delay .arrow-img__item .delay-200 {
animation-delay: 200ms;
}
.animation-with-delay .line-img__item .delay-250,
.animation-with-delay .arrow-img__item .delay-250 {
animation-delay: 250ms;
}
.animation-with-delay .line-img__item .delay-300,
.animation-with-delay .arrow-img__item .delay-300 {
animation-delay: 300ms;
}
.animation-with-delay .line-img__item .delay-350,
.animation-with-delay .arrow-img__item .delay-350 {
animation-delay: 350ms;
}
.animation-with-delay .line-img__item .delay-400,
.animation-with-delay .arrow-img__item .delay-400 {
animation-delay: 400ms;
}
.animation-with-delay .line-img__item .delay-450,
.animation-with-delay .arrow-img__item .delay-450 {
animation-delay: 450ms;
}
.animation-with-delay .line-img__item .delay-500,
.animation-with-delay .arrow-img__item .delay-500 {
animation-delay: 500ms;
}
.animation-with-delay .line-img__item .delay-550,
.animation-with-delay .arrow-img__item .delay-550 {
animation-delay: 550ms;
}
.animation-with-delay .line-img__item .delay-600,
.animation-with-delay .arrow-img__item .delay-600 {
animation-delay: 600ms;
}
.animation-with-delay .line-img__item .delay-650,
.animation-with-delay .arrow-img__item .delay-650 {
animation-delay: 650ms;
}
.animation-with-delay .line-img__item .delay-700,
.animation-with-delay .arrow-img__item .delay-700 {
animation-delay: 700ms;
}
.animation-with-delay .line-img__item .delay-750,
.animation-with-delay .arrow-img__item .delay-750 {
animation-delay: 750ms;
}
.animation-with-delay .line-img__item .delay-800,
.animation-with-delay .arrow-img__item .delay-800 {
animation-delay: 800ms;
}
.animation-with-delay .line-img__item .delay-850,
.animation-with-delay .arrow-img__item .delay-850 {
animation-delay: 850ms;
}
.animation-with-delay .line-img__item .delay-900,
.animation-with-delay .arrow-img__item .delay-900 {
animation-delay: 900ms;
}
.animation-with-delay .line-img__item .delay-950,
.animation-with-delay .arrow-img__item .delay-950 {
animation-delay: 950ms;
}
@keyframes lineAnimation {
50% {
transform: translateX(0);
}
100% {
transform: translateX(-120%);
}
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.sec-video__wrap-inner .sec-video__content-text {
max-width: 34.99vw;
}
} @keyframes arrow1 {
0% {
transform: translateX(calc(-100% - 5px));
@media only screen and (max-width: 1920px) and (min-width: 992px) {
transform: translateX(calc(-100% - 0.26vw));
}
}
30% {
transform: translateX(0);
}
60%, 100% {
transform: translateX(calc(100% + 5px));
@media only screen and (max-width: 1920px) and (min-width: 992px) {
transform: translateX(calc(100% + 0.26vw));
}
}
}
@keyframes arrow2 {
0% {
transform: translateX(calc(100% + 5px));
@media only screen and (max-width: 1920px) and (min-width: 992px) {
transform: translateX(calc(100% + 0.26vw));
}
}
30% {
transform: translateX(0);
}
60%, 100% {
transform: translateX(calc(-100% - 5px));
@media only screen and (max-width: 1920px) and (min-width: 992px) {
transform: translateX(calc(-100% - 0.26vw));
}
}
}
@keyframes arrow3 {
0% {
transform: translateY(-20px);
@media only screen and (max-width: 1920px) and (min-width: 992px) {
transform: translateY(-1.042vw);
}
}
100% {
transform: translateY(20px);
@media only screen and (max-width: 1920px) and (min-width: 992px) {
transform: translateY(1.042vw);
}
}
}.header {
padding: 42px 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 3;
transition: 0.4s all ease-in-out;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.header {
padding: 2.188vw 0;
}
}
@media only screen and (max-width: 991px) {
.header {
padding: 34px 0;
}
}
.header .cus-container {
width: 100%;
max-width: 1840px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.header .cus-container {
max-width: 95.833vw;
}
}
@media only screen and (max-width: 991px) {
.header .cus-container {
max-width: 767px;
}
}
@media only screen and (max-width: 767px) {
.header .cus-container {
max-width: 575px;
}
}
.header__wrap {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
position: relative;
}
.header__wrap .hamburger-icon {
width: 100%;
max-width: 49px;
line-height: 0;
cursor: pointer;
}
@media only screen and (max-width: 390px) {
.header__wrap .hamburger-icon {
max-width: 30px;
}
}
.header__wrap .hamburger-icon svg {
width: 100%;
height: 100%;
}
.header__wrap .hamburger-icon svg path {
fill: #fff;
}
.header__wrap .header-logo {
width: 100%;
max-width: 325px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.header__wrap .header-logo {
max-width: 16.927vw;
}
}
@media only screen and (max-width: 991px) {
.header__wrap .header-logo {
max-width: 80px;
}
}
@media only screen and (max-width: 390px) {
.header__wrap .header-logo {
max-width: 60px;
}
}
.header__wrap-link {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
@media only screen and (max-width: 991px) {
.header__wrap-link {
position: fixed;
top: 0;
left: 0;
transform: translateX(-100%);
bottom: 0;
background: #000;
z-index: 4;
width: 100%;
max-width: 360px;
height: 100vh;
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: 0.4s all ease-in-out;
overflow: auto;
display: block;
padding: 34px 38px 58px;
}
}
@media only screen and (max-width: 390px) {
.header__wrap-link {
padding: 34px 20px 58px;
}
}
.header__wrap-link.show {
transform: translateX(0);
opacity: 1;
visibility: visible;
pointer-events: all;
}
@media only screen and (max-width: 991px) {
.header__wrap-link nav {
width: 100%;
}
}
.header__wrap-link nav .wrapper {
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin-bottom: 42px;
}
@media only screen and (max-width: 991px) {
.header__wrap-link nav .wrapper {
display: flex;
}
}
.header__wrap-link nav .wrapper .logo {
width: 100%;
max-width: 80px;
}
.header__wrap-link nav .wrapper .close-icon {
width: 100%;
max-width: 48px;
}
.header__wrap-link nav .wrapper .close-icon svg {
fill: #ff8f1c;
}
.header__wrap-link nav > ul {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
@media only screen and (max-width: 991px) {
.header__wrap-link nav > ul {
flex-direction: column;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
margin: 0 20px;
padding: 0 0 38px;
border-bottom: 1px solid #353535;
}
}
.header__wrap-link nav > ul > li {
margin-right: 40px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.header__wrap-link nav > ul > li {
margin-right: 2.083vw;
}
}
@media only screen and (max-width: 991px) {
.header__wrap-link nav > ul > li {
margin: 0 0 40px 0;
width: 100%;
}
}
.header__wrap-link nav > ul > li:last-child {
margin: 0;
}
.header__wrap-link nav > ul > li.js-dropdown:hover a > span::after {
opacity: 0;
}
@media only screen and (max-width: 991px) {
.header__wrap-link nav > ul > li.js-dropdown a span::after {
display: none;
}
}
@media only screen and (min-width: 992px) {
.header__wrap-link nav > ul > li:hover a {
color: #ff8f1c;
}
.header__wrap-link nav > ul > li:hover span::after {
opacity: 1;
visibility: visible;
}
}
.header__wrap-link nav > ul > li > a {
font-family: "Poppins", sans-serif;
color: #fff;
font-size: 17px;
line-height: 1;
font-weight: 500;
padding: 15px 7px 7px;
display: block;
letter-spacing: 0.025em;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.header__wrap-link nav > ul > li > a {
font-size: 0.885vw;
padding: 0.781vw 0.365vw 0.365vw;
}
}
@media only screen and (max-width: 991px) {
.header__wrap-link nav > ul > li > a {
font-size: 27px;
padding: 0;
width: 100%;
}
.header__wrap-link nav > ul > li > a:hover {
color: #ff8f1c;
}
}
.header__wrap-link nav > ul > li > a span {
position: relative;
display: block;
width: 100%;
max-width: -moz-max-content;
max-width: max-content;
}
.header__wrap-link nav > ul > li > a span::after {
content: " ";
position: absolute;
width: 54%;
height: 5px;
background-color: #ff8f1c;
border-radius: 10px;
left: 50%;
bottom: -11px;
transform: translateX(-50%);
transition: 0.4s all ease-in-out;
opacity: 0;
visibility: hidden;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.header__wrap-link nav > ul > li > a span::after {
height: 0.26vw;
border-radius: 0.521vw;
bottom: -0.573vw;
}
}
@media only screen and (max-width: 991px) {
.header__wrap-link nav > ul > li > a span::after {
width: 97%;
}
}
.header__wrap-link nav > ul > li.dropdown {
position: relative;
transition: 0.4s all ease-in-out;
z-index: 1;
}
@media only screen and (min-width: 992px) {
.header__wrap-link nav > ul > li.dropdown:hover .dropdown-menu {
opacity: 1;
visibility: visible;
}
}
.header__wrap-link nav > ul > li.dropdown a::after {
display: none;
}
.header__wrap-link nav > ul > li.dropdown .dropdown-menu {
background-color: #000;
border-radius: 23px;
padding: 40px 24px 14px;
}
@media only screen and (min-width: 992px) {
.header__wrap-link nav > ul > li.dropdown .dropdown-menu {
position: absolute;
opacity: 0;
visibility: hidden;
top: 0;
left: -22px;
z-index: -1;
transition: 0.4s all ease-in-out;
display: block !important;
}
}
@media only screen and (max-width: 991px) {
.header__wrap-link nav > ul > li.dropdown .dropdown-menu {
padding: 20px 0px 0px;
display: none;
}
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.header__wrap-link nav > ul > li.dropdown .dropdown-menu {
border-radius: 1.198vw;
padding: 2.083vw 1.25vw 0.729vw;
left: -1.146vw;
}
}
.header__wrap-link nav > ul > li.dropdown .dropdown-menu li a {
font-family: "Poppins", sans-serif;
color: #fff;
font-size: 17px;
line-height: 1;
font-weight: 500;
padding: 7px 6px;
display: block;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.header__wrap-link nav > ul > li.dropdown .dropdown-menu li a {
font-size: 0.885vw;
padding: 0.365vw 0.313vw;
}
}
@media only screen and (max-width: 991px) {
.header__wrap-link nav > ul > li.dropdown .dropdown-menu li a {
font-size: 16px;
}
}
@media only screen and (min-width: 992px) {
.header__wrap-link nav > ul > li.dropdown .dropdown-menu li a:hover {
color: #ff8f1c;
}
}
@media only screen and (max-width: 991px) {
.header__wrap-link nav > ul > li.dropdown .dropdown-menu li a:hover {
color: #000;
}
}
.header__wrap-link nav > ul > li.active a {
color: #ff8f1c;
}
.header__wrap-link nav > ul > li.active span::after {
opacity: 1;
visibility: visible;
}
.header__wrap-link nav .des-primary {
font-size: 17px;
padding: 0 20px;
letter-spacing: 0.025em;
margin-top: 12px;
}
.header__wrap-link nav .social-icon {
display: none;
border: none;
}
@media only screen and (max-width: 991px) {
.header__wrap-link nav .social-icon {
display: flex;
flex-direction: row;
padding: 0 20px;
margin: 16px 0 0;
}
}
.header__wrap-link nav .social-icon > li {
width: 100%;
max-width: 34px;
margin-right: 10px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.header__wrap-link nav .social-icon > li {
max-width: 1.51vw;
margin-right: 0.521vw;
}
}
@media only screen and (max-width: 991px) {
.header__wrap-link nav .social-icon > li {
margin: 0 5px 0 0;
}
}
.header__wrap-link nav .social-icon > li:last-child {
margin-right: 0;
}
.header__wrap-link nav .social-icon > li a {
padding: 0;
}
.header__wrap-link nav .social-icon > li svg {
width: 34px;
height: 34px;
}
.header__wrap-link nav .social-icon > li svg path {
fill: #353535;
}
.header__wrap-link nav .social-icon > li svg circle {
fill: #353535;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.header__wrap-link nav .social-icon > li svg {
width: 1.51vw;
height: 1.51vw;
}
}
.header__wrap-link nav .header__wrap-link-btn {
margin: 20px 20px 0;
max-width: 175px;
}
.header__wrap-link nav .header__wrap-link-btn .cus-btn {
padding: 16.5px 10px;
max-width: 100%;
}
.header__wrap-social {
width: 100%;
max-width: 325px;
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.header__wrap-social {
max-width: 16.927vw;
}
}
@media only screen and (max-width: 991px) {
.header__wrap-social {
max-width: 175px;
}
}
@media only screen and (max-width: 390px) {
.header__wrap-social {
max-width: 140px;
}
}
.header__wrap-social .social-icon {
display: flex;
margin-right: 17px;
line-height: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.header__wrap-social .social-icon {
margin-right: 0.885vw;
}
}
@media only screen and (max-width: 991px) {
.header__wrap-social .social-icon {
display: none;
}
}
.header__wrap-social .social-icon > li {
width: 100%;
max-width: 29px;
margin-right: 4px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.header__wrap-social .social-icon > li {
max-width: 1.51vw;
margin-right: 0.208vw;
}
}
.header__wrap-social .social-icon > li:hover svg path {
fill: #fff;
}
.header__wrap-social .social-icon > li:last-child {
margin-right: 0;
}
.header__wrap-social .social-icon > li svg {
width: 29px;
height: 29px;
}
.header__wrap-social .social-icon > li svg path {
transition: 0.4s all ease-in-out;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.header__wrap-social .social-icon > li svg {
width: 1.51vw;
height: 1.51vw;
}
}
@media only screen and (max-width: 991px) {
.header__wrap-social-btn {
width: 100%;
}
}
.header__wrap-social-btn .cus-btn {
filter: drop-shadow(5px 0px 7px rgba(0, 0, 0, 0.2));
-webkit-transition: drop-shadow(5px 0px 7px rgba(0, 0, 0, 0.2));
-moz-transition: drop-shadow(5px 0px 7px rgba(0, 0, 0, 0.2));
-ms-transition: drop-shadow(5px 0px 7px rgba(0, 0, 0, 0.2));
-o-transition: drop-shadow(5px 0px 7px rgba(0, 0, 0, 0.2));
}
@media only screen and (max-width: 991px) {
.header__wrap-social-btn .cus-btn {
max-width: 100%;
padding: 16.5px 10px;
}
}
@media only screen and (max-width: 390px) {
.header__wrap-social-btn .cus-btn {
font-size: 13px;
}
}
.header.sticky {
position: fixed;
top: 0;
background-color: #000;
padding: 25px 0;
border-bottom: 2px solid #ff8f1c;
z-index: 3;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.header.sticky {
padding: 1.302vw 0;
}
}
@media only screen and (max-width: 991px) {
.header.sticky {
padding: 15px 0;
}
}
.header.sticky .hamburger-icon svg path {
fill: #fff;
}
.header.sticky .header__wrap-link ul > li > a {
color: #fff;
}
.header.sticky .header__wrap-link ul > li > a:hover {
color: #ff8f1c;
}
.header.sticky .header__wrap-link ul > li.active > a {
color: #ff8f1c;
}
.header.sticky .header__wrap-link ul > li.dropdown .dropdown-menu {
border: 2px solid #ff8f1c;
}
.header.sticky .header__wrap-social .social-icon li:hover svg path {
fill: #ff8f1c;
}
.header.sticky .header__wrap-social .social-icon li a svg path {
fill: #fff;
}
.header--white .header__wrap-social .social-icon li:hover svg path {
fill: #ff8f1c;
}
.header--white .header__wrap-social .social-icon li a svg path {
fill: #fff;
}
.header--orange .header__wrap-social .social-icon li:hover svg path {
fill: #fff;
}
.header--orange .header__wrap-social .social-icon li a svg path {
fill: #ff8f1c;
}
.header--gray .header__wrap-social .social-icon li:hover svg path {
fill: #fff;
}
.header--gray .header__wrap-social .social-icon li a svg path {
fill: #191919;
}
.header--cms {
background-color: #000;
padding: 37px 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.header--cms {
padding: 1.927vw 0;
}
}
@media only screen and (max-width: 991px) {
.header--cms {
padding: 35.5px 0;
}
}
body.scroll_hidden {
overflow: hidden;
}
body.menu-overlay {
position: relative;
}
body.menu-overlay::before {
content: " ";
position: fixed;
width: 100%;
height: calc(100% - 127px);
background-color: rgba(0, 0, 0, 0.5);
left: 0;
bottom: 0;
z-index: 3;
}
body.menu-overlay .header::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
z-index: 2;
left: 0;
top: 0;
}
body.menu-overlay .header.sticky::before {
height: calc(100% + 2px);
}
body.menu-overlay.header-sticky::before {
height: calc(100% - 91px);
}  .home-banner {
position: relative;
height: 100%;
overflow: hidden;
}
@media only screen and (max-width: 991px) {
.home-banner::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
top: 0;
left: 0;
z-index: 1;
}
}
.home-banner .cus-container {
height: 100%;
}
.home-banner__wrap {
padding: 113px 0;
position: relative;
height: inherit;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.home-banner__wrap {
padding: 5.885vw 0;
}
}
@media only screen and (max-width: 991px) {
.home-banner__wrap {
padding: 397px 0 300px;
}
}
@media only screen and (max-width: 767px) {
.home-banner__wrap {
padding: 315px 0 295px;
}
}
.home-banner__wrap-img {
width: 100%;
max-width: 1269px;
margin: 0 auto;
position: relative;
left: 6%;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.home-banner__wrap-img {
max-width: 66.094vw;
}
}
@media only screen and (max-width: 991px) {
.home-banner__wrap-img {
width: 160%;
max-width: 160%;
position: absolute;
left: 70%;
top: 50%;
transform: translate(-50%, -50%);
}
}
@media only screen and (max-width: 575px) {
.home-banner__wrap-img {
width: 240%;
max-width: 250%;
}
}
.home-banner__wrap .sec-heading {
margin-top: -133px;
position: relative;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.home-banner__wrap .sec-heading {
margin-top: -6.927vw;
}
}
@media only screen and (max-width: 991px) {
.home-banner__wrap .sec-heading {
margin-top: -70px;
position: relative;
z-index: 2;
}
}
@media only screen and (max-width: 767px) {
.home-banner__wrap .sec-heading {
margin-top: 0;
}
}
.home-banner__wrap .sec-heading .heading-lg {
margin-bottom: 19px;
letter-spacing: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.home-banner__wrap .sec-heading .heading-lg {
margin-bottom: 0.99vw;
}
}
.home-banner__wrap .sec-heading .cus-btn {
margin: 0 auto;
}
.home-banner__wrap .scroll {
bottom: 44px;
left: -17px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.home-banner__wrap .scroll {
bottom: 2.292vw;
left: -0.885vw;
}
}
@media only screen and (max-width: 991px) {
.home-banner__wrap .scroll {
bottom: 14px;
left: 0;
}
}
.home-banner__wrap .spirit-text {
right: -26px;
top: -325%;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.home-banner__wrap .spirit-text {
right: -1.354vw; }
}
@media only screen and (max-width: 991px) {
.home-banner__wrap .spirit-text {
right: 0;
top: unset;
bottom: 27px;
}
}  .offer-bar {
padding: 13px 45px;
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.offer-bar {
padding: 0.677vw 2.344vw;
}
}
@media only screen and (max-width: 991px) {
.offer-bar {
padding: 6px 0 17px;
}
}
.offer-bar__wrap {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
@media only screen and (max-width: 991px) {
.offer-bar__wrap {
flex-direction: column;
}
}
.offer-bar__shape {
width: 100%;
max-width: 118px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.offer-bar__shape {
max-width: 6.146vw;
}
}
@media only screen and (max-width: 991px) {
.offer-bar__shape {
transform: none;
top: auto;
max-width: 80px;
display: none;
}
}
.offer-bar__shape .multiple-line-anim {
margin: 0;
}
.offer-bar .offer-bar__shape1 {
left: 90px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.offer-bar .offer-bar__shape1 {
left: 4.688vw;
}
}
.offer-bar .offer-bar__shape2 {
right: 0;
}
.offer-bar__marquee {
width: 100%;
max-width: 1070px;
margin: 0 23px 0 0;
height: 30px;
opacity: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.offer-bar__marquee {
max-width: 55.729vw;
margin: 0 1.198vw 0 0;
height: 1.563vw;
}
}
@media only screen and (max-width: 991px) {
.offer-bar__marquee {
margin: 0 0 4px 0;
}
}
.offer-bar__marquee.slick-initialized {
height: auto;
opacity: 1;
}
.offer-bar__marquee p {
font-family: "Menda", sans-serif;
color: #fff;
font-size: 20px;
font-weight: 900;
line-height: 1.5;
text-transform: uppercase;
margin-right: 8px;
letter-spacing: 0.05em;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.offer-bar__marquee p {
font-size: 1.042vw;
margin-right: 0.417vw;
}
}
.offer-bar__btn {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
@media only screen and (max-width: 991px) {
.offer-bar__btn {
padding: 0 22px;
}
}
@media only screen and (max-width: 411px) {
.offer-bar__btn {
flex-direction: column;
}
}
.offer-bar__btn .cus-btn {
background-color: #000;
color: #ff8100;
font-size: 14px;
margin-right: 11px;
padding: 14px 33px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.offer-bar__btn .cus-btn {
font-size: 0.729vw;
margin-right: 0.573vw;
padding: 0.729vw 1.719vw;
}
}
@media only screen and (max-width: 991px) {
.offer-bar__btn .cus-btn {
padding: 14px 18.5px;
font-size: 12px;
margin-right: 8px;
}
}
@media only screen and (max-width: 411px) {
.offer-bar__btn .cus-btn {
margin: 0 0 10px 0;
}
}
.offer-bar__btn .cus-btn:last-child {
margin: 0;
padding: 14px 20px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.offer-bar__btn .cus-btn:last-child {
padding: 0.729vw 1.042vw;
}
}
@media only screen and (max-width: 991px) {
.offer-bar__btn .cus-btn:last-child {
padding: 14px 18.5px;
}
}
.offer-bar__btn .cus-btn::before {
background-color: #ff8100;
}
.offer-bar__btn .cus-btn:hover {
color: #000;
}
.offer-bar .social-icon {
display: flex;
margin-left: 26px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.offer-bar .social-icon {
margin-left: 1.354vw;
}
}
@media only screen and (max-width: 991px) {
.offer-bar .social-icon {
margin: 0;
line-height: 0;
}
}
.offer-bar .social-icon li {
width: 100%;
max-width: 25px;
margin-right: 4px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.offer-bar .social-icon li {
max-width: 1.302vw;
margin-right: 0.208vw;
}
}
.offer-bar .social-icon li:last-child {
margin-right: 0;
}
.offer-bar .social-icon li:hover svg path {
fill: #800eb4;
}
.offer-bar .social-icon li a svg {
width: 25px;
height: 25px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.offer-bar .social-icon li a svg {
width: 1.302vw;
height: 1.302vw;
}
}
.offer-bar .social-icon li a svg path {
transition: 0.4s all ease-in-out;
}
@media only screen and (max-width: 991px) {
.offer-bar.bg-orange {
padding: 12px 0 13px;
}
}
.offer-bar.bg-orange .cus-container {
position: relative;
}
@media only screen and (max-width: 991px) {
.offer-bar.bg-orange .cus-container {
max-width: 100%;
padding: 0 16px;
}
}
@media only screen and (max-width: 991px) {
.offer-bar.bg-orange .cus-container .offer-bar__shape {
display: block;
}
}
.offer-bar.bg-orange .cus-container .offer-bar__shape1 {
left: 130px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.offer-bar.bg-orange .cus-container .offer-bar__shape1 {
left: 6.771vw;
}
}
@media only screen and (max-width: 991px) {
.offer-bar.bg-orange .cus-container .offer-bar__shape1 {
left: 62px;
top: 50%;
transform: translateY(-50%);
}
}
@media only screen and (max-width: 390px) {
.offer-bar.bg-orange .cus-container .offer-bar__shape1 {
left: 37px;
}
}
@media only screen and (max-width: 359px) {
.offer-bar.bg-orange .cus-container .offer-bar__shape1 {
display: none;
}
}
@media only screen and (max-width: 991px) {
.offer-bar.bg-orange .cus-container .offer-bar__shape1 .multiple-line-anim .line-img__item.line-img__item-spacing {
height: 10px;
}
}
.offer-bar.bg-orange .cus-container .offer-bar__shape2 {
right: 33px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.offer-bar.bg-orange .cus-container .offer-bar__shape2 {
right: 1.719vw;
}
}
@media only screen and (max-width: 991px) {
.offer-bar.bg-orange .cus-container .offer-bar__shape2 {
display: none;
}
}
@media only screen and (max-width: 991px) {
.offer-bar.bg-orange .offer-bar__wrap {
flex-direction: row;
}
}
@media only screen and (max-width: 991px) and (max-width: 575px) {
.offer-bar.bg-orange .offer-bar__wrap {
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end;
}
}
@media only screen and (max-width: 991px) and (max-width: 359px) {
.offer-bar.bg-orange .offer-bar__wrap {
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
}
@media only screen and (max-width: 991px) {
.offer-bar.bg-orange .offer-bar__wrap .offer-bar__marquee {
display: none;
}
}
.offer-bar.bg-orange .offer-bar__wrap .offer-bar__marquee p {
color: #000;
}
@media only screen and (max-width: 991px) {
.offer-bar.bg-orange .offer-bar__wrap .offer-bar__btn {
padding: 0 13px 0 0;
}
}
.offer-bar.bg-orange .offer-bar__wrap .offer-bar__btn .cus-btn {
padding: 14px 23px;
color: #fff;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.offer-bar.bg-orange .offer-bar__wrap .offer-bar__btn .cus-btn {
padding: 0.729vw 1.198vw;
}
}
@media only screen and (max-width: 991px) {
.offer-bar.bg-orange .offer-bar__wrap .offer-bar__btn .cus-btn {
font-size: 14px;
padding: 14px 20.5px;
}
}
.offer-bar.bg-orange .offer-bar__wrap .offer-bar__btn .cus-btn::before {
background-color: #800eb4;
}
@media only screen and (max-width: 991px) {
.offer-bar.bg-orange .offer-bar__wrap .social-icon li {
margin-right: 3px;
}
}
.offer-bar--purple {
background-color: #800eb4;
}
.offer-bar--purple .offer-bar__wrap .offer-bar__marquee p {
color: #fff !important;
}
.offer-bar--purple .offer-bar__wrap .offer-bar__btn .cus-btn {
color: #000 !important;
background-color: #ff8f1c;
}
.offer-bar--purple .offer-bar__wrap .offer-bar__btn .cus-btn::before {
background-color: #fff !important;
}
.offer-bar--purple .offer-bar__wrap .social-icon {
display: flex;
}
.offer-bar--purple .offer-bar__wrap .social-icon li:hover svg path {
fill: #ff8f1c;
}
.offer-bar--purple .offer-bar__wrap .social-icon li a svg path {
transition: 0.4s all ease-in-out;
fill: #fff;
}
.offer-bar--single-location .offer-bar__shape1 {
left: 475px !important;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.offer-bar--single-location .offer-bar__shape1 {
left: 24.74vw !important;
}
}
@media only screen and (max-width: 991px) {
.offer-bar--single-location .offer-bar__shape1 {
left: 42px !important;
}
}
.offer-bar--single-location .offer-bar__shape2 {
right: 375px !important;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.offer-bar--single-location .offer-bar__shape2 {
right: 19.531vw !important;
}
}
@media only screen and (max-width: 991px) {
.offer-bar--single-location .offer-bar__shape2 {
right: -15px !important;
}
}
.offer-bar--single-location .offer-bar__marquee {
max-width: 385px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.offer-bar--single-location .offer-bar__marquee {
max-width: 20.052vw;
}
}
.offer-bar.shadow {
box-shadow: 0 4px 42px 0 rgba(0, 0, 0, 0.5);
position: relative;
z-index: 1;
}  .img-box__wrap {
display: flex;
}
@media only screen and (max-width: 767px) {
.img-box__wrap {
flex-direction: column;
}
}
.img-box__wrap .box {
width: 100%;
max-width: 50%;
position: relative;
}
@media only screen and (max-width: 767px) {
.img-box__wrap .box {
max-width: 100%;
}
}
.img-box__wrap .box .scroll {
right: 37px;
top: 38px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.img-box__wrap .box .scroll {
right: 1.927vw;
top: 1.979vw;
}
}
@media only screen and (max-width: 991px) {
.img-box__wrap .box .scroll {
display: none;
}
}
.img-box__wrap .box .spirit-text {
right: 32px;
top: 35px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.img-box__wrap .box .spirit-text {
right: 1.667vw;
top: 1.823vw;
}
}
@media only screen and (max-width: 991px) {
.img-box__wrap .box .spirit-text {
display: none;
}
}
.img-box__wrap .box__img {
position: relative;
}
.img-box__wrap .box__img::after {
content: " ";
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
}
.img-box__wrap .box__img .sec-img {
padding-top: 67.2%;
}
@media only screen and (max-width: 991px) {
.img-box__wrap .box__img .sec-img {
padding-top: 80%;
}
}
@media only screen and (max-width: 767px) {
.img-box__wrap .box__img .sec-img {
padding-top: 73.1%;
}
}
.img-box__wrap .box__text {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 60px 70px;
z-index: 1;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.img-box__wrap .box__text {
padding: 3.125vw 3.646vw;
}
}
@media only screen and (max-width: 991px) {
.img-box__wrap .box__text {
padding: 35px 23px;
}
}
.img-box__wrap .box__text-icon {
width: auto;
display: inline-block;
margin-bottom: 35px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.img-box__wrap .box__text-icon {
margin-bottom: 1.823vw;
}
}
@media only screen and (max-width: 991px) {
.img-box__wrap .box__text-icon {
margin-bottom: 20px;
}
}
.img-box__wrap .box__text-icon img {
height: 55px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.img-box__wrap .box__text-icon img {
height: 2.865vw;
}
}
@media only screen and (max-width: 991px) {
.img-box__wrap .box__text-icon img {
height: 40px;
}
}
.img-box__wrap .box__text .heading-xl {
margin-bottom: 24px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.img-box__wrap .box__text .heading-xl {
margin-bottom: 1.25vw;
}
}
@media only screen and (max-width: 991px) {
.img-box__wrap .box__text .heading-xl {
margin-bottom: 10px;
}
}
.img-box__wrap .box__text-btn .cus-btn {
padding: 16.5px 15px;
max-width: 199px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.img-box__wrap .box__text-btn .cus-btn {
padding: 0.859vw 0.781vw;
max-width: 10.365vw;
}
}
@media only screen and (max-width: 991px) {
.img-box__wrap .box__text-btn .cus-btn {
padding: 17px 26px;
max-width: -moz-max-content;
max-width: max-content;
}
}
@media only screen and (max-width: 991px) {
.img-box--story .img-box__wrap .box .spirit-text {
display: block;
top: auto;
bottom: 24px;
right: 12px;
}
}
@media only screen and (max-width: 991px) {
.img-box--story .img-box__wrap .box .spirit-text p {
display: block;
}
}
@media only screen and (max-width: 991px) {
.img-box--story .img-box__wrap .box .scroll {
top: auto;
bottom: 24px;
display: block;
right: 12px;
}
}
@media only screen and (max-width: 991px) {
.img-box--story .img-box__wrap .box__img .sec-img {
padding-top: 93.3%;
}
}
@media only screen and (max-width: 991px) {
.img-box--story .img-box__wrap .box__text {
padding: 25px 21px;
}
}
@media only screen and (max-width: 991px) {
.img-box--story .img-box__wrap .box__text-icon img {
height: 54px;
}
}
@media only screen and (max-width: 991px) {
.img-box--story .img-box__wrap .box__text .heading-xl {
line-height: 1.16;
}
}  .video-content {
position: relative;
padding: 286px 0 283px;
background-color: #000;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.video-content {
padding: 14.896vw 0 14.74vw;
}
}
@media only screen and (max-width: 991px) {
.video-content {
padding: 40px 0 87px;
overflow: hidden;
}
}
.video-content .sec-bg {
opacity: 0.17;
}
@media only screen and (max-width: 991px) {
.video-content .cus-container {
padding: 0 25px 0 22px;
}
}
.video-content__bg-img {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
opacity: 0.4;
}
@media only screen and (max-width: 991px) {
.video-content__bg-img {
width: 400%;
}
}
.video-content__wrap {
display: flex;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
position: relative;
z-index: 2;
}
@media only screen and (max-width: 991px) {
.video-content__wrap {
flex-direction: column-reverse;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
}
.video-content__wrap .video-content-btn {
margin-top: 46px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.video-content__wrap .video-content-btn {
margin-top: 2.396vw;
}
}
@media only screen and (max-width: 991px) {
.video-content__wrap .video-content-btn {
margin-top: 28px;
}
}
.video-content__wrap .video-content-btn .cus-btn {
max-width: 199px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.video-content__wrap .video-content-btn .cus-btn {
max-width: 10.365vw;
}
}
.video-content__wrap-left {
width: 100%;
max-width: 39.1%;
position: relative;
z-index: 1;
margin: 45px 50px 0 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.video-content__wrap-left {
margin: 2.344vw 2.604vw 0 0;
}
}
@media only screen and (max-width: 991px) {
.video-content__wrap-left {
max-width: 575px;
margin: 70px 0 0 0;
}
}
.video-content__wrap-left .cus-label {
cursor: pointer;
}
.video-content__wrap-left .spirit-text {
left: -44px;
bottom: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.video-content__wrap-left .spirit-text {
left: -2.292vw;
}
}
@media only screen and (max-width: 991px) {
.video-content__wrap-left .spirit-text {
display: none;
}
}
.video-content__wrap-left .spirit-text__img {
max-width: 20px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.video-content__wrap-left .spirit-text__img {
max-width: 1.042vw;
}
}
.video-content__wrap-left .video {
border-radius: 24px;
overflow: hidden;
position: relative;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.video-content__wrap-left .video {
border-radius: 1.25vw;
}
}
.video-content__wrap-left .video:hover .pause-icon-show {
opacity: 1;
visibility: visible;
}
.video-content__wrap-left .video__btn {
width: 100%;
max-width: 66px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
cursor: pointer;
transition: 0.4s all ease-in-out;
filter: drop-shadow(6px 0px 6px rgba(0, 0, 0, 0.3));
-webkit-transition: drop-shadow(6px 0px 6px rgba(0, 0, 0, 0.3));
-moz-transition: drop-shadow(6px 0px 6px rgba(0, 0, 0, 0.3));
-ms-transition: drop-shadow(6px 0px 6px rgba(0, 0, 0, 0.3));
-o-transition: drop-shadow(6px 0px 6px rgba(0, 0, 0, 0.3));
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.video-content__wrap-left .video__btn {
max-width: 3.438vw;
}
}
@media only screen and (max-width: 991px) {
.video-content__wrap-left .video__btn {
max-width: 29px;
}
}
.video-content__wrap-left .video__btn .pause-icon, .video-content__wrap-left .video__btn .play-icon {
opacity: 0;
visibility: hidden;
}
.video-content__wrap-left .video__btn.play-icon-show .pause-icon {
opacity: 0;
visibility: hidden;
display: none;
}
.video-content__wrap-left .video__btn.play-icon-show .play-icon {
opacity: 1;
visibility: visible;
display: block;
}
.video-content__wrap-left .video__btn.pause-icon-show {
opacity: 0;
visibility: hidden;
}
.video-content__wrap-left .video__btn.pause-icon-show .play-icon {
opacity: 0;
visibility: hidden;
display: none;
}
.video-content__wrap-left .video__btn.pause-icon-show .pause-icon {
opacity: 1;
visibility: visible;
display: block;
}
.video-content__wrap-left .video .sec-img {
padding-top: 71.4%;
}
@media only screen and (max-width: 991px) {
.video-content__wrap-left .video .sec-img {
padding-top: 72.4%;
}
}
.video-content__wrap-left .video .sec-img::after {
content: " ";
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
top: 0;
left: 0;
}
.video-content__wrap-right {
width: 100%;
max-width: 34%;
color: #fff;
}
@media only screen and (max-width: 991px) {
.video-content__wrap-right {
max-width: 575px;
}
}
.video-content__wrap-right .icon {
width: 100%;
max-width: 46px;
margin-bottom: 37px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.video-content__wrap-right .icon {
max-width: 2.396vw;
margin-bottom: 1.927vw;
}
}
@media only screen and (max-width: 991px) {
.video-content__wrap-right .icon {
max-width: 46px;
margin-bottom: 29px;
}
}
@media only screen and (max-width: 991px) {
.video-content__wrap-right .heading-lg {
line-height: 1.3;
}
}
.video-content__wrap-right .des-primary {
margin-top: 33px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.video-content__wrap-right .des-primary {
margin-top: 1.719vw;
}
}
@media only screen and (max-width: 991px) {
.video-content__wrap-right .des-primary {
margin-top: 16px;
}
}
.video-content--franchise {
background-color: #ff8f1c;
}
.video-content--franchise::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/video-content-franchise-overlay.png);
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}
@media only screen and (max-width: 991px) {
.video-content--franchise {
padding: 97px 0 95px;
}
}
@media only screen and (max-width: 991px) {
.video-content--franchise .video-content__wrap {
flex-direction: column;
}
}
@media only screen and (max-width: 991px) {
.video-content--franchise .video-content__wrap-left {
margin: 0;
}
}
@media only screen and (max-width: 991px) {
.video-content--franchise .video-content__wrap-left .cus-label {
top: -25px;
}
}
@media only screen and (max-width: 991px) {
.video-content--franchise .video-content__wrap-left .cus-label__img {
max-width: 11px;
margin-right: 2px;
}
}
@media only screen and (max-width: 991px) {
.video-content--franchise .video-content__wrap-left .cus-label p {
font-size: 9px;
}
}
@media only screen and (max-width: 991px) {
.video-content--franchise .video-content__wrap-right {
margin-top: 18px;
}
}
.video-content--franchise .video-content__wrap-right .heading-lg {
color: #040404;
}
.video-content--franchise .video-content__wrap-right .des-primary {
color: #040404;
}
.video-content--franchise .video-content__wrap-right .des-primary p {
margin-bottom: 25px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.video-content--franchise .video-content__wrap-right .des-primary p {
margin-bottom: 1.302vw;
}
}
@media only screen and (max-width: 991px) {
.video-content--franchise .video-content__wrap-right .des-primary p {
margin-bottom: 16px;
}
}
.video-content--franchise .video-content__wrap-right .des-primary p:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
.video-content--franchise .video-content__wrap-right .video-content-btn {
margin-top: 25px;
}
}
.video-content--franchise .video-content__wrap-right .video-content-btn .cus-btn {
max-width: -moz-max-content;
max-width: max-content;
padding: 19px 30.5px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.video-content--franchise .video-content__wrap-right .video-content-btn .cus-btn {
padding: 0.99vw 1.589vw;
}
}
@media only screen and (max-width: 991px) {
.video-content--franchise .video-content__wrap-right .video-content-btn .cus-btn {
padding: 19px 26px;
}
}
.video-content--franchise .video-content__wrap-right .video-content-btn .cus-btn--black {
color: #fff;
}  .food-info {
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 991px) {
.food-info {
padding: 209px 0 71px;
position: relative;
}
}
.food-info::after {
content: " ";
position: absolute;
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/food-info-overlay.png);
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
top: 0;
left: 0;
}
@media only screen and (max-width: 991px) {
.food-info::after {
display: none;
}
}
.food-info .sec-bg {
opacity: 0.12;
}
@media only screen and (max-width: 991px) {
.food-info .sec-bg {
opacity: 1;
}
}
.food-info__wrap {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
position: relative;
z-index: 1;
}
@media only screen and (max-width: 991px) {
.food-info__wrap {
flex-direction: column-reverse;
}
}
.food-info__wrap-left {
width: 100%;
max-width: 41%;
}
@media only screen and (max-width: 991px) {
.food-info__wrap-left {
max-width: 100%;
position: relative;
z-index: 2;
}
}
.food-info__wrap-left .icon {
width: 100%;
max-width: 80px;
margin-bottom: 40px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.food-info__wrap-left .icon {
max-width: 4.167vw;
margin-bottom: 2.083vw;
}
}
@media only screen and (max-width: 991px) {
.food-info__wrap-left .icon {
max-width: 80px;
margin-bottom: 30px;
}
}
.food-info__wrap-left .heading-lg {
margin-bottom: 29px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.food-info__wrap-left .heading-lg {
margin-bottom: 1.51vw;
}
}
@media only screen and (max-width: 991px) {
.food-info__wrap-left .heading-lg {
margin-bottom: 23px;
}
}
.food-info__wrap-left .des-primary {
margin-bottom: 44px;
color: #fff;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.food-info__wrap-left .des-primary {
margin-bottom: 2.292vw;
}
}
@media only screen and (max-width: 991px) {
.food-info__wrap-left .des-primary {
margin-bottom: 20px;
}
}
.food-info__wrap-left .food-info-btn .cus-btn {
max-width: 199px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.food-info__wrap-left .food-info-btn .cus-btn {
max-width: 10.365vw;
}
}
.food-info__wrap-right {
width: 100%;
max-width: 39.92%;
padding-bottom: 127px;
position: relative;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.food-info__wrap-right {
padding-bottom: 6.615vw;
}
}
@media only screen and (max-width: 991px) {
.food-info__wrap-right {
display: none;
}
}
.food-info__wrap-right .text-img {
position: absolute;
height: 100%;
top: 0;
left: 0;
}
.food-info__wrap-right .text-img img {
width: auto;
height: 100%;
}
.food-info__wrap-right .ball-img {
position: absolute;
width: 349px;
top: 24px;
left: -33.7%;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.food-info__wrap-right .ball-img {
width: 18.177vw;
top: 1.25vw;
}
}
@media only screen and (max-width: 991px) {
.food-info__wrap-right .ball-img {
width: 100px;
left: -60px;
}
}
.food-info__wrap-right figure {
position: relative;
}  .bgImg-with-content {
padding: 411px 0 293px;
position: relative;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.bgImg-with-content {
padding: 21.406vw 0 15.26vw;
}
}
@media only screen and (max-width: 991px) {
.bgImg-with-content {
padding: 284px 0 270px;
}
.bgImg-with-content::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
z-index: 2;
}
}
.bgImg-with-content::after {
content: " ";
position: absolute;
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/bgImg-with-content-overlay.png);
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
top: 0;
left: 0;
}
@media only screen and (max-width: 991px) {
.bgImg-with-content::after {
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/bgImg-with-content-overlay-mobile.png);
}
}
.bgImg-with-content .sec-bg img {
-o-object-position: right;
object-position: right;
}
@media only screen and (max-width: 991px) {
.bgImg-with-content .sec-bg img {
-o-object-position: left;
object-position: left;
}
}
.bgImg-with-content .wrapper {
position: relative;
z-index: 2;
width: 100%;
max-width: 690px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.bgImg-with-content .wrapper {
max-width: 35.938vw;
}
}
.bgImg-with-content .wrapper .heading-lg {
color: #000;
margin-bottom: 33px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.bgImg-with-content .wrapper .heading-lg {
margin-bottom: 1.719vw;
}
}
@media only screen and (max-width: 991px) {
.bgImg-with-content .wrapper .heading-lg {
margin-bottom: 20px;
color: #fff;
}
}
.bgImg-with-content .wrapper .des-primary {
color: #000;
margin-bottom: 39px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.bgImg-with-content .wrapper .des-primary {
margin-bottom: 2.031vw;
}
}
@media only screen and (max-width: 991px) {
.bgImg-with-content .wrapper .des-primary {
margin-bottom: 21px;
color: #fff;
}
}
.bgImg-with-content .wrapper .bgImg-with-content-btn .cus-btn {
max-width: 199px;
color: #fff;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.bgImg-with-content .wrapper .bgImg-with-content-btn .cus-btn {
max-width: 10.365vw;
}
}
@media only screen and (max-width: 991px) {
.bgImg-with-content--franchise {
padding: 80px 0 89px;
}
}
.bgImg-with-content--franchise::after {
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/bgImg-with-content-franchise-overlay.png);
}
@media only screen and (max-width: 991px) {
.bgImg-with-content--franchise::after {
background-position: left;
}
}
@media only screen and (max-width: 991px) {
.bgImg-with-content--franchise::before {
background-color: rgba(0, 0, 0, 0.1);
}
}
.bgImg-with-content--franchise .wrapper {
max-width: 700px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.bgImg-with-content--franchise .wrapper {
max-width: 36.458vw;
}
}
.bgImg-with-content--franchise .wrapper .heading-lg {
color: #fff;
}
@media only screen and (max-width: 991px) {
.bgImg-with-content--franchise .wrapper .heading-lg {
margin-bottom: 31px;
}
}
.bgImg-with-content--franchise .wrapper .des-primary {
color: #fff;
margin-bottom: 52px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.bgImg-with-content--franchise .wrapper .des-primary {
margin-bottom: 2.708vw;
}
}
@media only screen and (max-width: 991px) {
.bgImg-with-content--franchise .wrapper .des-primary {
margin-bottom: 41px;
}
}
.bgImg-with-content--franchise .wrapper .bgImg-with-content-btn .cus-btn {
max-width: 240px;
padding: 16.5px 10px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.bgImg-with-content--franchise .wrapper .bgImg-with-content-btn .cus-btn {
max-width: 12.5vw;
padding: 0.859vw 0.521vw;
}
}
@media only screen and (max-width: 991px) {
.bgImg-with-content--franchise .wrapper .bgImg-with-content-btn .cus-btn {
padding: 16.5px 20.5px;
max-width: -moz-max-content;
max-width: max-content;
}
}  .the-menu {
padding: 211px 0 132px;
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu {
padding: 10.99vw 0 6.875vw;
}
}
@media only screen and (max-width: 991px) {
.the-menu {
padding: 190px 0 43px;
}
}
.the-menu__content {
position: relative;
}
.the-menu__content .scroll {
top: -68px;
left: 12px;
margin: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__content .scroll {
top: -3.542vw;
left: 0.625vw;
}
}
@media only screen and (max-width: 991px) {
.the-menu__content .scroll {
top: -64px;
left: 8px;
}
}
.the-menu__content .scroll__img {
margin-top: 0;
}
.the-menu__content .scroll p {
display: none;
}
.the-menu__content .sec-heading {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.the-menu__content .sec-heading .icon {
width: 100%;
max-width: 39px;
margin-right: 32px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__content .sec-heading .icon {
max-width: 2.031vw;
margin-right: 1.667vw;
}
}
@media only screen and (max-width: 991px) {
.the-menu__content .sec-heading .icon {
max-width: 38px;
margin-right: 23px;
}
}
.the-menu__content-wrap {
display: flex;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
margin-top: 33px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__content-wrap {
margin-top: 1.719vw;
}
}
@media only screen and (max-width: 991px) {
.the-menu__content-wrap {
margin-top: 23px;
flex-direction: column;
}
}
.the-menu__content-wrap .des-primary {
width: 100%;
max-width: 1010px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__content-wrap .des-primary {
max-width: 52.604vw;
}
}
@media only screen and (max-width: 991px) {
.the-menu__content-wrap .slider-cta {
display: none;
}
}
.the-menu__content .the-menu-catergorie {
margin: 21px 0 24px;
width: 100%;
max-width: 330px;
}
.the-menu__content .the-menu-catergorie ul {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
border: 1px solid #39363b;
border-radius: 25px;
background-color: rgba(255, 255, 255, 0.1);
padding: 0 25px;
}
.the-menu__content .the-menu-catergorie ul li {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
font-family: "Poppins", sans-serif;
color: #fff;
font-size: 15px;
line-height: 1.6;
font-weight: 400;
margin-right: 11px;
padding: 13.5px 11px 13.5px 0;
position: relative;
letter-spacing: 0.075em;
}
.the-menu__content .the-menu-catergorie ul li::after {
content: " ";
position: absolute;
width: 1px;
height: 14px;
background-color: #fff;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.the-menu__content .the-menu-catergorie ul li:last-child {
margin-right: 0;
padding: 0 0 0 0;
}
.the-menu__content .the-menu-catergorie ul li:last-child::after {
display: none;
}
.the-menu__content .the-menu-catergorie ul li a {
color: #fff;
}
.the-menu__content .the-menu-catergorie ul li img {
width: 100%;
max-width: 11px;
margin-left: 12px;
}
.the-menu__filter {
margin: 34px 0 41px;
border-radius: 25px;
border: 1px solid #373537;
background-color: rgba(255, 255, 255, 0.1);
padding: 0 45px;
width: 100%;
display: block;
}
@media only screen and (min-width: 992px) {
.the-menu__filter {
display: block !important;
}
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__filter {
margin: 1.771vw 0 2.135vw;
border-radius: 1.302vw;
border: 0.052vw solid #373537;
padding: 0 2.344vw;
}
}
@media only screen and (max-width: 991px) {
.the-menu__filter {
margin: 25px 0 30px;
padding: 8px 20px;
max-width: 412px;
display: none;
}
}
.the-menu__filter ul {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
flex-wrap: wrap;
}
@media only screen and (max-width: 991px) {
.the-menu__filter ul {
flex-direction: column;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
}
.the-menu__filter ul li {
padding-right: 13px;
margin-right: 13px;
position: relative;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__filter ul li {
padding-right: 0.677vw;
margin-right: 0.677vw;
}
}
@media only screen and (max-width: 991px) {
.the-menu__filter ul li {
width: 100%;
}
}
.the-menu__filter ul li:last-child {
margin-right: 0;
padding-right: 0;
}
.the-menu__filter ul li:last-child::after {
display: none;
}
.the-menu__filter ul li::after {
content: " ";
position: absolute;
width: 1px;
height: 12px;
background-color: #fff;
top: 50%;
right: 0;
transform: translateY(-50%);
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__filter ul li::after {
width: 0.052vw;
height: 0.625vw;
}
}
@media only screen and (max-width: 991px) {
.the-menu__filter ul li::after {
display: none;
}
}
.the-menu__filter ul li button {
background-color: transparent;
border: none;
outline: none;
font-family: "Poppins", sans-serif;
color: #fff;
font-size: 15px;
line-height: 1.6;
font-weight: 500;
cursor: pointer;
padding: 12.5px 0;
letter-spacing: 0.075em;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__filter ul li button {
font-size: 0.781vw;
padding: 0.651vw 0;
}
}
@media only screen and (max-width: 991px) {
.the-menu__filter ul li button {
padding: 8px 0;
font-size: 12px;
}
}
.the-menu__slider {
margin: 0 -12.5px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__slider {
margin: 0 -0.651vw;
}
}
@media only screen and (max-width: 991px) {
.the-menu__slider {
margin: 0 -7px;
}
}
.the-menu__slider .slick-list {
overflow: visible;
}
.the-menu__slider .slick-track {
margin-left: 0;
}
.the-menu__slider .filtering {
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.the-menu__slider .box {
width: 100%;
max-width: 381px;
border-radius: 15px;
overflow: hidden;
border: 1px solid rgb(87, 0, 126);
position: relative;
padding: 83px 22px 28px;
cursor: pointer;
z-index: 1;
margin: 0 12.5px;
transition: opacity 0.3s ease-in-out;
opacity: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__slider .box {
border-radius: 0.781vw;
border: 0.052vw solid rgb(87, 0, 126);
padding: 4.323vw 1.146vw 1.458vw;
margin: 0 0.651vw;
max-width: 19.844vw;
}
}
@media only screen and (max-width: 991px) {
.the-menu__slider .box {
margin: 0 7px;
padding: 55px 15px 18px;
}
}
.the-menu__slider .box.animate {
opacity: 1;
}
.the-menu__slider .box:hover {
transition: 0.4s all ease-in-out;
background-color: #fff;
transition-delay: 0.6s;
}
.the-menu__slider .box:hover h3 {
opacity: 0;
visibility: hidden;
}
.the-menu__slider .box:hover .cus-btn {
opacity: 0;
visibility: hidden;
}
.the-menu__slider .box:hover .box__overlay {
transform: none;
}
.the-menu__slider .box:hover .box__overlay h3 {
opacity: 1;
visibility: visible;
}
.the-menu__slider .box:hover .box__overlay .cus-btn {
opacity: 1;
visibility: visible;
}
.the-menu__slider .box::before {
content: " ";
position: absolute;
width: 100%;
height: 219px;
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/the-menu-box-overlay.png);
background-repeat: no-repeat;
background-size: cover;
top: 0;
left: 0;
z-index: 1;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__slider .box::before {
height: 11.406vw;
}
}
@media only screen and (max-width: 991px) {
.the-menu__slider .box::before {
height: 155px;
}
}
.the-menu__slider .box__img {
width: 100%;
max-width: 240px;
margin: 0 auto 93px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__slider .box__img {
max-width: 12.5vw;
margin: 0 auto 4.844vw;
}
}
@media only screen and (max-width: 991px) {
.the-menu__slider .box__img {
max-width: 164px;
margin: 0 auto 65px;
}
}
.the-menu__slider .box__img .sec-img {
padding-top: 89.7%;
}
@media only screen and (max-width: 991px) {
.the-menu__slider .box__img .sec-img {
padding-top: 88%;
}
}
.the-menu__slider .box__img .sec-img img {
filter: drop-shadow(0 0 33px rgba(255, 130, 26, 0.28));
-webkit-transition: drop-shadow(0 0 33px rgba(255, 130, 26, 0.28));
-moz-transition: drop-shadow(0 0 33px rgba(255, 130, 26, 0.28));
-ms-transition: drop-shadow(0 0 33px rgba(255, 130, 26, 0.28));
-o-transition: drop-shadow(0 0 33px rgba(255, 130, 26, 0.28));
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__slider .box__img .sec-img img {
filter: drop-shadow(0 0 1.719vw rgba(255, 130, 26, 0.28));
-webkit-transition: drop-shadow(0 0 1.719vw rgba(255, 130, 26, 0.28));
-moz-transition: drop-shadow(0 0 1.719vw rgba(255, 130, 26, 0.28));
-ms-transition: drop-shadow(0 0 1.719vw rgba(255, 130, 26, 0.28));
-o-transition: drop-shadow(0 0 1.719vw rgba(255, 130, 26, 0.28));
}
}
.the-menu__slider .box h3 {
font-family: "Menda", sans-serif;
color: #fff;
font-size: 25px;
line-height: 1;
font-weight: 900;
letter-spacing: 0.05em;
margin-bottom: 21px;
transition: 0.4s all ease-in-out;
text-transform: uppercase;
white-space: break-spaces;
word-break: break-word;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__slider .box h3 {
font-size: 1.302vw;
margin-bottom: 1.094vw;
}
}
@media only screen and (max-width: 991px) {
.the-menu__slider .box h3 {
font-size: 17px;
margin: 0 0 15px 4px;
}
}
.the-menu__slider .box .cus-btn {
padding: 14.5px 10px;
max-width: 193px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__slider .box .cus-btn {
padding: 0.755vw 0.521vw;
max-width: 10.052vw;
}
}
@media only screen and (max-width: 991px) {
.the-menu__slider .box .cus-btn {
padding: 10.5px 21.5px;
max-width: -moz-max-content;
max-width: max-content;
font-size: 11px;
}
}
.the-menu__slider .box__overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
background-color: rgba(255, 255, 255, 0.9);
z-index: 2;
padding: 32px 23px 28px;
display: flex;
flex-direction: column;
right: 0;
transform: translateX(calc(100% + 1px));
transition: transform 0.95s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__slider .box__overlay {
padding: 1.667vw 1.198vw 1.458vw;
transform: translateX(calc(100% + 0.052vw));
}
}
@media only screen and (max-width: 991px) {
.the-menu__slider .box__overlay {
padding: 20px 18px 24px;
}
}
.the-menu__slider .box__overlay .scroll {
position: unset;
max-width: -moz-max-content;
max-width: max-content;
flex-grow: 1;
}
.the-menu__slider .box__overlay .scroll__img {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
max-width: 100%;
margin: 0 0 0 45px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__slider .box__overlay .scroll__img {
margin: 0 0 0 2.344vw;
}
}
.the-menu__slider .box__overlay .scroll__img .scorll-arrow {
margin-bottom: 0;
margin-right: 9px;
rotate: -90deg;
}
.the-menu__slider .box__overlay .scroll__img .scorll-arrow:last-child {
margin-right: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__slider .box__overlay .scroll__img .scorll-arrow {
margin-right: 0.469vw;
}
}
@media only screen and (max-width: 991px) {
.the-menu__slider .box__overlay .scroll__img .scorll-arrow {
margin-right: 10px;
}
}
.the-menu__slider .box__overlay .scroll__img .scorll-arrow__line .scrollarrowline1, .the-menu__slider .box__overlay .scroll__img .scorll-arrow__line .scrollarrowline2 {
border-top: 2.5px dotted #ff8f1c;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__slider .box__overlay .scroll__img .scorll-arrow__line .scrollarrowline1, .the-menu__slider .box__overlay .scroll__img .scorll-arrow__line .scrollarrowline2 {
border-top: 0.13vw dotted #ff8f1c;
}
}
.the-menu__slider .box__overlay .des-primary {
margin-bottom: 29px;
color: #000;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__slider .box__overlay .des-primary {
margin-bottom: 1.51vw;
}
}
@media only screen and (max-width: 991px) {
.the-menu__slider .box__overlay .des-primary {
font-size: 11px;
margin: 0 0 20px 4px;
}
}
.the-menu__slider .box__overlay h3 {
color: #000;
}
.the-menu__slider .box__overlay .cus-btn {
background-color: #800eb4;
color: #fff;
}
.the-menu__text-img {
position: absolute;
width: 100%;
max-width: 453px;
right: 81px;
top: -7px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__text-img {
max-width: 23.594vw;
right: 4.219vw;
top: -0.365vw;
}
}
@media only screen and (max-width: 991px) {
.the-menu__text-img {
max-width: 412px;
right: 0;
top: -4px;
opacity: 0.8;
}
}
.the-menu__btn {
position: relative;
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin: 37px 0 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__btn {
margin: 1.927vw 0 0;
}
}
@media only screen and (max-width: 991px) {
.the-menu__btn {
margin: 30px 0 0;
}
}
.the-menu__btn:hover .the-menu__btn-icon {
transform: translateX(8px);
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__btn:hover .the-menu__btn-icon {
transform: translateX(0.417vw);
}
}
.the-menu__btn:hover a {
opacity: 1;
}
.the-menu__btn a {
font-family: "Poppins", sans-serif;
color: #fff;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
text-decoration: underline;
text-underline-offset: 3px;
opacity: 0.5;
text-transform: uppercase;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__btn a {
font-size: 0.833vw;
text-underline-offset: 0.156vw;
}
}
@media only screen and (max-width: 991px) {
.the-menu__btn a {
font-size: 14px;
}
}
.the-menu__btn-icon {
width: 100%;
max-width: 11px;
margin-left: 10px;
transition: 0.4s all ease-in-out;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.the-menu__btn-icon {
max-width: 0.573vw;
margin-left: 0.521vw;
}
}
@media only screen and (max-width: 991px) {
.the-menu__btn-icon {
display: none;
}
}  .locations {
padding: 250px 0 90px;
position: relative;
background-color: #000;
overflow: hidden;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations {
padding: 13.021vw 0 4.688vw;
}
}
@media only screen and (max-width: 991px) {
.locations {
padding: 159px 0 62px;
}
}
.locations::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
right: 0;
top: 0;
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/locations-overlay.png);
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
background-position: right;
}
@media only screen and (max-width: 991px) {
.locations::before {
display: none;
}
}
.locations__content {
position: relative;
z-index: 2;
}
.locations__content .spirit-text {
transform: rotateY(180deg);
top: -160px;
left: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__content .spirit-text {
top: -8.333vw;
}
}
@media only screen and (max-width: 991px) {
.locations__content .spirit-text {
top: -110px;
}
}
.locations__content .sec-heading {
margin-bottom: 19px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__content .sec-heading {
margin-bottom: 0.99vw;
}
}
@media only screen and (max-width: 991px) {
.locations__content .sec-heading {
margin-bottom: 10px;
}
}
.locations__content .sec-heading .icon {
width: 100%;
max-width: 34px;
margin-bottom: 24px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__content .sec-heading .icon {
max-width: 1.771vw;
margin-bottom: 1.25vw;
}
}
@media only screen and (max-width: 991px) {
.locations__content .sec-heading .icon {
max-width: 24px;
margin: 0 0 14px 0;
}
}
@media only screen and (max-width: 991px) {
.locations__content .sec-heading .heading-lg {
font-size: 26px;
}
}
.locations__content-wrap {
display: flex;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
@media only screen and (max-width: 991px) {
.locations__content-wrap {
flex-direction: column;
}
}
@media only screen and (max-width: 991px) {
.locations__content-wrap .des-primary {
font-size: 11px;
}
}
@media only screen and (max-width: 991px) {
.locations__content-wrap .slider-cta {
display: none;
}
}
.locations__slider {
margin: 113px -12px 0;
display: none;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__slider {
margin: 5.885vw -0.625vw 0;
}
}
@media only screen and (max-width: 991px) {
.locations__slider {
margin: 83px -7px 0;
}
}
.locations__slider .slick-list {
overflow: visible;
}
.locations__slider.slick-initialized {
display: block;
}
.locations__slider .slick-track {
margin-left: 0;
}
.locations__slider .box {
position: relative;
width: 100%;
max-width: 382px;
margin: 0 12px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__slider .box {
max-width: 19.896vw;
margin: 0 0.625vw;
}
}
@media only screen and (max-width: 991px) {
.locations__slider .box {
margin: 0 8px;
}
}
.locations__slider .box:hover .box__wrap-overlay {
transform: none;
}
.locations__slider .box:hover .box__wrap-content-text {
opacity: 0;
}
@media only screen and (max-width: 991px) {
.locations__slider .box .cus-label {
border-radius: 15px;
padding: 9px 10px 76px 12px;
}
}
@media only screen and (max-width: 991px) {
.locations__slider .box .cus-label__img {
max-width: 13px;
margin-right: 7px;
}
}
@media only screen and (max-width: 991px) {
.locations__slider .box .cus-label p {
font-size: 10px;
}
}
.locations__slider .box__wrap {
position: relative;
overflow: hidden;
border-radius: 15px;
cursor: pointer;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__slider .box__wrap {
border-radius: 0.781vw;
}
}
.locations__slider .box__wrap-content {
position: relative;
z-index: 1;
}
.locations__slider .box__wrap-content::after {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 15px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__slider .box__wrap-content::after {
border-radius: 0.781vw;
}
}
.locations__slider .box__wrap-content-img {
border-radius: 15px;
overflow: hidden;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__slider .box__wrap-content-img {
border-radius: 0.781vw;
}
}
.locations__slider .box__wrap-content-img .sec-img {
padding-top: 141.5%;
}
@media only screen and (max-width: 991px) {
.locations__slider .box__wrap-content-img .sec-img {
padding-top: 140.1%;
}
}
.locations__slider .box__wrap-content-text {
position: absolute;
left: 0;
bottom: 0;
padding: 28px 24px;
z-index: 1;
transition: 0.4s all ease-in-out;
width: 100%;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__slider .box__wrap-content-text {
padding: 1.458vw 1.25vw;
}
}
@media only screen and (max-width: 991px) {
.locations__slider .box__wrap-content-text {
padding: 19px 16px;
}
}
.locations__slider .box__wrap-content-text h3 {
font-family: "Menda", sans-serif;
color: #fff;
font-size: 22px;
line-height: 1;
font-weight: 900;
margin: 0 0 23px 9px;
text-transform: uppercase;
letter-spacing: 0.05em;
white-space: break-spaces;
word-break: break-word;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__slider .box__wrap-content-text h3 {
font-size: 1.146vw;
margin: 0 0 1.198vw 0.469vw;
}
}
@media only screen and (max-width: 991px) {
.locations__slider .box__wrap-content-text h3 {
font-size: 16px;
margin: 0 0 16px 4px;
}
}
.locations__slider .box__wrap-content-text .cus-btn {
max-width: 193px;
font-size: 15px;
padding: 15px 15px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__slider .box__wrap-content-text .cus-btn {
max-width: 10.052vw;
font-size: 0.781vw;
padding: 0.781vw 0.781vw;
}
}
@media only screen and (max-width: 991px) {
.locations__slider .box__wrap-content-text .cus-btn {
padding: 10px 33px;
max-width: -moz-max-content;
max-width: max-content;
font-size: 10px;
}
}
.locations__slider .box__wrap-overlay {
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 3;
padding: 25px 25px 28px;
display: flex;
flex-direction: column;
transform: translateX(calc(100% + 1px));
transition: transform 0.95s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__slider .box__wrap-overlay {
padding: 1.302vw 1.302vw 1.458vw;
}
}
@media only screen and (max-width: 991px) {
.locations__slider .box__wrap-overlay {
padding: 19px 16px;
}
}
.locations__slider .box__wrap-overlay .scroll {
position: unset;
max-width: -moz-max-content;
max-width: max-content;
flex-grow: 1;
opacity: 0.4;
margin-left: 11px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__slider .box__wrap-overlay .scroll {
margin-left: 0.573vw;
}
}
@media only screen and (max-width: 991px) {
.locations__slider .box__wrap-overlay .scroll {
margin-left: 4px;
}
}
.locations__slider .box__wrap-overlay .scroll__img {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
max-width: 100%;
margin: 0 0 0 40px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__slider .box__wrap-overlay .scroll__img {
margin: 0 0 0 2.083vw;
}
}
.locations__slider .box__wrap-overlay .scroll__img .scorll-arrow {
margin-bottom: 0;
margin-right: 9px;
rotate: -90deg;
}
.locations__slider .box__wrap-overlay .scroll__img .scorll-arrow:last-child {
margin-right: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__slider .box__wrap-overlay .scroll__img .scorll-arrow {
margin-right: 0.469vw;
}
}
@media only screen and (max-width: 991px) {
.locations__slider .box__wrap-overlay .scroll__img .scorll-arrow {
margin-right: 10px;
}
}
.locations__slider .box__wrap-overlay .scroll__img .scorll-arrow__line .scrollarrowline1, .locations__slider .box__wrap-overlay .scroll__img .scorll-arrow__line .scrollarrowline2 {
border-top: 2.5px dotted #ff8100;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__slider .box__wrap-overlay .scroll__img .scorll-arrow__line .scrollarrowline1, .locations__slider .box__wrap-overlay .scroll__img .scorll-arrow__line .scrollarrowline2 {
border-top: 0.13vw dotted #ff8100;
}
}
.locations__slider .box__wrap-overlay-text ul {
margin: 0 0 30px 11px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__slider .box__wrap-overlay-text ul {
margin: 0 0 1.563vw 0.573vw;
}
}
@media only screen and (max-width: 991px) {
.locations__slider .box__wrap-overlay-text ul {
margin: 0 0 20px 4px;
}
}
.locations__slider .box__wrap-overlay-text ul li {
display: flex;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
margin-bottom: 24px;
}
.locations__slider .box__wrap-overlay-text ul li:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__slider .box__wrap-overlay-text ul li {
margin-bottom: 1.25vw;
}
}
@media only screen and (max-width: 991px) {
.locations__slider .box__wrap-overlay-text ul li {
margin-bottom: 14px;
}
}
.locations__slider .box__wrap-overlay-text ul li figure {
width: 100%;
max-width: 25px;
margin-right: 12px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__slider .box__wrap-overlay-text ul li figure {
max-width: 1.302vw;
margin-right: 0.625vw;
}
}
@media only screen and (max-width: 991px) {
.locations__slider .box__wrap-overlay-text ul li figure {
max-width: 15px;
margin-right: 10px;
}
}
.locations__slider .box__wrap-overlay-text ul li p, .locations__slider .box__wrap-overlay-text ul li a {
font-family: "Poppins", sans-serif;
color: #3e3e3e;
font-size: 15px;
line-height: 1.5;
font-weight: 700;
font-style: normal;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__slider .box__wrap-overlay-text ul li p, .locations__slider .box__wrap-overlay-text ul li a {
font-size: 0.781vw;
}
}
@media only screen and (max-width: 991px) {
.locations__slider .box__wrap-overlay-text ul li p, .locations__slider .box__wrap-overlay-text ul li a {
font-size: 12px;
}
}
.locations__slider .box__wrap-overlay-text .des-primary {
font-size: 15px;
color: #3e3e3e;
margin-bottom: 50px;
letter-spacing: 0;
max-width: 262px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__slider .box__wrap-overlay-text .des-primary {
font-size: 0.781vw;
margin-bottom: 2.604vw;
max-width: 13.646vw;
}
}
@media only screen and (max-width: 991px) {
.locations__slider .box__wrap-overlay-text .des-primary {
font-size: 12px;
margin-bottom: 14px;
}
}
.locations__slider .box__wrap-overlay-text h3 {
font-family: "Menda", sans-serif;
color: #000;
font-size: 22px;
line-height: 1;
font-weight: 900;
margin: 0 0 23px 9px;
text-transform: uppercase;
letter-spacing: 0.05em;
white-space: break-spaces;
word-break: break-word;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__slider .box__wrap-overlay-text h3 {
font-size: 1.146vw;
margin: 0 0 1.198vw 0.469vw;
}
}
@media only screen and (max-width: 991px) {
.locations__slider .box__wrap-overlay-text h3 {
font-size: 16px;
margin: 0 0 16px 4px;
}
}
.locations__slider .box__wrap-overlay-text .cus-btn {
max-width: 193px;
font-size: 15px;
padding: 15px 15px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__slider .box__wrap-overlay-text .cus-btn {
max-width: 10.052vw;
font-size: 0.781vw;
padding: 0.781vw 0.781vw;
}
}
@media only screen and (max-width: 991px) {
.locations__slider .box__wrap-overlay-text .cus-btn {
padding: 10px 33px;
max-width: -moz-max-content;
max-width: max-content;
font-size: 10px;
}
}
.locations__btn {
position: relative;
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin: 41px 0 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__btn {
margin: 2.135vw 0 0;
}
}
@media only screen and (max-width: 991px) {
.locations__btn {
margin: 25px 0 0;
}
}
.locations__btn:hover .the-menu__btn-icon {
transform: translateX(8px);
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__btn:hover .the-menu__btn-icon {
transform: translateX(0.417vw);
}
}
.locations__btn:hover a {
opacity: 1;
}
.locations__btn a {
font-family: "Poppins", sans-serif;
color: #fff;
font-size: 15px;
line-height: 1.5;
font-weight: 400;
text-decoration: underline;
text-underline-offset: 3px;
opacity: 0.5;
text-transform: uppercase;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__btn a {
font-size: 0.781vw;
text-underline-offset: 0.156vw;
}
}
@media only screen and (max-width: 991px) {
.locations__btn a {
font-size: 10px;
letter-spacing: 0.05em;
}
}
.locations__btn .the-menu__btn-icon {
width: 100%;
max-width: 11px;
margin-left: 10px;
transition: 0.4s all ease-in-out;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations__btn .the-menu__btn-icon {
max-width: 0.573vw;
margin-left: 0.521vw;
}
}
@media only screen and (max-width: 991px) {
.locations__btn .the-menu__btn-icon {
max-width: 7px;
margin-left: 3px;
display: block;
}
}
.locations--orange-bg {
padding: 74px 0 90px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations--orange-bg {
padding: 3.854vw 0 4.688vw;
}
}
@media only screen and (max-width: 991px) {
.locations--orange-bg {
padding: 128px 0 46px;
}
}
.locations--orange-bg .locations__content-wrap .des-primary {
color: #000;
}
@media only screen and (max-width: 991px) {
.locations--orange-bg .locations__content-wrap .slider-cta {
display: flex;
margin-top: 20px;
}
}
@media only screen and (max-width: 991px) {
.locations--orange-bg .locations__slider {
margin: 53px -7px 0;
}
}
.locations--orange-bg .locations__btn a {
opacity: 1;
color: #000;
}
.locations.store-type {
padding: 249px 0 150px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations.store-type {
padding: 12.969vw 0 7.813vw;
}
}
@media only screen and (max-width: 991px) {
.locations.store-type {
padding: 167px 0 75px;
}
}
@media only screen and (max-width: 991px) {
.locations.store-type::before {
display: block;
opacity: 0.7;
}
}
.locations.store-type .locations__content-wrap {
max-width: 1605px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations.store-type .locations__content-wrap {
max-width: 83.594vw;
}
}
.locations.store-type .store-type__wrap {
width: 100%;
max-width: 1605px;
overflow: hidden;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.locations.store-type .store-type__wrap {
max-width: 83.594vw;
}
}
@media only screen and (max-width: 991px) {
.locations.store-type .store-type__wrap {
overflow: visible;
}
}
.locations.store-type .store-type__wrap .locations__slider .box__wrap-content .sec-img {
padding-top: 140.4%;
}
@media only screen and (max-width: 991px) {
.locations.store-type .store-type__wrap .locations__slider .box__wrap-content .sec-img {
padding-top: 134%;
}
}
@media only screen and (max-width: 991px) {
.locations.store-type .store-type__wrap .locations__slider .box__wrap-content-text {
padding: 17px 14px;
}
}
@media only screen and (max-width: 991px) {
.locations.store-type .store-type__wrap .locations__slider .box__wrap-content-text h3 {
font-size: 15px;
margin: 0 0 14px 4px;
}
}
@media only screen and (max-width: 991px) {
.locations.store-type .store-type__wrap .locations__slider .box__wrap-content-text .cus-btn {
font-size: 9px;
padding: 9px 24px;
}
}
@media only screen and (max-width: 991px) {
.locations.store-type .store-type__wrap .locations__slider .box .box__wrap-overlay {
padding: 17px 14px;
}
}
@media only screen and (max-width: 991px) {
.locations.store-type .store-type__wrap .locations__slider .box .box__wrap-overlay-text .des-primary {
margin: 0 0 13px 4px;
}
}  .news-and-update {
padding: 96px 0 109px;
position: relative;
background-color: #ff8f1c;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-and-update {
padding: 5vw 0 5.677vw;
}
}
@media only screen and (max-width: 991px) {
.news-and-update {
padding: 64px 0 78px;
}
}
.news-and-update::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/news-and-update-overlay.png);
top: 0;
left: 0;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (max-width: 991px) {
.news-and-update::before {
display: block;
background-position: left;
}
}
.news-and-update__content {
position: relative;
z-index: 1;
}
.news-and-update .news-icon {
width: 100%;
max-width: 50px;
margin-bottom: 26px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-and-update .news-icon {
max-width: 2.604vw;
margin-bottom: 1.354vw;
}
}
@media only screen and (max-width: 991px) {
.news-and-update .news-icon {
max-width: 33px;
margin-bottom: 15px;
}
}
.news-and-update__wrap {
display: flex;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
}
@media only screen and (max-width: 991px) {
.news-and-update__wrap {
flex-direction: column;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
}
.news-and-update__wrap .sec-heading {
margin: 0;
}
@media only screen and (max-width: 991px) {
.news-and-update__wrap .sec-heading {
flex-direction: column;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
}
.news-and-update__wrap .sec-heading .heading-lg {
margin-bottom: 11px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-and-update__wrap .sec-heading .heading-lg {
margin-bottom: 0.573vw;
}
}
@media only screen and (max-width: 991px) {
.news-and-update__wrap .sec-heading .heading-lg {
margin-bottom: 4px;
}
}
.news-and-update__wrap .sec-heading .des-primary {
color: #030303;
}
@media only screen and (max-width: 991px) {
.news-and-update__wrap .sec-heading .des-primary {
font-size: 11px;
}
}
@media only screen and (max-width: 991px) {
.news-and-update__wrap .slider-cta {
display: none;
}
}
.news-and-update__slider {
margin: 94px -12px 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-and-update__slider {
margin: 4.896vw -0.625vw 0;
}
}
@media only screen and (max-width: 991px) {
.news-and-update__slider {
margin: 65px -7px 0;
}
}
.news-and-update__slider .slick-track {
margin-left: 0;
}
.news-and-update__slider .box__wrap-content-text h3 {
width: 100%;
max-width: 300px;
margin: 0 0 13px 9px;
font-size: 25px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-and-update__slider .box__wrap-content-text h3 {
max-width: 15.625vw;
margin: 0 0 0.677vw 0.469vw;
font-size: 1.302vw;
}
}
@media only screen and (max-width: 991px) {
.news-and-update__slider .box__wrap-content-text h3 {
margin: 0 0 13px 4px;
font-size: 18px;
}
}
.news-and-update__slider .box__wrap-overlay-text h3 {
width: 100%;
max-width: 300px;
margin: 0 0 25px 8px;
font-size: 25px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-and-update__slider .box__wrap-overlay-text h3 {
max-width: 15.625vw;
margin: 0 0 1.302vw 0.417vw;
font-size: 1.302vw;
}
}
@media only screen and (max-width: 991px) {
.news-and-update__slider .box__wrap-overlay-text h3 {
margin: 0 0 15px 4px;
font-size: 18px;
}
}
.news-and-update__slider .box__wrap-overlay-text .des-primary {
color: #000;
margin: 0 5px 23px 8px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-and-update__slider .box__wrap-overlay-text .des-primary {
margin: 0 0.26vw 1.198vw 0.417vw;
}
}
@media only screen and (max-width: 991px) {
.news-and-update__slider .box__wrap-overlay-text .des-primary {
font-size: 12px;
margin: 0 5px 15px 4px;
}
}
.news-and-update__btn a {
opacity: 1;
}
.news-and-update--story {
background-color: #ff831a;
}  .instagram {
background-color: #800eb4;
position: relative;
padding: 105px 0 110px;
overflow: hidden;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.instagram {
padding: 5.469vw 0 5.729vw;
}
}
@media only screen and (max-width: 991px) {
.instagram {
padding: 60px 0 72px;
}
}
.instagram::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/instagram-sec-overlay.png);
background-repeat: no-repeat;
background-size: cover;
top: 0;
left: 0;
}
.instagram__content {
position: relative;
z-index: 2;
}
.instagram__content .social-icon {
display: flex;
margin-bottom: 17px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.instagram__content .social-icon {
margin-bottom: 0.885vw;
}
}
@media only screen and (max-width: 991px) {
.instagram__content .social-icon {
margin-bottom: 6px;
}
}
.instagram__content .social-icon li {
width: 100%;
max-width: 43px;
margin-right: 7px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.instagram__content .social-icon li {
max-width: 2.24vw;
margin-right: 0.365vw;
}
}
@media only screen and (max-width: 991px) {
.instagram__content .social-icon li {
max-width: 29px;
margin-right: 4px;
}
}
.instagram__content .social-icon li:last-child {
margin-right: 0;
}
.instagram__content .social-icon li:hover svg path {
fill: #fff;
}
.instagram__content .social-icon li a svg {
width: 43px;
height: 43px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.instagram__content .social-icon li a svg {
width: 2.24vw;
height: 2.24vw;
}
}
@media only screen and (max-width: 991px) {
.instagram__content .social-icon li a svg {
width: 29px;
height: 29px;
}
}
.instagram__content .social-icon li a svg path {
transition: 0.4s all ease-in-out;
}
.instagram__content-wrap {
display: flex;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
}
@media only screen and (max-width: 991px) {
.instagram__content-wrap {
flex-direction: column;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
}
.instagram__content-wrap .sec-heading .heading-lg {
margin-bottom: 17px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.instagram__content-wrap .sec-heading .heading-lg {
margin-bottom: 0.885vw;
}
}
@media only screen and (max-width: 991px) {
.instagram__content-wrap .sec-heading .heading-lg {
font-size: 26px;
margin-bottom: 9px;
}
}
.instagram__content-wrap .sec-heading .des-primary {
color: #fff;
}
@media only screen and (max-width: 991px) {
.instagram__content-wrap .sec-heading .des-primary {
font-size: 11px;
}
}
.instagram__content-wrap .slider-cta {
margin-bottom: 14px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.instagram__content-wrap .slider-cta {
margin-bottom: 0.729vw;
}
}
@media only screen and (max-width: 991px) {
.instagram__content-wrap .slider-cta {
display: none;
}
}
.instagram__slider {
margin: 86px -14px 0;
display: none;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.instagram__slider {
margin: 4.479vw -0.729vw 0;
}
}
@media only screen and (max-width: 991px) {
.instagram__slider {
margin: 54px -10px 0;
}
}
.instagram__slider .slick-list {
overflow: visible;
}
.instagram__slider.slick-initialized {
display: block;
}
.instagram__slider .slick-track {
margin-left: 0;
}
.instagram__slider .box {
position: relative;
width: 100%;
max-width: 382px;
margin: 0 14px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.instagram__slider .box {
max-width: 19.896vw;
margin: 0 0.729vw;
}
}
@media only screen and (max-width: 991px) {
.instagram__slider .box {
margin: 0 10px;
}
}
@media only screen and (max-width: 991px) {
.instagram__slider .box .cus-label {
border-radius: 15px;
top: -31px;
padding: 9px 10px 76px 12px;
}
}
.instagram__slider .box .cus-label__wrap .cus-label__img {
max-width: 13px;
margin-right: 7px;
}
@media only screen and (max-width: 991px) {
.instagram__slider .box .cus-label__wrap p {
font-size: 10px;
}
}
.instagram__slider .box__img {
border-radius: 15px;
overflow: hidden;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.instagram__slider .box__img {
border-radius: 0.781vw;
}
}
.instagram__slider .box__img .sec-img {
display: block;
padding-top: 99%;
}
@media only screen and (max-width: 991px) {
.instagram__slider .box__img .sec-img {
padding-top: 98.5%;
}
}
.instagram--two {
padding: 174px 0 110px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.instagram--two {
padding: 9.063vw 0 5.729vw;
}
}
@media only screen and (max-width: 991px) {
.instagram--two {
padding: 102px 0 72px;
}
}  .newsletter {
position: relative;
padding: 77px 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.newsletter {
padding: 4.01vw 0;
}
}
@media only screen and (max-width: 991px) {
.newsletter {
padding: 59px 0 46px;
}
}
@media only screen and (max-width: 991px) {
.newsletter .sec-bg img {
-o-object-position: left;
object-position: left;
}
}
@media only screen and (max-width: 575px) {
.newsletter .sec-bg img.desktop-img {
display: none;
}
}
.newsletter .sec-bg img.mobile-img {
display: none;
}
@media only screen and (max-width: 575px) {
.newsletter .sec-bg img.mobile-img {
display: block;
}
}
.newsletter__wrap {
position: relative;
display: flex;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
@media only screen and (max-width: 991px) {
.newsletter__wrap {
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
}
@media only screen and (max-width: 767px) {
.newsletter__wrap {
flex-direction: column;
}
}
.newsletter__wrap .sec-heading .heading-lg {
margin-bottom: 10px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.newsletter__wrap .sec-heading .heading-lg {
margin-bottom: 0.521vw;
}
}
@media only screen and (max-width: 767px) {
.newsletter__wrap .sec-heading .heading-lg {
margin-bottom: 8px;
}
}
.newsletter__wrap .sec-heading .des-primary {
color: #fff;
}
.newsletter__btn {
margin: 22px 28px 0 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.newsletter__btn {
margin: 1.146vw 1.458vw 0 0;
}
}
@media only screen and (max-width: 991px) {
.newsletter__btn {
margin: 0 0 0 28px;
}
}
@media only screen and (max-width: 767px) {
.newsletter__btn {
margin: 23px auto 0 0;
}
}
.newsletter__btn .cus-btn {
padding: 26.5px 47.5px;
max-width: 184px;
border-radius: 34px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.newsletter__btn .cus-btn {
padding: 1.38vw 2.474vw;
max-width: 9.583vw;
border-radius: 1.771vw;
}
}
@media only screen and (max-width: 991px) {
.newsletter__btn .cus-btn {
padding: 26.5px 47px;
}
}
.newsletter__ifram {
display: none;
}
.newsletter__ifram .ep-overlay {
position: relative;
}
.newsletter__ifram.fancybox-content {
padding: 0;
}
.newsletter__ifram .ep-header {
display: none !important;
}
.newsletter__ifram .ep-popup {
width: 100% !important;
}
.newsletter__ifram .fancybox-close-small {
z-index: 99999;
background: #fff;
border-radius: 100%;
opacity: 1;
width: 30px;
height: 30px;
padding: 4px;
}  .footer {
background-color: #111111;
padding: 76px 0 99px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.footer {
padding: 3.958vw 0 5.156vw;
}
}
@media only screen and (max-width: 991px) {
.footer {
padding: 56px 0 69px;
}
}
.footer__top {
display: flex;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
margin-bottom: 41px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.footer__top {
margin-bottom: 2.135vw;
}
}
@media only screen and (max-width: 991px) {
.footer__top {
flex-direction: column;
margin-bottom: 48px;
}
}
.footer__top-left {
width: 100%;
max-width: 370px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.footer__top-left {
max-width: 19.271vw;
}
}
@media only screen and (max-width: 991px) {
.footer__top-left {
margin-bottom: 33px;
}
}
.footer__top-left .footer-logo {
width: 100%;
max-width: 351px;
margin-bottom: 60px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.footer__top-left .footer-logo {
max-width: 18.281vw;
margin-bottom: 3.125vw;
}
}
@media only screen and (max-width: 991px) {
.footer__top-left .footer-logo {
max-width: 351px;
margin-bottom: 62px;
}
}
.footer__top-left .description {
margin-bottom: 37px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.footer__top-left .description {
margin-bottom: 1.927vw;
}
}
@media only screen and (max-width: 991px) {
.footer__top-left .description {
margin-bottom: 37px;
}
}
.footer__top-left .description p {
font-family: "Menda", sans-serif;
color: #fff;
font-size: 20px;
line-height: 1.25;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.02em;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.footer__top-left .description p {
font-size: 1.042vw;
}
}
@media only screen and (max-width: 991px) {
.footer__top-left .description p {
font-size: 20px;
}
}
.footer__top-left .social-icon {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.footer__top-left .social-icon li {
margin-right: 13px;
width: 100%;
max-width: 34px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.footer__top-left .social-icon li {
margin-right: 0.677vw;
max-width: 1.771vw;
}
}
@media only screen and (max-width: 991px) {
.footer__top-left .social-icon li {
max-width: 34px;
margin-right: 13px;
}
}
.footer__top-left .social-icon li:last-child {
margin-right: 0;
}
.footer__top-left .social-icon li:hover a svg path {
fill: #fff;
}
.footer__top-left .social-icon li a svg {
width: 34px;
height: 34px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.footer__top-left .social-icon li a svg {
width: 1.771vw;
height: 1.771vw;
}
}
@media only screen and (max-width: 991px) {
.footer__top-left .social-icon li a svg {
width: 34px;
height: 34px;
}
}
.footer__top-left .social-icon li a svg path {
fill: #5a5a5a;
transition: 0.4s all ease-in-out;
}
.footer__top-right {
display: flex;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end;
width: 100%;
}
@media only screen and (max-width: 991px) {
.footer__top-right {
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 767px) {
.footer__top-right {
flex-direction: column;
}
}
.footer__top-right .footer-menu {
margin-right: 90px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.footer__top-right .footer-menu {
margin-right: 4.688vw;
}
}
@media only screen and (max-width: 991px) {
.footer__top-right .footer-menu {
margin: 0 0px 58px 0;
}
}
.footer__top-right .footer-menu:last-child {
margin: 0;
}
.footer__top-right .footer-menu h4 {
font-family: "Menda", sans-serif;
color: #ff8f1c;
font-size: 20px;
line-height: 1.25;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 27px;
letter-spacing: 0.02em;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.footer__top-right .footer-menu h4 {
font-size: 1.042vw;
margin-bottom: 1.406vw;
}
}
@media only screen and (max-width: 991px) {
.footer__top-right .footer-menu h4 {
font-size: 20px;
margin-bottom: 25px;
}
}
.footer__top-right .footer-menu ul li {
margin-bottom: 20px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.footer__top-right .footer-menu ul li {
margin-bottom: 1.042vw;
}
}
@media only screen and (max-width: 991px) {
.footer__top-right .footer-menu ul li {
margin-bottom: 19px;
}
}
.footer__top-right .footer-menu ul li:last-child {
margin-bottom: 0;
}
.footer__top-right .footer-menu ul li:hover a {
color: #fff;
}
.footer__top-right .footer-menu ul li a {
font-family: "Poppins", sans-serif;
color: #9e9e9e;
font-size: 16px;
line-height: 1.3;
font-weight: 400;
letter-spacing: 0.02em;
display: block;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.footer__top-right .footer-menu ul li a {
font-size: 0.833vw;
}
}
@media only screen and (max-width: 991px) {
.footer__top-right .footer-menu ul li a {
font-size: 16px;
}
}
.footer__bottom {
display: flex;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
@media only screen and (max-width: 991px) {
.footer__bottom {
flex-direction: column;
}
}
.footer__bottom .cms-link {
display: flex;
}
@media only screen and (max-width: 991px) {
.footer__bottom .cms-link {
flex-wrap: wrap;
}
}
@media only screen and (max-width: 991px) {
.footer__bottom .cms-link {
margin-bottom: 64px;
}
}
.footer__bottom .cms-link a {
font-family: "Poppins", sans-serif;
color: #5c5c5c;
font-size: 15px;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0.02em;
margin-right: 18px;
text-decoration: underline;
text-underline-offset: 4px;
display: block;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.footer__bottom .cms-link a {
font-size: 0.781vw;
margin-right: 0.938vw;
text-underline-offset: 0.208vw;
}
}
@media only screen and (max-width: 991px) {
.footer__bottom .cms-link a {
font-size: 15px;
margin: 0 19px 10px 0;
}
}
.footer__bottom .cms-link a:hover {
color: #fff;
}
.footer__bottom .cms-link a:last-child {
margin-right: 0;
}
.footer__bottom .copyright {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
@media only screen and (max-width: 991px) {
.footer__bottom .copyright {
flex-direction: column;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
}
.footer__bottom .copyright p {
font-family: "Poppins", sans-serif;
color: #6a6a6a;
font-size: 14px;
line-height: 1.2;
font-weight: 400;
letter-spacing: 0.02em;
margin-right: 11px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.footer__bottom .copyright p {
font-size: 0.729vw;
margin-right: 0.573vw;
}
}
@media only screen and (max-width: 991px) {
.footer__bottom .copyright p {
font-size: 12px;
margin: 0;
}
}
.footer__bottom .copyright a {
width: 100%;
max-width: 75px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.footer__bottom .copyright a {
max-width: 3.906vw;
}
}
@media only screen and (max-width: 991px) {
.footer__bottom .copyright a {
max-width: 69px;
margin-top: 16px;
}
}  .banner {
position: relative;
padding: 100px 0;
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
overflow: hidden;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner {
padding: 5.208vw 0;
}
}
.banner::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 1;
}
.banner .scroll {
bottom: 69px;
left: 73px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner .scroll {
bottom: 3.594vw;
left: 3.802vw;
}
}
@media only screen and (max-width: 991px) {
.banner .scroll {
bottom: 14px;
left: 22px;
}
}
.banner .spirit-text {
right: 67px;
top: 127px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner .spirit-text {
right: 3.49vw;
top: 6.615vw;
}
}
@media only screen and (max-width: 991px) {
.banner .spirit-text {
right: 22px;
top: auto;
bottom: 28px;
}
}
.banner__content {
position: relative;
z-index: 2;
padding-top: 100px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner__content {
padding-top: 5.208vw;
}
}
@media only screen and (max-width: 991px) {
.banner__content {
padding-top: 30px;
}
}
.banner__content .icon {
width: 100%;
max-width: 53px;
margin: 0 auto 41px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner__content .icon {
max-width: 2.76vw;
margin: 0 auto 2.135vw;
}
}
@media only screen and (max-width: 991px) {
.banner__content .icon {
max-width: 53px;
margin: 0 auto 19px;
}
}
.banner__content .sec-heading h1 {
font-family: "Menda", sans-serif;
color: #fff;
font-size: 70px;
line-height: 0.85;
font-weight: 900;
text-transform: uppercase;
text-align: center;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner__content .sec-heading h1 {
font-size: 3.646vw;
}
}
@media only screen and (max-width: 991px) {
.banner__content .sec-heading h1 {
font-size: 34px;
line-height: 1.125;
}
}
.banner__content .sec-heading h1 span {
display: block;
}
.banner__content .sec-heading .description {
margin-top: 9px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner__content .sec-heading .description {
margin-top: 0.469vw;
}
}
.banner__content .sec-heading .description p {
font-family: "Poppins", sans-serif;
color: #fff;
font-size: 20px;
line-height: 1.5;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.05em;
text-align: center;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner__content .sec-heading .description p {
font-size: 1.042vw;
}
}
@media only screen and (max-width: 991px) {
.banner__content .sec-heading .description p {
font-size: 14px;
}
}
.banner__content .banner-btn {
margin-top: 22px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner__content .banner-btn {
margin-top: 1.146vw;
}
}
@media only screen and (max-width: 991px) {
.banner__content .banner-btn {
margin-top: 10px;
}
}
.banner__content .banner-btn .cus-btn {
margin: 0 auto;
}
@media only screen and (max-width: 991px) {
.banner__content .banner-btn .cus-btn {
padding: 16.5px 26px;
}
}
.banner__content .banner-list {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
margin-top: 31px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner__content .banner-list {
margin-top: 1.615vw;
}
}
@media only screen and (max-width: 991px) {
.banner__content .banner-list {
margin-top: 6px;
flex-wrap: wrap;
}
}
.banner__content .banner-list li {
padding-right: 14px;
margin-right: 14px;
position: relative;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner__content .banner-list li {
padding-right: 0.729vw;
margin-right: 0.729vw;
}
}
@media only screen and (max-width: 991px) {
.banner__content .banner-list li {
padding-right: 8px;
margin-right: 8px;
}
}
.banner__content .banner-list li::after {
content: " ";
position: absolute;
width: 2px;
height: 18px;
background-color: #fff;
top: 50%;
right: 0;
transform: translateY(-50%);
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner__content .banner-list li::after {
width: 0.104vw;
height: 0.938vw;
}
}
@media only screen and (max-width: 991px) {
.banner__content .banner-list li::after {
width: 1px;
height: 13px;
}
}
.banner__content .banner-list li:last-child {
margin-right: 0;
padding-right: 0;
}
.banner__content .banner-list li:last-child::after {
display: none;
}
.banner__content .banner-list li a {
font-family: "Poppins", sans-serif;
color: #fff;
font-size: 20px;
line-height: 1;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.05em;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner__content .banner-list li a {
font-size: 1.042vw;
}
}
@media only screen and (max-width: 991px) {
.banner__content .banner-list li a {
font-size: 11px;
}
}
.banner--story {
height: 100%;
min-height: 1077px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner--story {
min-height: 56.094vw;
}
}
@media only screen and (max-width: 991px) {
.banner--story {
min-height: 770px;
}
}
.banner--story::after {
content: " ";
position: absolute;
width: 1019px;
height: 626px;
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/story-banner-icon-overlay.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
top: 46%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner--story::after {
width: 53.073vw;
height: 32.604vw;
}
}
@media only screen and (max-width: 991px) {
.banner--story::after {
width: 550px;
height: 550px;
}
}
@media only screen and (max-width: 575px) {
.banner--story::after {
width: 400px;
height: 260px;
top: 51%;
}
}
.banner--story .sec-bg img.d-block {
display: block !important;
}
@media only screen and (max-width: 575px) {
.banner--story .sec-bg img.d-block {
display: none !important;
}
}
.banner--story .sec-bg img.d-none {
display: none !important;
}
@media only screen and (max-width: 575px) {
.banner--story .sec-bg img.d-none {
display: block !important;
}
}
.banner--location {
min-height: 916px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner--location {
min-height: 47.708vw;
}
}
@media only screen and (max-width: 991px) {
.banner--location {
min-height: 770px;
}
}
.banner--location::before {
background-color: rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 991px) {
.banner--location .banner__content {
padding-top: 50px;
}
}
.banner--location .banner__content .banner-btn .cus-btn {
max-width: 175px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner--location .banner__content .banner-btn .cus-btn {
max-width: 9.115vw;
}
}
.banner--store-page {
min-height: 916px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner--store-page {
min-height: 47.708vw;
}
}
@media only screen and (max-width: 991px) {
.banner--store-page {
min-height: 770px;
}
}
.banner--store-page::before {
background-color: rgba(0, 0, 0, 0.7);
}
@media only screen and (max-width: 991px) {
.banner--store-page::before {
background-color: rgba(0, 0, 0, 0.1);
}
}
.banner--store-page .banner__content {
padding-top: 50px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner--store-page .banner__content {
padding-top: 2.604vw;
}
}
.banner--menu::before {
background-color: rgba(0, 0, 0, 0.6);
}
.banner--franchise {
min-height: 855px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner--franchise {
min-height: 44.531vw;
}
}
@media only screen and (max-width: 991px) {
.banner--franchise {
min-height: 770px;
}
}
.banner--franchise::before {
background-color: rgba(0, 0, 0, 0.6);
}
@media only screen and (max-width: 991px) {
.banner--franchise::before {
background-color: rgba(0, 0, 0, 0.3);
}
}
@media only screen and (max-width: 991px) {
.banner--franchise .cus-container {
padding: 0 15px;
}
}
.banner--franchise .banner__content {
padding-top: 170px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner--franchise .banner__content {
padding-top: 8.854vw;
}
}
@media only screen and (max-width: 991px) {
.banner--franchise .banner__content {
padding-top: 30px;
}
}
@media only screen and (max-width: 991px) {
.banner--franchise .banner__content .banner-btn {
margin-top: 22px;
}
}
.banner--franchise .sec-heading h1 {
font-size: 50px;
width: 100%;
max-width: 700px;
margin: 0 auto;
line-height: 1;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner--franchise .sec-heading h1 {
font-size: 2.604vw;
max-width: 36.458vw;
}
}
@media only screen and (max-width: 991px) {
.banner--franchise .sec-heading h1 {
font-size: 30px;
}
}
@media only screen and (max-width: 991px) {
.banner--franchise .sec-heading .description {
margin-top: 2px;
}
}
@media only screen and (max-width: 991px) {
.banner--franchise .sec-heading .description p {
font-size: 13px;
}
}
.banner--news {
min-height: 848px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner--news {
min-height: 44.167vw;
}
}
@media only screen and (max-width: 991px) {
.banner--news {
min-height: 770px;
}
}
.banner--news::before {
background-color: rgba(0, 0, 0, 0.6);
}
.banner--news .banner__content {
padding: 0;
}
@media only screen and (max-width: 991px) {
.banner--news .banner__content {
padding-top: 50px;
}
}
.banner--news .banner__content .sec-heading h1 {
font-size: 50px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner--news .banner__content .sec-heading h1 {
font-size: 2.604vw;
}
}
@media only screen and (max-width: 991px) {
.banner--news .banner__content .sec-heading h1 {
font-size: 30px;
}
}
@media only screen and (max-width: 991px) {
.banner--news .banner__content .sec-heading .description {
margin-top: 3px;
}
}
.banner--news .banner__content .sec-heading .description p {
font-size: 16px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner--news .banner__content .sec-heading .description p {
font-size: 0.833vw;
}
}
@media only screen and (max-width: 991px) {
.banner--news .banner__content .sec-heading .description p {
font-size: 13px;
}
}
.banner--offer {
min-height: 855px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner--offer {
min-height: 44.531vw;
}
}
@media only screen and (max-width: 991px) {
.banner--offer {
min-height: 770px;
}
}
.banner--offer .offer-banner-text-img {
position: absolute;
width: 100%;
height: auto;
left: 0;
bottom: 0;
}
@media only screen and (max-width: 575px) {
.banner--offer .offer-banner-text-img {
width: 259%;
left: 50%;
transform: translateX(-50%);
}
}
.banner--offer::before {
background-color: rgba(0, 0, 0, 0.6);
}
.banner--offer::after {
content: " ";
position: absolute;
width: 100%;
height: 100%;
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/offer-banner-overlay.png);
background-repeat: no-repeat;
background-size: cover;
top: 0;
left: 0;
}
.banner--offer .banner__content {
padding-top: 50px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner--offer .banner__content {
padding-top: 2.604vw;
}
}
.banner--offer .banner__content .sec-heading h1 {
font-size: 50px;
line-height: 1;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner--offer .banner__content .sec-heading h1 {
font-size: 2.604vw;
}
}
@media only screen and (max-width: 991px) {
.banner--offer .banner__content .sec-heading h1 {
font-size: 34px;
}
}
.banner--offer .banner__content .sec-heading h1 span {
display: block;
}
.banner--offer .banner__content .sec-heading .description p {
font-size: 16px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner--offer .banner__content .sec-heading .description p {
font-size: 0.833vw;
}
}
@media only screen and (max-width: 991px) {
.banner--offer .banner__content .sec-heading .description p {
font-size: 13px;
}
}   .timeline {
padding: 75px 0 140px;
background-color: #ff8f1c;
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.timeline {
padding: 3.906vw 0 7.292vw;
}
}
@media only screen and (max-width: 991px) {
.timeline {
padding: 34px 0 57px;
}
}
.timeline::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/timeline-sec-overlay.png);
background-repeat: no-repeat;
background-size: cover;
top: 0;
left: 0;
z-index: 1;
}
.timeline__content {
position: relative;
z-index: 1;
}
.timeline__content .icon {
width: 100%;
max-width: 33px;
margin-bottom: 24px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.timeline__content .icon {
max-width: 1.719vw;
margin-bottom: 1.25vw;
}
}
@media only screen and (max-width: 991px) {
.timeline__content .icon {
max-width: 26px;
margin-bottom: 13px;
}
}
.timeline__content .sec-heading {
margin-bottom: 90px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.timeline__content .sec-heading {
margin-bottom: 4.688vw;
}
}
@media only screen and (max-width: 991px) {
.timeline__content .sec-heading {
margin-bottom: 28px;
}
}
@media only screen and (max-width: 991px) {
.timeline__content .sec-heading .heading-xl {
line-height: 1.16;
}
}
.timeline__content .sec-heading .des-primary {
margin-top: 7px;
color: #030303;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.timeline__content .sec-heading .des-primary {
margin-top: 0.365vw;
}
}
@media only screen and (max-width: 991px) {
.timeline__content .sec-heading .des-primary {
margin-top: 4px;
}
}
.timeline__slider {
position: relative;
}
.timeline__slider .slider-cta {
position: absolute;
top: 47px;
z-index: 1;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.timeline__slider .slider-cta {
top: 2.448vw;
}
}
@media only screen and (max-width: 991px) {
.timeline__slider .slider-cta {
position: unset;
}
}
.timeline__slide-for {
display: none;
}
@media only screen and (max-width: 991px) {
.timeline__slide-for {
margin-top: 26px;
}
}
.timeline__slide-for .slick-list {
overflow: visible;
}
.timeline__slide-for.slick-initialized {
display: block;
}
.timeline__slide-for .content__wrap {
display: flex;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
}
@media only screen and (max-width: 991px) {
.timeline__slide-for .content__wrap {
flex-direction: column;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
}
.timeline__slide-for .content__wrap-text {
width: 100%;
max-width: 37%;
margin-right: 115px;
padding: 65px 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.timeline__slide-for .content__wrap-text {
margin-right: 5.99vw;
}
}
@media only screen and (max-width: 991px) {
.timeline__slide-for .content__wrap-text {
max-width: 100%;
padding: 0;
}
}
.timeline__slide-for .content__wrap-text .heading-xl {
color: #000;
}
@media only screen and (max-width: 991px) {
.timeline__slide-for .content__wrap-text .heading-xl {
margin-bottom: 3px;
font-size: 26px;
}
}
.timeline__slide-for .content__wrap-text .description p {
font-family: "Menda", sans-serif;
color: #000;
font-size: 20px;
line-height: 1.5;
font-weight: 900;
text-transform: uppercase;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.timeline__slide-for .content__wrap-text .description p {
font-size: 1.042vw;
}
}
@media only screen and (max-width: 991px) {
.timeline__slide-for .content__wrap-text .description p {
font-size: 11px;
line-height: 1.7;
}
}
.timeline__slide-for .content__wrap-media {
width: 100%;
max-width: 40.2%;
position: relative;
}
@media only screen and (max-width: 991px) {
.timeline__slide-for .content__wrap-media {
margin-top: 54px;
max-width: 500px;
}
}
@media only screen and (max-width: 991px) {
.timeline__slide-for .content__wrap-media .cus-label {
top: -24px;
padding: 7px 10px 76px 11px;
border-radius: 15px;
}
}
@media only screen and (max-width: 991px) {
.timeline__slide-for .content__wrap-media .cus-label__img {
max-width: 13px;
}
}
@media only screen and (max-width: 991px) {
.timeline__slide-for .content__wrap-media .cus-label p {
font-size: 9px;
}
}
.timeline__slide-for .content__wrap-media .sec-img {
padding-top: 76.6%;
border-radius: 15px;
overflow: hidden;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.timeline__slide-for .content__wrap-media .sec-img {
border-radius: 0.781vw;
}
}
@media only screen and (max-width: 991px) {
.timeline__slide-for .content__wrap-media .sec-img {
padding-top: 77.2%;
}
}
.timeline__slide-now {
border-bottom: 3px solid #362d20;
position: relative;
z-index: 1;
margin: 116px 0 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.timeline__slide-now {
border-bottom: 0.156vw solid #362d20;
margin: 6.042vw 0 0;
}
}
@media only screen and (max-width: 991px) {
.timeline__slide-now {
margin: 80px 0 0;
}
}
.timeline__slide-now .slick-list {
overflow: visible;
}
.timeline__slide-now-wrap {
display: none;
margin: 0 -10px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.timeline__slide-now-wrap {
margin: 0 -0.521vw;
}
}
.timeline__slide-now-wrap.slick-initialized {
display: block;
}
.timeline__slide-now .year {
display: flex;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
flex-direction: column;
width: 100%;
max-width: 90px;
cursor: pointer;
margin: 0 10px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.timeline__slide-now .year {
max-width: 4.688vw;
margin: 0 0.521vw;
}
}
.timeline__slide-now .year.slick-current {
position: relative;
}
.timeline__slide-now .year.slick-current::before {
content: " ";
position: absolute;
top: -119px;
left: 0;
height: 93px;
width: 4px;
background-color: #362d20;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.timeline__slide-now .year.slick-current::before {
top: -6.198vw;
height: 4.844vw;
width: 0.208vw;
}
}
@media only screen and (max-width: 991px) {
.timeline__slide-now .year.slick-current::before {
height: 58px;
top: -49px;
}
}
.timeline__slide-now .year.slick-current span {
width: 4px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.timeline__slide-now .year.slick-current span {
width: 0.208vw;
}
}
.timeline__slide-now .year p {
font-family: "Poppins", sans-serif;
color: #141414;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
writing-mode: vertical-lr;
text-orientation: sideways-right;
transform: rotate(-180deg);
letter-spacing: 0.05em;
margin-left: -9px;
height: 50px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.timeline__slide-now .year p {
font-size: 0.833vw;
margin-left: -0.469vw;
height: 2.604vw;
}
}
@media only screen and (max-width: 991px) {
.timeline__slide-now .year p {
margin-left: -7px;
font-size: 12px;
}
}
.timeline__slide-now .year span {
height: 54px;
width: 3px;
background-color: #362d20;
display: block;
margin-top: 19px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.timeline__slide-now .year span {
height: 2.813vw;
width: 0.156vw;
margin-top: 0.99vw;
}
}
@media only screen and (max-width: 991px) {
.timeline__slide-now .year span {
height: 34px;
margin-top: 12px;
}
}  .sec-video__wrap-inner {
position: relative;
width: 100%;
padding-top: 60.4%;
}
@media only screen and (max-width: 575px) {
.sec-video__wrap-inner {
padding-top: 186.5%;
}
}
.sec-video__wrap-inner video, .sec-video__wrap-inner img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.sec-video__wrap .vedio-poster-img::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 1;
}
@media only screen and (max-width: 575px) {
.sec-video__wrap .vedio-poster-img::before {
display: none;
}
}
@media only screen and (max-width: 575px) {
.sec-video__wrap .vedio-poster-img .desktop-img {
display: none;
}
}
.sec-video__wrap .vedio-poster-img .mobile-img {
display: none;
}
@media only screen and (max-width: 575px) {
.sec-video__wrap .vedio-poster-img .mobile-img {
display: block;
}
}
.sec-video__content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
z-index: 2;
padding: 0 20px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.sec-video__content {
padding: 0 1.042vw;
}
}
.sec-video__content .spirit-text {
top: 100px;
left: 90px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.sec-video__content .spirit-text {
top: 5.208vw;
left: 4.688vw;
}
}
@media only screen and (max-width: 991px) {
.sec-video__content .spirit-text {
left: 22px;
top: auto;
bottom: 28px;
}
}
@media only screen and (max-width: 390px) {
.sec-video__content .spirit-text {
left: 10px;
}
}
.sec-video__content .spirit-text__img img {
position: unset;
}
@media only screen and (max-width: 991px) {
.sec-video__content .spirit-text p {
display: block;
}
}
.sec-video__content-text {
width: 100%;
max-width: 595px;
margin: 0 auto;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.sec-video__content-text {
max-width: 30.99vw;
}
}
.sec-video__content-text .play-btn {
width: 100%;
max-width: 122px;
margin: 0 auto 70px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.sec-video__content-text .play-btn {
max-width: 6.354vw;
margin: 0 auto 3.646vw;
}
}
@media only screen and (max-width: 991px) {
.sec-video__content-text .play-btn {
max-width: 77px;
margin: 0 auto 62px;
}
}
.sec-video__content-text .play-btn img {
position: unset;
cursor: pointer;
}
.sec-video__content-text h2 {
font-family: "Menda", sans-serif;
color: #fff;
font-size: 70px;
line-height: 1;
font-weight: 900;
text-align: center;
text-transform: uppercase;
margin-bottom: 33px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.sec-video__content-text h2 {
font-size: 3.646vw;
margin-bottom: 1.719vw;
}
}
@media only screen and (max-width: 991px) {
.sec-video__content-text h2 {
font-size: 40px;
margin-bottom: 11px;
}
}
.sec-video__content-text .cus-btn {
font-size: 22px;
margin: 0 auto;
border: none;
outline: none;
border-radius: 33px;
padding: 22.5px 57.5px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.sec-video__content-text .cus-btn {
font-size: 1.146vw;
border-radius: 1.719vw;
padding: 1.172vw 2.995vw;
}
}
@media only screen and (max-width: 991px) {
.sec-video__content-text .cus-btn {
font-size: 16px;
padding: 16.5px 38.5px;
}
}   .location-map .map {
width: 100%;
height: 928px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.location-map .map {
height: 48.333vw;
}
}
@media only screen and (max-width: 767px) {
.location-map .map {
height: 910px;
}
}
.location-map .gm-style-iw {
background-color: #ff8f1c;
flex-direction: row;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
border-radius: 24px;
padding: 14.5px 14px !important;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.location-map .gm-style-iw {
border-radius: 1.25vw;
padding: 0.755vw 0.729vw !important;
}
}
@media only screen and (max-width: 767px) {
.location-map .gm-style-iw {
padding: 16.5px 19px !important;
}
}
.location-map .gm-style-iw-ch {
display: none;
}
.location-map .gm-style-iw-chr {
order: 2;
}
.location-map .gm-style-iw .gm-ui-hover-effect {
width: 15px !important;
height: 15px !important;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.location-map .gm-style-iw .gm-ui-hover-effect {
width: 0.781vw !important;
height: 0.781vw !important;
}
}
.location-map .gm-style-iw .gm-ui-hover-effect span {
margin: 0 !important;
width: 100% !important;
height: 100% !important;
}
.location-map .gm-style-iw-d {
overflow: hidden !important;
order: 1;
}
.location-map .gm-style-iw-d a {
font-family: "Poppins", sans-serif;
color: #000;
font-size: 16px;
line-height: 1;
font-weight: 600;
text-transform: uppercase;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.location-map .gm-style-iw-d a {
font-size: 0.833vw;
}
}
@media only screen and (max-width: 767px) {
.location-map .gm-style-iw-d a {
font-size: 16px;
}
}
.location-map .gm-style-iw-tc::after {
display: none;
}
.location-map .poi-info-window div, .location-map .poi-info-window a {
background-color: #ff8f1c;
}
.location-map .poi-info-window .view-link:hover, .location-map .poi-info-window a:hover {
text-decoration: none;
}
.location-map.single-location-map .map {
height: 924px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.location-map.single-location-map .map {
height: 48.125vw;
}
}
@media only screen and (max-width: 767px) {
.location-map.single-location-map .map {
height: 768px;
}
}  .store-detail {
position: relative;
padding: 191px 0 149px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.store-detail {
padding: 9.948vw 0 7.76vw;
}
}
@media only screen and (max-width: 991px) {
.store-detail {
padding: 92px 0 78px;
}
}
.store-detail__wrap {
display: flex;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
position: relative;
z-index: 1;
width: 100%;
max-width: 1280px;
margin: 0 auto;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.store-detail__wrap {
max-width: 66.667vw;
}
}
@media only screen and (max-width: 991px) {
.store-detail__wrap {
flex-direction: column;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
}
.store-detail__wrap .heading-lg {
margin-bottom: 37px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.store-detail__wrap .heading-lg {
margin-bottom: 1.927vw;
}
}
@media only screen and (max-width: 991px) {
.store-detail__wrap .heading-lg {
margin-bottom: 57px;
}
}
.store-detail__wrap-left {
width: 100%;
max-width: 52.4%;
position: relative;
}
@media only screen and (max-width: 991px) {
.store-detail__wrap-left {
max-width: 575px;
margin: 0 0 36px 0px;
}
}
@media only screen and (max-width: 991px) {
.store-detail__wrap-left .cus-label {
padding: 9px 10px 76px 17px;
}
}
.store-detail__wrap-left .cus-label__img {
margin-right: 39px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.store-detail__wrap-left .cus-label__img {
margin-right: 2.031vw;
}
}
@media only screen and (max-width: 991px) {
.store-detail__wrap-left .cus-label__img {
margin-right: 5px;
max-width: 13px;
}
}
@media only screen and (max-width: 991px) {
.store-detail__wrap-left .cus-label p {
font-size: 9px;
}
}
.store-detail__wrap-left .spirit-text {
left: -44px;
bottom: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.store-detail__wrap-left .spirit-text {
left: -2.292vw;
}
}
@media only screen and (max-width: 991px) {
.store-detail__wrap-left .spirit-text {
display: none;
}
}
.store-detail__wrap-left .sec-img {
border-radius: 24px;
overflow: hidden;
padding-top: 71.93%;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.store-detail__wrap-left .sec-img {
border-radius: 1.25vw;
}
}
@media only screen and (max-width: 991px) {
.store-detail__wrap-left .sec-img {
padding-top: 75.3%;
}
}
.store-detail__wrap-right {
width: 100%;
max-width: 43.52%;
}
@media only screen and (max-width: 991px) {
.store-detail__wrap-right {
max-width: 575px;
}
}
.store-detail__wrap-right-content .store-detail-address {
display: flex;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
margin-bottom: 20px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.store-detail__wrap-right-content .store-detail-address {
margin-bottom: 1.042vw;
}
}
@media only screen and (max-width: 991px) {
.store-detail__wrap-right-content .store-detail-address {
margin-bottom: 23px;
}
}
.store-detail__wrap-right-content .store-detail-address:last-child {
margin-bottom: 0;
}
.store-detail__wrap-right-content .store-detail-address .icon {
width: 100%;
min-width: 15px;
max-width: 15px;
margin: 4px 13px 0 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.store-detail__wrap-right-content .store-detail-address .icon {
min-width: 0.781vw;
max-width: 0.781vw;
margin: 0.208vw 0.677vw 0 0;
}
}
@media only screen and (max-width: 991px) {
.store-detail__wrap-right-content .store-detail-address .icon {
min-width: 15px;
max-width: 15px;
margin: 2px 14px 0 0;
}
}
.store-detail__wrap-right-content .store-detail-address .text {
width: 100%;
max-width: 260px;
line-height: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.store-detail__wrap-right-content .store-detail-address .text {
max-width: 13.542vw;
}
}
.store-detail__wrap-right-content .store-detail-address .text p, .store-detail__wrap-right-content .store-detail-address .text a {
font-family: "Poppins", sans-serif;
color: #9e9e9e;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
font-style: normal;
letter-spacing: 0.05em;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.store-detail__wrap-right-content .store-detail-address .text p, .store-detail__wrap-right-content .store-detail-address .text a {
font-size: 0.833vw;
}
}
@media only screen and (max-width: 991px) {
.store-detail__wrap-right-content .store-detail-address .text p, .store-detail__wrap-right-content .store-detail-address .text a {
font-size: 16px;
}
}
.store-detail__wrap-right-content .store-detail-address .text p span {
width: 100%;
max-width: 110px;
display: inline-block;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.store-detail__wrap-right-content .store-detail-address .text p span {
max-width: 5.729vw;
}
}
@media only screen and (max-width: 991px) {
.store-detail__wrap-right-content .store-detail-address .text p span {
max-width: 90px;
}
}
.store-detail__wrap-right-btn {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin-top: 57px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.store-detail__wrap-right-btn {
margin-top: 2.969vw;
}
}
@media only screen and (max-width: 991px) {
.store-detail__wrap-right-btn {
flex-wrap: wrap;
margin-top: 25px;
}
}
.store-detail__wrap-right-btn .cus-btn {
margin-right: 17px;
padding: 16.5px 22.5px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.store-detail__wrap-right-btn .cus-btn {
margin-right: 0.885vw;
padding: 0.859vw 1.172vw;
}
}
@media only screen and (max-width: 991px) {
.store-detail__wrap-right-btn .cus-btn {
padding: 16.5px 20px;
margin: 16px 8px 0 0;
}
}
.store-detail__wrap-right-btn .cus-btn:last-child {
margin-right: 0;
}   .bb-menu {
padding: 211px 0 0;
position: relative;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.bb-menu {
padding: 10.99vw 0 0;
}
}
@media only screen and (max-width: 991px) {
.bb-menu {
padding: 95px 0 0;
}
}
.bb-menu.bb-menu-auto .bb-menu-content-item {
height: auto;
padding-bottom: 151px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.bb-menu.bb-menu-auto .bb-menu-content-item {
padding-bottom: 7.865vw;
}
}
@media only screen and (max-width: 991px) {
.bb-menu.bb-menu-auto .bb-menu-content-item {
padding-bottom: 5px;
}
}
.bb-menu.bb-menu-auto .bb-menu-content-item__overlay {
display: none;
}
@media only screen and (max-width: 991px) {
.bb-menu .the-menu__content .sec-heading .icon {
max-width: 34px;
margin-right: 18px;
}
}
@media only screen and (max-width: 991px) {
.bb-menu .the-menu__content-wrap {
margin-top: 21px;
}
}
.bb-menu .catergories-filter {
display: none;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
width: 100%;
max-width: 174px;
border-radius: 22px;
background-color: rgba(255, 255, 255, 0.1);
padding: 13px 10px;
margin: 41px 0 34px;
}
@media only screen and (max-width: 991px) {
.bb-menu .catergories-filter {
display: flex;
}
}
.bb-menu .catergories-filter p {
font-family: "Poppins", sans-serif;
color: #fff;
font-size: 15px;
line-height: 1.6;
font-weight: 600;
letter-spacing: 0.075em;
}
.bb-menu .catergories-filter img {
width: 100%;
max-width: 11px;
margin-left: 7px;
}
@media only screen and (max-width: 991px) {
.bb-menu .the-menu__filter {
display: none;
}
}
.bb-menu .bb-menu-content-item {
height: 100vh;
overflow-y: auto;
overflow-x: hidden;
position: relative;
}
.bb-menu .bb-menu-content-item::-webkit-scrollbar {
display: none;
}
.bb-menu .bb-menu-content-item__overlay {
position: sticky;
width: 100%;
height: 300px;
pointer-events: none;
bottom: 0;
left: 0;
z-index: 1;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.bb-menu .bb-menu-content-item__overlay {
height: 15.625vw;
}
}
@media only screen and (max-width: 991px) {
.bb-menu .bb-menu-content-item__overlay {
height: 84px;
}
}
.bb-menu .bb-menu-content-item__overlay::before {
content: " ";
position: absolute;
width: 100%;
height: 300px;
left: 0;
bottom: 0;
z-index: 4;
background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.bb-menu .bb-menu-content-item__overlay::before {
height: 15.625vw;
}
}
@media only screen and (max-width: 991px) {
.bb-menu .bb-menu-content-item__overlay::before {
height: 84px;
}
}
.bb-menu .bb-menu-content-item__overlay::after {
content: " ";
position: absolute;
width: 100%;
height: 300px;
bottom: 0;
z-index: 4;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(39, 4, 54, 0.4962359944) 100%);
right: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.bb-menu .bb-menu-content-item__overlay::after {
height: 15.625vw;
}
}
@media only screen and (max-width: 991px) {
.bb-menu .bb-menu-content-item__overlay::after {
height: 84px;
}
}
.bb-menu .the-menu__slider {
display: flex;
flex-wrap: wrap;
margin: 0 -20px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.bb-menu .the-menu__slider {
margin: 0 -1.042vw;
}
}
@media only screen and (max-width: 991px) {
.bb-menu .the-menu__slider {
margin: 0;
display: none;
width: 100%;
}
.bb-menu .the-menu__slider.slick-initialized {
display: block;
}
}
@media only screen and (max-width: 991px) {
.bb-menu .the-menu__slider .slick-list {
margin: 0 -8.5px;
}
}
@media only screen and (max-width: 991px) {
.bb-menu .the-menu__slider .slick-track {
display: flex;
}
}
.bb-menu .the-menu__slider .box {
max-width: 406px;
margin: 0 20px;
opacity: 1;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.bb-menu .the-menu__slider .box {
max-width: 21.146vw;
margin: 0 1.042vw;
}
}
@media only screen and (max-width: 991px) {
.bb-menu .the-menu__slider .box {
margin: 0 8.5px;
padding: 57px 16px 18px;
}
}
.bb-menu .the-menu__slider .box:nth-child(n+5) {
margin-top: 40px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.bb-menu .the-menu__slider .box:nth-child(n+5) {
margin-top: 2.083vw;
}
}
@media only screen and (max-width: 991px) {
.bb-menu .the-menu__slider .box:nth-child(n+3) {
margin-top: 0;
}
}
@media only screen and (max-width: 575px) {
.bb-menu .the-menu__slider .box h3 {
font-size: 16px;
}
}
@media only screen and (max-width: 991px) {
.bb-menu .the-menu__slider .box .cus-btn {
padding: 10px 17px;
padding: 10.5px 24px;
}
}
@media only screen and (max-width: 991px) {
.bb-menu .the-menu__slider .box__overlay {
padding: 20px 19px 18px;
}
}
.bb-menu .the-menu__text-img {
max-width: 453px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.bb-menu .the-menu__text-img {
max-width: 23.594vw;
}
}
@media only screen and (max-width: 991px) {
.bb-menu .the-menu__text-img {
max-width: 270px;
right: 30px;
top: -4px;
}
}
@media only screen and (max-width: 767px) {
.bb-menu .the-menu__text-img {
max-width: 184px;
right: 10px;
top: 0;
}
}
.bb-menu__wrap {
margin-bottom: 45px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.bb-menu__wrap {
margin-bottom: 2.344vw;
}
}
@media only screen and (max-width: 991px) {
.bb-menu__wrap {
margin-bottom: 50px;
}
}
.bb-menu__wrap:last-child {
margin-bottom: 0;
}
.bb-menu__wrap .heading-lg {
color: #ff8f1c;
margin-bottom: 32px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.bb-menu__wrap .heading-lg {
margin-bottom: 1.667vw;
}
}
@media only screen and (max-width: 991px) {
.bb-menu__wrap .heading-lg {
font-size: 18px;
margin-bottom: 18px;
}
}   .why-burgerBoi {
background-color: #800eb4;
position: relative;
padding: 132px 0 167px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.why-burgerBoi {
padding: 6.875vw 0 8.698vw;
}
}
@media only screen and (max-width: 991px) {
.why-burgerBoi {
padding: 80px 0 75px;
}
}
.why-burgerBoi::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/why-burgerBoi-overlay.png);
background-repeat: no-repeat;
background-size: cover;
top: 0;
left: 0;
}
.why-burgerBoi__content {
position: relative;
z-index: 1;
}
.why-burgerBoi__content .why-burgerBoi__icon {
width: 100%;
max-width: 131px;
margin: 0 0 34px 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.why-burgerBoi__content .why-burgerBoi__icon {
max-width: 6.823vw;
margin: 0 0 1.771vw 0;
}
}
@media only screen and (max-width: 991px) {
.why-burgerBoi__content .why-burgerBoi__icon {
max-width: 131px;
margin: 0 0 42px 0;
}
}
.why-burgerBoi__content .sec-heading {
margin-bottom: 56px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.why-burgerBoi__content .sec-heading {
margin-bottom: 2.917vw;
}
}
@media only screen and (max-width: 991px) {
.why-burgerBoi__content .sec-heading {
margin-bottom: 47px;
}
}
.why-burgerBoi__content .sec-heading .heading-lg {
margin-bottom: 17px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.why-burgerBoi__content .sec-heading .heading-lg {
margin-bottom: 0.885vw;
}
}
@media only screen and (max-width: 991px) {
.why-burgerBoi__content .sec-heading .heading-lg {
line-height: 1.3;
margin-bottom: 2px;
}
}
.why-burgerBoi__content .sec-heading .des-primary {
color: #fff;
}
.why-burgerBoi__content-text h3 {
font-family: "Menda", sans-serif;
color: #000;
font-size: 40px;
line-height: 1;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 49px;
letter-spacing: 0.05em;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.why-burgerBoi__content-text h3 {
font-size: 2.083vw;
margin-bottom: 2.552vw;
}
}
@media only screen and (max-width: 991px) {
.why-burgerBoi__content-text h3 {
font-size: 22px;
margin-bottom: 54px;
line-height: 1.3;
}
}
.why-burgerBoi__content-text h3 span {
display: block;
}
@media only screen and (max-width: 991px) {
.why-burgerBoi__content-text h3 span {
display: inline;
}
}
@media only screen and (max-width: 991px) {
.why-burgerBoi__content-text .heading-lg {
margin-bottom: 7px;
line-height: 1;
}
}
.why-burgerBoi__content-text ul li {
font-family: "Poppins", sans-serif;
color: #000;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
padding-left: 10px;
position: relative;
letter-spacing: 0.05em;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.why-burgerBoi__content-text ul li {
font-size: 0.833vw;
padding-left: 0.521vw;
}
}
@media only screen and (max-width: 991px) {
.why-burgerBoi__content-text ul li {
font-size: 16px;
margin-bottom: 2px;
}
.why-burgerBoi__content-text ul li:last-child {
margin-bottom: 0;
}
}
.why-burgerBoi__content-text ul li::before {
content: " ";
position: absolute;
width: 3px;
height: 3px;
border-radius: 100%;
background-color: #000;
top: 10px;
left: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.why-burgerBoi__content-text ul li::before {
width: 0.156vw;
height: 0.156vw;
top: 0.521vw;
}
}  .become-a-partner {
position: relative;
padding: 220px 0 160px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.become-a-partner {
padding: 11.458vw 0 8.333vw;
}
}
@media only screen and (max-width: 991px) {
.become-a-partner {
padding: 88px 0 91px;
}
}
.become-a-partner::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/become-a-partner-overlay.png);
background-repeat: no-repeat;
background-size: cover;
top: 0;
left: 0;
z-index: 1;
}
@media only screen and (max-width: 991px) {
.become-a-partner::before {
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/become-a-partner-overlay-mobile.png);
}
}
.become-a-partner__wrap {
position: relative;
z-index: 1;
display: flex;
}
@media only screen and (max-width: 991px) {
.become-a-partner__wrap {
flex-direction: column;
}
}
.become-a-partner__wrap-text {
width: 100%;
max-width: 29%;
margin-right: 204px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.become-a-partner__wrap-text {
margin-right: 10.625vw;
}
}
@media only screen and (max-width: 991px) {
.become-a-partner__wrap-text {
max-width: 100%;
margin: 0 0 7px 0;
}
}
.become-a-partner__wrap-text .spirit-text {
position: unset;
width: 100%;
max-width: 19px;
margin-bottom: 16px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.become-a-partner__wrap-text .spirit-text {
max-width: 0.99vw;
margin-bottom: 0.833vw;
}
}
.become-a-partner__wrap-text .sec-heading .heading-lg {
color: #ff8f1c;
margin-bottom: 13px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.become-a-partner__wrap-text .sec-heading .heading-lg {
margin-bottom: 0.677vw;
}
}
@media only screen and (max-width: 991px) {
.become-a-partner__wrap-text .sec-heading .heading-lg {
margin-bottom: 11px;
}
}
.become-a-partner__wrap-text .sec-heading .des-primary {
color: #fff;
}
.become-a-partner__wrap-form {
width: 100%;
max-width: 48%;
}
@media only screen and (max-width: 991px) {
.become-a-partner__wrap-form {
max-width: 100%;
}
}  .calendly-booking-widget {
background-color: #fff;
padding: 90px 0 140px;
position: relative;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.calendly-booking-widget {
padding: 4.688vw 0 7.292vw;
}
}
@media only screen and (max-width: 991px) {
.calendly-booking-widget {
padding: 110px 0;
}
}
.calendly-booking-widget::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/calendly-booking-widget-overlay.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: 1;
top: 0;
left: 0;
}
.calendly-booking-widget__wrap {
width: 100%;
max-width: 1460px;
margin: 0 auto;
position: relative;
z-index: 2;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.calendly-booking-widget__wrap {
max-width: 76.042vw;
}
}   .cms {
background-color: #ff8f1c;
position: relative;
padding: 255px 0 450px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.cms {
padding: 13.281vw 0 23.438vw;
}
}
@media only screen and (max-width: 991px) {
.cms {
padding: 250px 0 120px;
}
}
.cms::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/cms-overlay.png);
background-repeat: no-repeat;
background-size: cover;
top: -10px;
left: 0;
}
@media only screen and (max-width: 767px) {
.cms::before {
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/cms-overlay-mobile.png);
top: 130px;
}
}
@media only screen and (max-width: 390px) {
.cms::before {
top: 115px;
}
}
.cms__wrap {
position: relative;
z-index: 1;
width: 100%;
max-width: 1134px;
margin: 0 auto;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.cms__wrap {
max-width: 59.063vw;
}
}
@media only screen and (max-width: 991px) {
.cms__wrap {
padding: 0 22px;
max-width: 767px;
}
}
@media only screen and (max-width: 767px) {
.cms__wrap {
max-width: 575px;
}
}
.cms__wrap .scroll {
left: -22px;
top: 16px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.cms__wrap .scroll {
left: -1.146vw;
top: 0.833vw;
}
}
@media only screen and (max-width: 991px) {
.cms__wrap .scroll {
display: none;
}
}
.cms__wrap .spirit-text {
right: -36px;
top: 12px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.cms__wrap .spirit-text {
right: -1.875vw;
top: 0.625vw;
}
}
@media only screen and (max-width: 991px) {
.cms__wrap .spirit-text {
display: none;
}
}
.cms__content * {
color: #000;
}
.cms__content.wysiwyg h1, .cms__content.wysiwyg h2, .cms__content.wysiwyg h3, .cms__content.wysiwyg h4, .cms__content.wysiwyg h5, .cms__content.wysiwyg h6 {
font-family: "Menda", sans-serif;
color: #000;
line-height: 1.25;
font-weight: 900;
margin-bottom: 44px;
text-transform: uppercase;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.cms__content.wysiwyg h1, .cms__content.wysiwyg h2, .cms__content.wysiwyg h3, .cms__content.wysiwyg h4, .cms__content.wysiwyg h5, .cms__content.wysiwyg h6 {
margin-bottom: 2.292vw;
}
}
@media only screen and (max-width: 991px) {
.cms__content.wysiwyg h1, .cms__content.wysiwyg h2, .cms__content.wysiwyg h3, .cms__content.wysiwyg h4, .cms__content.wysiwyg h5, .cms__content.wysiwyg h6 {
margin-bottom: 30px;
}
}
.cms__content.wysiwyg h1 {
font-size: 50px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.cms__content.wysiwyg h1 {
font-size: 2.604vw;
}
}
@media only screen and (max-width: 991px) {
.cms__content.wysiwyg h1 {
font-size: 32px;
}
}
.cms__content.wysiwyg h2 {
font-size: 40px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.cms__content.wysiwyg h2 {
font-size: 2.083vw;
}
}
@media only screen and (max-width: 991px) {
.cms__content.wysiwyg h2 {
font-size: 30px;
line-height: 1.6;
margin-bottom: 35px;
}
}
.cms__content.wysiwyg h3 {
font-size: 35px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.cms__content.wysiwyg h3 {
font-size: 1.823vw;
}
}
@media only screen and (max-width: 991px) {
.cms__content.wysiwyg h3 {
font-size: 22px;
}
}
.cms__content.wysiwyg h4 {
font-size: 30px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.cms__content.wysiwyg h4 {
font-size: 1.563vw;
}
}
@media only screen and (max-width: 991px) {
.cms__content.wysiwyg h4 {
font-size: 20px;
}
}
.cms__content.wysiwyg h5 {
font-size: 25px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.cms__content.wysiwyg h5 {
font-size: 1.302vw;
}
}
@media only screen and (max-width: 991px) {
.cms__content.wysiwyg h5 {
font-size: 18px;
}
}
.cms__content.wysiwyg h6 {
font-size: 20px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.cms__content.wysiwyg h6 {
font-size: 1.042vw;
}
}
@media only screen and (max-width: 991px) {
.cms__content.wysiwyg h6 {
font-size: 18px;
}
}
.cms__content.wysiwyg p {
font-family: "Poppins", sans-serif;
font-size: 14px;
color: #000;
line-height: 2.5;
font-weight: 400;
margin-bottom: 44px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.cms__content.wysiwyg p {
font-size: 0.729vw;
margin-bottom: 2.292vw;
}
}
@media only screen and (max-width: 991px) {
.cms__content.wysiwyg p {
font-size: 16px;
line-height: 1.5;
margin-bottom: 25px;
}
}
.cms__content.wysiwyg p:last-child {
margin-bottom: 0;
}
.cms__content.wysiwyg ul {
margin: 30px 0;
}
@media only screen and (max-width: 991px) {
.cms__content.wysiwyg ul {
margin: 25px 0;
}
}
.cms__content.wysiwyg ul li {
font-family: "Poppins", sans-serif;
font-size: 14px;
color: #000;
line-height: 1.2;
font-weight: 400;
margin: 0 0 15px 20px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.cms__content.wysiwyg ul li {
font-size: 0.729vw;
margin: 0 0 0.781vw 1.042vw;
}
}
@media only screen and (max-width: 991px) {
.cms__content.wysiwyg ul li {
font-size: 16px;
line-height: 1.5;
margin-bottom: 10px;
}
}
.cms__content.wysiwyg ul li:last-child {
margin-bottom: 0;
}
.cms__content.wysiwyg a {
font-family: "Poppins", sans-serif;
font-size: 14px;
color: #000;
line-height: 1.2;
font-weight: 400;
display: inline-block;
text-decoration: underline;
text-underline-offset: 7px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.cms__content.wysiwyg a {
font-size: 0.729vw;
text-underline-offset: 0.365vw;
}
}
@media only screen and (max-width: 991px) {
.cms__content.wysiwyg a {
font-size: 16px;
text-underline-offset: 5px;
}
}
.cms__content.wysiwyg a:hover {
border: 0;
text-decoration: none;
}   .news-blog {
background-color: #ff8f1c;
position: relative;
padding: 81px 0 95px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog {
padding: 4.219vw 0 4.948vw;
}
}
@media only screen and (max-width: 991px) {
.news-blog {
padding: 84px 0 90px;
}
}
.news-blog::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/news-blog-overlay.png);
background-repeat: no-repeat;
background-size: cover;
top: 0;
left: 0;
z-index: 1;
}
.news-blog .wrapper {
width: 100%;
max-width: 1605px;
position: relative;
z-index: 1;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog .wrapper {
max-width: 83.594vw;
}
}
@media only screen and (max-width: 767px) {
.news-blog .wrapper {
max-width: 364px;
margin: 0 auto;
}
}
.news-blog .catergories-filter {
display: none;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
width: 100%;
max-width: 147px;
border: 1px solid #7f470e;
border-radius: 22px;
background-color: rgba(0, 0, 0, 0.1);
padding: 10px 10px;
}
@media only screen and (max-width: 991px) {
.news-blog .catergories-filter {
display: flex;
}
}
.news-blog .catergories-filter p {
font-family: "Poppins", sans-serif;
color: #000;
font-size: 15px;
line-height: 1.6;
font-weight: 600;
}
.news-blog .catergories-filter img {
width: 100%;
max-width: 11px;
margin-left: 7px;
}
.news-blog__filter-wrap {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin-bottom: 100px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__filter-wrap {
margin-bottom: 5.208vw;
}
}
@media only screen and (max-width: 991px) {
.news-blog__filter-wrap {
margin-bottom: 82px;
}
}
.news-blog__filter-wrap .icon {
width: 100%;
max-width: 50px;
margin-right: 25px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__filter-wrap .icon {
max-width: 2.604vw;
margin-right: 1.302vw;
}
}
@media only screen and (max-width: 991px) {
.news-blog__filter-wrap .icon {
max-width: 35px;
margin-right: 15px;
display: none;
}
}
.news-blog__filter-wrap .news-blog-filter {
width: 100%;
max-width: calc(100% - 75px);
border-radius: 22px;
border: 1px solid #7f470e;
background-color: rgba(0, 0, 0, 0.1);
padding: 0 47px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__filter-wrap .news-blog-filter {
max-width: calc(100% - 3.906vw);
border-radius: 1.146vw;
border: 0.052vw solid #7f470e;
padding: 0 2.448vw;
}
}
@media only screen and (min-width: 992px) {
.news-blog__filter-wrap .news-blog-filter {
display: block !important;
}
}
@media only screen and (max-width: 991px) {
.news-blog__filter-wrap .news-blog-filter {
padding: 0 20px;
max-width: calc(100% - 50px);
margin-top: 10px;
display: none;
}
}
@media only screen and (max-width: 991px) {
.news-blog__filter-wrap .news-blog-filter {
max-width: 412px;
}
}
.news-blog__filter-wrap .news-blog-filter ul {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
line-height: 0;
}
@media only screen and (max-width: 991px) {
.news-blog__filter-wrap .news-blog-filter ul {
flex-direction: column;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
}
.news-blog__filter-wrap .news-blog-filter ul li {
padding-right: 10px;
margin-right: 10px;
position: relative;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__filter-wrap .news-blog-filter ul li {
padding-right: 0.521vw;
margin-right: 0.521vw;
}
}
@media only screen and (max-width: 991px) {
.news-blog__filter-wrap .news-blog-filter ul li {
width: 100%;
}
}
.news-blog__filter-wrap .news-blog-filter ul li:last-child {
padding-right: 0;
margin-right: 0;
}
.news-blog__filter-wrap .news-blog-filter ul li:last-child::after {
display: none;
}
.news-blog__filter-wrap .news-blog-filter ul li::after {
content: " ";
position: absolute;
background-color: #fff;
width: 2px;
height: 14px;
right: 0;
top: 50%;
transform: translateY(-50%);
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__filter-wrap .news-blog-filter ul li::after {
width: 0.104vw;
height: 0.729vw;
}
}
@media only screen and (max-width: 991px) {
.news-blog__filter-wrap .news-blog-filter ul li::after {
display: none;
}
}
.news-blog__filter-wrap .news-blog-filter ul li button {
font-family: "Poppins", sans-serif;
color: #fff;
font-size: 15px;
line-height: 1;
font-weight: 400;
letter-spacing: 0.075em;
background-color: transparent;
border: none;
outline: none;
cursor: pointer;
text-transform: capitalize;
padding: 14px 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__filter-wrap .news-blog-filter ul li button {
font-size: 0.781vw;
padding: 0.729vw 0;
}
}
@media only screen and (max-width: 991px) {
.news-blog__filter-wrap .news-blog-filter ul li button {
font-size: 13px;
}
}
.news-blog__filter-wrap .news-blog-filter ul li button.active {
color: #000;
font-weight: 600;
}
.news-blog__wrap {
display: flex;
flex-wrap: wrap;
margin: 0 -12px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__wrap {
margin: 0 -0.625vw;
}
}
@media only screen and (max-width: 767px) {
.news-blog__wrap {
margin: 0;
}
}
.news-blog__wrap .box {
position: relative;
width: 100%;
margin: 0 12px 94px;
max-width: calc(25% - 25px);
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__wrap .box {
max-width: calc(25% - 1.302vw);
margin: 0 0.625vw 4.896vw;
}
}
@media only screen and (max-width: 991px) {
.news-blog__wrap .box {
margin: 0 7px 45px;
max-width: calc(50% - 14px);
}
}
@media only screen and (max-width: 767px) {
.news-blog__wrap .box {
max-width: 100%;
margin: 0 0 94px 0;
}
}
.news-blog__wrap .box:hover .box__wrap-overlay {
transform: none;
}
.news-blog__wrap .box:hover .box__wrap-content-text {
opacity: 0;
}
@media only screen and (max-width: 767px) {
.news-blog__wrap .box .cus-label {
top: -44px;
border: 15px;
padding: 12px 16px 76px;
}
}
@media only screen and (max-width: 767px) {
.news-blog__wrap .box .cus-label__img {
max-width: 19px;
margin-right: 9px;
}
}
.news-blog__wrap .box__wrap {
position: relative;
overflow: hidden;
border-radius: 15px;
cursor: pointer;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__wrap .box__wrap {
border-radius: 0.781vw;
}
}
.news-blog__wrap .box__wrap-content {
position: relative;
z-index: 1;
}
.news-blog__wrap .box__wrap-content::after {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 15px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__wrap .box__wrap-content::after {
border-radius: 0.781vw;
}
}
.news-blog__wrap .box__wrap-content-img {
border-radius: 15px;
overflow: hidden;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__wrap .box__wrap-content-img {
border-radius: 0.781vw;
}
}
.news-blog__wrap .box__wrap-content-img .sec-img {
padding-top: 140.5%;
}
@media only screen and (max-width: 991px) {
.news-blog__wrap .box__wrap-content-img .sec-img {
padding-top: 134%;
}
}
@media only screen and (max-width: 991px) {
.news-blog__wrap .box__wrap-content-img .sec-img {
padding-top: 114%;
}
}
@media only screen and (max-width: 767px) {
.news-blog__wrap .box__wrap-content-img .sec-img {
padding-top: 140.7%;
}
}
.news-blog__wrap .box__wrap-content-text {
position: absolute;
left: 0;
bottom: 0;
padding: 28px 24px;
z-index: 1;
transition: 0.4s all ease-in-out;
width: 100%;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__wrap .box__wrap-content-text {
padding: 1.458vw 1.25vw;
}
}
@media only screen and (max-width: 991px) {
.news-blog__wrap .box__wrap-content-text {
padding: 24px 15px;
}
}
@media only screen and (max-width: 767px) {
.news-blog__wrap .box__wrap-content-text {
padding: 26px 23px;
}
}
.news-blog__wrap .box__wrap-content-text h3 {
font-family: "Menda", sans-serif;
color: #fff;
font-size: 25px;
line-height: 1;
font-weight: 900;
margin: 0 0 23px 9px;
text-transform: uppercase;
letter-spacing: 0.05em;
max-width: 318px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__wrap .box__wrap-content-text h3 {
font-size: 1.302vw;
margin: 0 0 1.198vw 0.469vw;
max-width: 16.563vw;
}
}
@media only screen and (max-width: 991px) {
.news-blog__wrap .box__wrap-content-text h3 {
font-size: 18px;
margin: 0 0 18px 4px;
}
}
@media only screen and (max-width: 767px) {
.news-blog__wrap .box__wrap-content-text h3 {
font-size: 23px;
margin: 0 0 15px 4px;
}
}
.news-blog__wrap .box__wrap-content-text .cus-btn {
max-width: 193px;
font-size: 15px;
padding: 15px 15px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__wrap .box__wrap-content-text .cus-btn {
max-width: 10.052vw;
font-size: 0.781vw;
padding: 0.781vw 0.781vw;
}
}
@media only screen and (max-width: 991px) {
.news-blog__wrap .box__wrap-content-text .cus-btn {
padding: 12px 24px;
max-width: -moz-max-content;
max-width: max-content;
font-size: 14px;
}
}
@media only screen and (max-width: 991px) {
.news-blog__wrap .box__wrap-content-text .cus-btn {
padding: 14.5px 46.5px;
border-radius: 14px;
}
}
.news-blog__wrap .box__wrap-overlay {
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 3;
padding: 25px 25px 28px;
display: flex;
flex-direction: column;
transform: translateX(calc(100% + 1px));
transition: transform 0.95s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__wrap .box__wrap-overlay {
padding: 1.302vw 1.302vw 1.458vw;
}
}
@media only screen and (max-width: 991px) {
.news-blog__wrap .box__wrap-overlay {
padding: 24px 15px;
}
}
@media only screen and (max-width: 575px) {
.news-blog__wrap .box__wrap-overlay {
padding: 10px 15px 24px;
}
}
.news-blog__wrap .box__wrap-overlay .scroll {
position: unset;
max-width: -moz-max-content;
max-width: max-content;
flex-grow: 1;
opacity: 0.4;
margin-left: 11px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__wrap .box__wrap-overlay .scroll {
margin-left: 0.573vw;
}
}
@media only screen and (max-width: 991px) {
.news-blog__wrap .box__wrap-overlay .scroll {
margin: 10px 0 0 20px;
}
}
.news-blog__wrap .box__wrap-overlay .scroll__img {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
max-width: 100%;
margin: 0 0 0 30px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__wrap .box__wrap-overlay .scroll__img {
margin: 0 0 0 1.563vw;
}
}
.news-blog__wrap .box__wrap-overlay .scroll__img .scorll-arrow {
margin-bottom: 0;
margin-right: 9px;
rotate: -90deg;
}
.news-blog__wrap .box__wrap-overlay .scroll__img .scorll-arrow:last-child {
margin-right: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__wrap .box__wrap-overlay .scroll__img .scorll-arrow {
margin-right: 0.469vw;
}
}
@media only screen and (max-width: 991px) {
.news-blog__wrap .box__wrap-overlay .scroll__img .scorll-arrow {
margin-right: 10px;
}
}
.news-blog__wrap .box__wrap-overlay .scroll__img .scorll-arrow__line .scrollarrowline1, .news-blog__wrap .box__wrap-overlay .scroll__img .scorll-arrow__line .scrollarrowline2 {
border-top: 2.5px dotted #000;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__wrap .box__wrap-overlay .scroll__img .scorll-arrow__line .scrollarrowline1, .news-blog__wrap .box__wrap-overlay .scroll__img .scorll-arrow__line .scrollarrowline2 {
border-top: 0.13vw dotted #000;
}
}
.news-blog__wrap .box__wrap-overlay-text h3 {
font-family: "Menda", sans-serif;
color: #000;
font-size: 25px;
line-height: 1;
font-weight: 900;
letter-spacing: 0.05em;
text-transform: uppercase;
max-width: 318px;
margin: 0 0 26px 5px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__wrap .box__wrap-overlay-text h3 {
font-size: 1.302vw;
max-width: 16.563vw;
margin: 0 0 1.354vw 0.26vw;
}
}
@media only screen and (max-width: 991px) {
.news-blog__wrap .box__wrap-overlay-text h3 {
font-size: 18px;
margin: 0 0 18px 4px;
}
}
@media only screen and (max-width: 767px) {
.news-blog__wrap .box__wrap-overlay-text h3 {
font-size: 23px;
margin: 0 0 15px 4px;
}
}
.news-blog__wrap .box__wrap-overlay-text .des-primary {
color: #000;
margin: 0 0 27px 5px;
font-weight: 500;
width: 100%;
max-width: 300px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__wrap .box__wrap-overlay-text .des-primary {
margin: 0 0 1.406vw 0.26vw;
max-width: 15.625vw;
}
}
@media only screen and (max-width: 991px) {
.news-blog__wrap .box__wrap-overlay-text .des-primary {
font-size: 12px;
margin: 0 0 15px 4px;
}
}
.news-blog__wrap .box__wrap-overlay-text .cus-btn {
max-width: 193px;
font-size: 15px;
padding: 15px 15px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__wrap .box__wrap-overlay-text .cus-btn {
max-width: 10.052vw;
font-size: 0.781vw;
padding: 0.781vw 0.781vw;
}
}
@media only screen and (max-width: 991px) {
.news-blog__wrap .box__wrap-overlay-text .cus-btn {
padding: 12px 24px;
max-width: -moz-max-content;
max-width: max-content;
font-size: 14px;
}
}
@media only screen and (max-width: 991px) {
.news-blog__wrap .box__wrap-overlay-text .cus-btn {
padding: 14.5px 46.5px;
border-radius: 14px;
}
}
.news-blog__wrap .box.latest-news {
max-width: calc(50% - 24px);
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-blog__wrap .box.latest-news {
max-width: calc(50% - 1.25vw);
}
}
@media only screen and (max-width: 991px) {
.news-blog__wrap .box.latest-news {
max-width: calc(100% - 14px);
}
}
@media only screen and (max-width: 767px) {
.news-blog__wrap .box.latest-news {
max-width: 100%;
}
}
.news-blog__wrap .box.latest-news .box__wrap-content-img .sec-img {
padding-top: 68%;
}
@media only screen and (max-width: 991px) {
.news-blog__wrap .box.latest-news .box__wrap-content-img .sec-img {
padding-top: 56%;
}
}
@media only screen and (max-width: 767px) {
.news-blog__wrap .box.latest-news .box__wrap-content-img .sec-img {
padding-top: 140.7%;
}
}
.news-blog .show-more-btn {
display: none;
}
@media only screen and (max-width: 767px) {
.news-blog .show-more-btn {
display: block;
margin-top: -60px;
}
}
.news-blog .show-more-btn a {
font-family: "Poppins", sans-serif;
color: #6f6f6f;
font-size: 14px;
line-height: 1.7;
font-weight: 400;
text-decoration: underline;
text-underline-offset: 4px;
}  .news-story {
background-color: #ff8f1c;
position: relative;
padding: 211px 0 65px;
overflow: hidden;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story {
padding: 10.99vw 0 3.385vw;
}
}
@media only screen and (max-width: 991px) {
.news-story {
padding: 195px 0 107px;
}
}
.news-story::before {
content: " ";
position: absolute;
width: 100%;
height: 100vh;
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/news-story-overlay.png);
background-repeat: no-repeat;
background-size: cover;
top: -8px;
left: 0;
bottom: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story::before {
top: -0.417vw;
}
}
.news-story .wrapper {
width: 100%;
max-width: 1132px;
margin: 0 auto;
position: relative;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story .wrapper {
max-width: 58.958vw;
}
}
.news-story__title {
position: relative;
margin-bottom: 35px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story__title {
margin-bottom: 1.823vw;
}
}
@media only screen and (max-width: 991px) {
.news-story__title {
margin-bottom: 30px;
}
}
.news-story__title .scroll {
left: -43px;
bottom: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story__title .scroll {
left: -2.24vw;
}
}
@media only screen and (max-width: 991px) {
.news-story__title .scroll {
display: none;
}
}
.news-story__title .spirit-text {
right: -42px;
top: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story__title .spirit-text {
right: -2.188vw;
}
}
@media only screen and (max-width: 991px) {
.news-story__title .spirit-text {
display: none;
}
}
.news-story__title-item {
border-radius: 25px;
overflow: hidden;
position: relative;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story__title-item {
border-radius: 1.302vw;
}
}
@media only screen and (max-width: 991px) {
.news-story__title-item {
border-radius: 0;
}
}
.news-story__title-item .sec-img {
padding-top: 61.6%;
}
@media only screen and (max-width: 475px) {
.news-story__title-item .sec-img {
padding-top: 64%;
}
}
@media only screen and (max-width: 390px) {
.news-story__title-item .sec-img {
padding-top: 80%;
}
}
@media only screen and (max-width: 991px) {
.news-story__title-item .sec-img img {
border-radius: 25px;
}
}
.news-story__title-item-text {
position: absolute;
padding: 34px 30px;
z-index: 1;
bottom: 0;
left: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story__title-item-text {
padding: 1.771vw 1.563vw;
}
}
@media only screen and (max-width: 991px) {
.news-story__title-item-text {
position: unset;
padding: 20px 12px 0;
}
}
.news-story__title-item-text h2 {
font-family: "Menda", sans-serif;
color: #fff;
font-size: 70px;
line-height: 1;
font-weight: 900;
text-transform: uppercase;
width: 100%;
max-width: 900px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story__title-item-text h2 {
font-size: 3.646vw;
max-width: 46.875vw;
}
}
@media only screen and (max-width: 991px) {
.news-story__title-item-text h2 {
font-size: 24px;
margin-bottom: 0;
}
}
.news-story__title-item-text .des-primary {
color: #fff;
}
@media only screen and (max-width: 991px) {
.news-story__title-item-text .des-primary {
font-size: 14px;
}
}
.news-story__content {
padding: 0 0 65px 0;
border-bottom: 1px solid #000;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story__content {
padding: 0 0 3.385vw 0;
border-bottom: 0.052vw solid #000;
}
}
@media only screen and (max-width: 991px) {
.news-story__content {
padding: 0 0 30px 0;
}
}
.news-story__content .user {
display: flex;
margin-bottom: 30px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story__content .user {
margin-bottom: 1.563vw;
}
}
@media only screen and (max-width: 991px) {
.news-story__content .user {
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin-bottom: 50px;
}
}
.news-story__content .user__img {
width: 100%;
max-width: 106px;
margin-right: 36px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story__content .user__img {
max-width: 5.521vw;
margin-right: 1.875vw;
}
}
@media only screen and (max-width: 991px) {
.news-story__content .user__img {
max-width: 98px;
margin-right: 32px;
}
}
.news-story__content .user__img .sec-img {
border-radius: 100%;
overflow: hidden;
padding-top: 100%;
margin: 0;
}
.news-story__content .user__text {
margin-top: 16px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story__content .user__text {
margin-top: 0.833vw;
}
}
@media only screen and (max-width: 991px) {
.news-story__content .user__text {
margin-top: 0;
}
}
.news-story__content .user__text h5 {
font-family: "Poppins", sans-serif;
color: #000;
font-size: 16px;
line-height: 1.5;
font-weight: 700;
text-transform: uppercase;
margin: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story__content .user__text h5 {
font-size: 0.833vw;
}
}
@media only screen and (max-width: 991px) {
.news-story__content .user__text h5 {
font-size: 14px;
}
}
.news-story__content .user__text .des-primary {
text-transform: uppercase;
color: #fff;
}
@media only screen and (max-width: 991px) {
.news-story__content .user__text .des-primary {
font-size: 14px;
}
}
.news-story__content .user__text .des-primary p {
margin: 0 !important;
line-height: 1.5;
color: #fff;
}
.news-story__content h2 {
font-family: "Menda", sans-serif;
color: #000;
font-size: 40px;
line-height: 1;
font-weight: 900;
text-transform: uppercase;
width: 100%;
max-width: 900px;
margin-bottom: 48px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story__content h2 {
font-size: 2.083vw;
max-width: 46.875vw;
margin-bottom: 2.5vw;
}
}
@media only screen and (max-width: 991px) {
.news-story__content h2 {
font-size: 28px;
margin-bottom: 44px;
}
}
.news-story__content p {
font-family: "Poppins", sans-serif;
color: #000;
font-size: 16px;
line-height: 2.5;
font-weight: 400;
margin-bottom: 40px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story__content p {
font-size: 0.833vw;
margin-bottom: 2.083vw;
}
}
@media only screen and (max-width: 991px) {
.news-story__content p {
font-size: 16px;
line-height: 1.6;
margin-bottom: 15px;
}
}
.news-story__content p:last-child {
margin-bottom: 0;
}
.news-story__content ul {
margin: 0 0 38px 38px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story__content ul {
margin: 0 0 1.979vw 1.979vw;
}
}
@media only screen and (max-width: 991px) {
.news-story__content ul {
margin: 0 0 15px 0;
}
}
.news-story__content ul li {
font-family: "Menda", sans-serif;
color: #000;
font-size: 20px;
line-height: 2;
font-weight: 900;
text-transform: uppercase;
position: relative;
padding-left: 13px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story__content ul li {
font-size: 1.042vw;
padding-left: 0.677vw;
}
}
@media only screen and (max-width: 991px) {
.news-story__content ul li {
font-size: 16px;
padding-left: 10px;
line-height: 1.6;
}
}
.news-story__content ul li::before {
content: " ";
position: absolute;
width: 3px;
height: 3px;
border-radius: 100%;
left: 0;
top: 18px;
background-color: #000;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story__content ul li::before {
width: 0.156vw;
height: 0.156vw;
top: 0.938vw;
}
}
@media only screen and (max-width: 991px) {
.news-story__content ul li::before {
top: 15px;
}
}
.news-story__content .sec-img {
border-radius: 25px;
overflow: hidden;
padding-top: 56.7%;
margin-bottom: 40px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story__content .sec-img {
border-radius: 1.302vw;
margin-bottom: 2.083vw;
}
}
@media only screen and (max-width: 991px) {
.news-story__content .sec-img {
margin-bottom: 25px;
}
}
.news-story__content .share-story {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
@media only screen and (max-width: 475px) {
.news-story__content .share-story {
flex-direction: column;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
}
.news-story__content .share-story p {
font-family: "Poppins", sans-serif;
color: #000;
font-size: 16px;
line-height: 1.4;
font-weight: 700;
margin: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story__content .share-story p {
font-size: 0.833vw;
}
}
@media only screen and (max-width: 991px) {
.news-story__content .share-story p {
font-size: 16px;
}
}
@media only screen and (max-width: 475px) {
.news-story__content .share-story p {
margin-bottom: 10px;
}
}
.news-story__content .share-story ul {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin: 0 0 0 15px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story__content .share-story ul {
margin: 0 0 0 0.781vw;
}
}
@media only screen and (max-width: 475px) {
.news-story__content .share-story ul {
margin: 0;
}
}
.news-story__content .share-story ul li {
width: 100%;
max-width: 40px;
margin-right: 8px;
padding: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story__content .share-story ul li {
max-width: 2.083vw;
margin-right: 0.417vw;
}
}
@media only screen and (max-width: 991px) {
.news-story__content .share-story ul li {
max-width: 36px;
margin-right: 6px;
}
}
@media only screen and (max-width: 411px) {
.news-story__content .share-story ul li {
max-width: 27px;
}
}
.news-story__content .share-story ul li::before {
display: none;
}
.news-story__content .share-story ul li:last-child {
margin-right: 0;
}
.news-story__content .share-story ul li:first-child {
max-width: 115px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story__content .share-story ul li:first-child {
max-width: 5.99vw;
}
}
@media only screen and (max-width: 991px) {
.news-story__content .share-story ul li:first-child {
max-width: 106px;
}
}
.news-story .news-and-update {
padding: 39px 0 112px;
overflow: hidden;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story .news-and-update {
padding: 2.031vw 0 5.833vw;
}
}
@media only screen and (max-width: 991px) {
.news-story .news-and-update {
padding: 25px 0 0px;
overflow: visible;
}
}
.news-story .news-and-update::before {
display: none;
}
@media only screen and (max-width: 991px) {
.news-story .news-and-update .news-icon {
max-width: 50px;
margin-bottom: 32px;
}
}
@media only screen and (max-width: 991px) {
.news-story .news-and-update__wrap .sec-heading {
margin-bottom: 24px;
}
}
.news-story .news-and-update__wrap .sec-heading .heading-lg {
margin: 0;
color: #000;
}
@media only screen and (max-width: 991px) {
.news-story .news-and-update__wrap .slider-cta {
display: flex;
}
}
.news-story .news-and-update__btn {
margin-top: 30px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.news-story .news-and-update__btn {
margin-top: 1.563vw;
}
}
@media only screen and (max-width: 991px) {
.news-story .news-and-update__btn {
display: none;
}
}
.news-story .news-and-update__btn a {
color: #000 !important;
}   .product-offer {
position: relative;
padding: 217px 0;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.product-offer {
padding: 11.302vw 0;
}
}
@media only screen and (max-width: 991px) {
.product-offer {
padding: 123px 0 98px;
}
}
.product-offer::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/product-offer-overlay.png);
background-repeat: no-repeat;
background-size: cover;
top: 0;
left: 0;
}
.product-offer .wrapper {
width: 100%;
max-width: 1315px;
margin: 0 auto;
position: relative;
z-index: 1;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.product-offer .wrapper {
max-width: 68.49vw;
}
}
.product-offer__wrap {
display: flex;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
margin-bottom: 242px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.product-offer__wrap {
margin-bottom: 12.604vw;
}
}
@media only screen and (max-width: 991px) {
.product-offer__wrap {
flex-direction: column;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin-bottom: 120px;
}
}
.product-offer__wrap:last-child {
margin-bottom: 0;
}
.product-offer__wrap-left {
width: 100%;
max-width: 51%;
position: relative;
}
@media only screen and (max-width: 991px) {
.product-offer__wrap-left {
max-width: 575px;
margin-left: 3px;
}
}
@media only screen and (max-width: 420px) {
.product-offer__wrap-left {
max-width: 365px;
}
}
.product-offer__wrap-left .spirit-text {
left: -44px;
top: 50%;
transform: translateY(-50%);
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.product-offer__wrap-left .spirit-text {
left: -2.292vw;
}
}
@media only screen and (max-width: 991px) {
.product-offer__wrap-left .spirit-text {
left: -20px;
}
}
@media only screen and (max-width: 991px) {
.product-offer__wrap-left .spirit-text p {
display: block;
}
}
.product-offer__wrap-left-img {
position: relative;
}
.product-offer__wrap-left-img .cus-label {
z-index: 1;
}
@media only screen and (max-width: 991px) {
.product-offer__wrap-left-img .cus-label {
top: -24px;
padding: 7px 10px 76px 12px;
}
}
@media only screen and (max-width: 991px) {
.product-offer__wrap-left-img .cus-label__img {
max-width: 10px;
}
}
@media only screen and (max-width: 991px) {
.product-offer__wrap-left-img .cus-label p {
font-size: 8px;
}
}
.product-offer__wrap-left-img .sec-img {
z-index: 2;
border-radius: 24px;
overflow: hidden;
padding-top: 100.1%;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.product-offer__wrap-left-img .sec-img {
border-radius: 1.25vw;
}
}
@media only screen and (max-width: 991px) {
.product-offer__wrap-left-img .sec-img {
padding-top: 100.3%;
}
}
.product-offer__wrap-right {
width: 100%;
max-width: 45.2%;
margin-top: 53px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.product-offer__wrap-right {
margin-top: 2.76vw;
}
}
@media only screen and (max-width: 991px) {
.product-offer__wrap-right {
max-width: 575px;
margin-top: 30px;
}
}
.product-offer__wrap-right .icon {
width: 100%;
max-width: 45px;
margin-bottom: 28px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.product-offer__wrap-right .icon {
max-width: 2.344vw;
margin-bottom: 1.458vw;
}
}
@media only screen and (max-width: 991px) {
.product-offer__wrap-right .icon {
max-width: 45px;
margin-bottom: 33px;
}
}
.product-offer__wrap-right .heading-lg {
color: #000;
margin-bottom: 24px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.product-offer__wrap-right .heading-lg {
margin-bottom: 1.25vw;
}
}
@media only screen and (max-width: 991px) {
.product-offer__wrap-right .heading-lg {
margin-bottom: 18px;
font-size: 34px;
}
}
.product-offer__wrap-right .des-primary {
color: #fff;
margin-bottom: 37px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.product-offer__wrap-right .des-primary {
margin-bottom: 1.927vw;
}
}
@media only screen and (max-width: 991px) {
.product-offer__wrap-right .des-primary {
margin-bottom: 14px;
}
}
.product-offer__wrap-right .des-primary p {
margin-bottom: 25px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.product-offer__wrap-right .des-primary p {
margin-bottom: 1.302vw;
}
}
@media only screen and (max-width: 991px) {
.product-offer__wrap-right .des-primary p {
margin-bottom: 23px;
}
}
.product-offer__wrap-right .des-primary p:last-child {
margin-bottom: 0;
}
.product-offer__wrap-right-btn {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
flex-wrap: wrap;
}
.product-offer__wrap-right-btn .cus-btn {
margin: 4px 9px 4px 0;
color: #fff;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.product-offer__wrap-right-btn .cus-btn {
margin: 0.208vw 0.469vw 0.208vw 0;
}
}
@media only screen and (max-width: 991px) {
.product-offer__wrap-right-btn .cus-btn {
margin: 0px 0px 18px 0;
}
}
.product-offer__wrap-right-btn .cus-btn:last-child {
margin: 4px 0 4px 0;
}
.product-offer__wrap-right-btn .cus-btn.orange-btn {
background-color: #ff8100;
padding: 16.5px 40px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.product-offer__wrap-right-btn .cus-btn.orange-btn {
padding: 0.859vw 2.083vw;
}
}
@media only screen and (max-width: 991px) {
.product-offer__wrap-right-btn .cus-btn.orange-btn {
padding: 16.5px 36px;
}
}
.product-offer__wrap-right-btn .cus-btn.orange-btn::before {
background-color: #000;
}
.product-offer__wrap-right-btn .cus-btn.green-btn {
background-color: #05c16a;
padding: 16.5px 39px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.product-offer__wrap-right-btn .cus-btn.green-btn {
padding: 0.859vw 2.031vw;
}
}
@media only screen and (max-width: 991px) {
.product-offer__wrap-right-btn .cus-btn.green-btn {
padding: 16.5px 36.5px;
}
}
.product-offer__wrap-right-btn .cus-btn.green-btn::before {
background-color: #000;
}   .error-404 {
position: relative;
padding: 240px 0 150px;
}
@media only screen and (max-width: 991px) {
.error-404 {
padding: 150px 0 100px;
}
}
.error-404 .page-content {
margin-top: 40px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.error-404 .page-content {
margin-top: 2.083vw;
}
}
@media only screen and (max-width: 991px) {
.error-404 .page-content {
margin-top: 20px;
}
}
.error-404 .page-content .cus-btn {
margin: 0 auto;
}.banner--careers {
min-height: 855px;
}
.banner--careers .sec-bg img {
object-position: top;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner--careers {
min-height: 44.531vw;
}
}
@media only screen and (max-width: 991px) {
.banner--careers {
min-height: 770px;
}
}
.banner--careers::before {
background-color: rgba(0, 0, 0, 0);
}
.banner--careers .banner__content {
padding-top: 170px;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner--careers .banner__content {
padding-top: 8.854vw;
}
}
@media only screen and (max-width: 991px) {
.banner--careers .banner__content {
padding-top: 30px;
}
}
.banner--careers .sec-heading h1 {
font-size: 50px;
width: 100%;
max-width: 700px;
margin: 0 auto;
line-height: 1;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.banner--careers .sec-heading h1 {
font-size: 2.604vw;
max-width: 36.458vw;
}
}
@media only screen and (max-width: 991px) {
.banner--careers .sec-heading h1 {
font-size: 35px;
}
.banner--careers .sec-heading .description {
margin: 2px 0 0 0;
}
.banner--careers .banner__content .banner-btn {
margin-top: 22px;
}
.single-career .banner--careers .sec-heading h1 {
font-size: 23px;
line-height: 1.2;
}
} .page-template-page-career .filter--careers .cus-container {
position: relative;
z-index: 1;
padding-bottom: 255px;
}
.page-template-page-career .filter--careers {
background-color: #ff8f1c;
position: relative;
padding: 50px 0;
}
.page-template-page-career .filter--careers::before {
content: " ";
position: absolute;
width: 100%;
height: 850px;
top: 0;
left: 0;
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/video-content-franchise-overlay.png);
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}
@media screen and (max-width: 575px) {
.page-template-page-career .filter--careers::before {
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/career-archive-overlay-mobile.png);
}
}
.page-template-page-career .filter--careers .content-wrap {
display: flex;
justify-content: space-between;
position: relative;
z-index: 2;
}
.page-template-page-career .filter--careers .content-wrap-left {
flex: 1;
margin-top: 70px;
}
.page-template-page-career .filter--careers .heading-lg {
color: #040404;
font-size: 36px;
margin-bottom: 30px;
max-width: 766px;
}
.page-template-page-career .filter--careers .des-primary {
color: #040404;
max-width: 1145px;
margin-bottom: 30px;
font-family: "Poppins";
}
.page-template-page-career .filter--careers .content-wrap-select {
display: flex;
flex-direction: column;
justify-content: center;
border-bottom: 1px solid #000;
padding-bottom: 37px;
}
.page-template-page-career .filter--careers .dropdown-group {
display: flex;
gap: 15px;
}
.page-template-page-career .filter--careers .search-dropdowns label {
margin-right: 10px;
font-weight: bold;
color: #040404;
white-space: nowrap;
font-size: 16px;
letter-spacing: 1px;
line-height: 24px;
text-transform: uppercase;
font-weight: 800;
font-family: "Menda";
}
.page-template-page-career .filter--careers .search-dropdowns select {
padding: 10px 32px 10px 10px;
width: 210px;
background-color: #040404;
cursor: pointer;
text-align: right;
appearance: none;
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/select-down-arrow.png);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 14px 14px;
font-family: "Poppins";
font-size: 16px;
letter-spacing: 1px;
color: #ffffff;
font-weight: 400;
margin-right: 15px;
}
.page-template-page-career .filter--careers .search-dropdowns select:focus {
outline: none;
border-color: #ff8f1c;
background-position: right 10px center;
}
.page-template-page-career .filter--careers .cus-btn {
background-color: #000;
color: #fff;
padding: 15px 36px;
text-decoration: none;
cursor: pointer;
border-width: 0px;
border-color: rgb(54, 45, 32);
border-style: solid;
border-radius: 27px;
box-shadow: 3.214px 3.83px 7px 0px rgba(0, 0, 0, 0.06);
font-family: "Poppins";
font-size: 16px;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
}
.page-template-page-career .filter--careers .job-info-section {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #000;
padding: 20px 0;
}
.page-template-page-career .filter--careers .circle-letter {
background-color: #000;
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 20px;
border-radius: 50%;
}
.page-template-page-career .filter--careers .circle-letter h2 {
font-size: 39px;
letter-spacing: 2px;
line-height: 58px;
color: #ffffff;
font-weight: 800;
font-family: "Menda";
}
.page-template-page-career .filter--careers .job-info {
flex: 1;
}
.page-template-page-career .filter--careers .job-title {
font-size: 20px;
letter-spacing: 1px;
line-height: 18px;
text-transform: uppercase;
color: #040404;
font-weight: 900;
font-family: "Menda";
}
.page-template-page-career .filter--careers .job-details {
font-size: 17px;
line-height: 25px;
color: black;
}
@media only screen and (max-width: 1920px) and (min-width: 992px) {
.page-template-page-career .filter--careers .heading-lg {
font-size: 30px;
}
.page-template-page-career .filter--careers .des-primary {
font-size: 16px;
}
.page-template-page-career .filter--careers .search-dropdowns label {
font-size: 14px;
}
.page-template-page-career .filter--careers .search-dropdowns select {
font-size: 14px;
}
.page-template-page-career .filter--careers .job-title {
font-size: 18px;
}
.page-template-page-career .filter--careers .job-details {
font-size: 16px;
}
}
@media only screen and (max-width: 991px) {
.page-template-page-career .filter--careers .heading-lg {
font-size: 28px;
margin-bottom: 11px;
}
.page-template-page-career .filter--careers .des-primary {
font-size: 16px;
margin-bottom: 26px;
}
.page-template-page-career .filter--careers .search-dropdowns label {
font-size: 16px;
margin: 0 0 5px 0;
display: block;
width: 100%;
}
.page-template-page-career .filter--careers .job-title {
font-size: 14px;
line-height: 1.14;
}
.page-template-page-career .filter--careers .job-details {
font-size: 13px;
line-height: 1;
}
.page-template-page-career .filter--careers .search-dropdowns select {
font-size: 11px;
border-radius: 11px;
width: 147px;
background-size: 14px;
padding: 4px 32px 4px 10px;
margin-right: 8px;
border: none;
}
.page-template-page-career .filter--careers .search-dropdowns select:last-child {
margin-right: 0;
}
.search-dropdowns {
display: flex;
flex-wrap: wrap;
}
.page-template-page-career .filter--careers .content-wrap-select {
padding-bottom: 19px;
}
.page-template-page-career .filter--careers .job-info-section {
padding: 25px 0px 30px;
align-items: flex-start;
flex-wrap: wrap;
}
.page-template-page-career .filter--careers .circle-letter {
width: 56px;
height: 56px;
margin-right: 18px;
}
.page-template-page-career .filter--careers .circle-letter h2 {
font-size: 24px;
}
.page-template-page-career .filter--careers .job-info {
width: calc(100% - 74px);
}
.page-template-page-career .filter--careers .video-content-btn {
width: 100%;
margin: 22px 0 0 74px;
}
.page-template-page-career .filter--careers .video-content-btn .cus-btn {
font-size: 10px;
padding: 11px 23.5px;
}
.page-template-page-career .filter--careers .content-wrap-left {
margin: 0;
}
.page-template-page-career .filter--careers .cus-container {
padding: 0 22px;
}
.page-template-page-career .filter--careers {
padding: 118px 0 81px;
}
}  @media only screen and (max-width: 1920px) and (min-width: 992px) {
.page-template-page-career-details .banner--careers .sec-heading h1 {
font-size: 2.604vw;
max-width: 795px;
}
} .page-template-page-career-details .details--careers .cus-container {
position: relative;
z-index: 1;
padding-bottom: 255px;
}
.page-template-page-career-details .details--careers {
background-color: #ff8f1c;
position: relative;
padding: 50px 0;
}
.page-template-page-career-details .details--careers::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/video-content-franchise-overlay.png);
background-repeat: no-repeat;
background-size: contain;
z-index: 1;
}
.page-template-page-career-details .details--careers .content-wrap {
display: flex;
justify-content: space-between;
position: relative;
z-index: 2;
border-bottom: 1px solid #000;
padding-bottom: 60px;
padding-top: 100px;
}
.page-template-page-career-details .details--careers .circle-letter {
background-color: #000;
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 20px;
border-radius: 50%;
}
.page-template-page-career-details .details--careers .circle-letter h2 {
font-size: 39px;
letter-spacing: 2px;
line-height: 58px;
color: #ffffff;
font-weight: 800;
font-family: "Menda";
}
.page-template-page-career-details .details--careers .job-info-careers-details {
flex: 1;
}
.page-template-page-career-details
.details--careers
.job-title-careers-details {
font-size: 40px;
letter-spacing: 2px;
line-height: 40px;
text-transform: uppercase;
color: #040404;
font-weight: 800;
font-family: "Menda";
max-width: 714px;
}
.page-template-page-career-details .details--careers .job-careers-details {
font-size: 17px;
line-height: 25px;
color: black;
max-width: 1137px;
margin-top: 20px;
}
.page-template-page-career-details .details--careers .job-details-section {
display: flex;
flex-direction: column;
width: calc(100% - 400px);
border-bottom: 1px solid #000;
padding-bottom: 60px;
color: #040404;
}
.page-template-page-career-details
.details--careers
.details-wrapper
li:last-child
.job-details-section {
border-bottom-width: 0px;
}
.page-template-page-career-details .details--careers .job-detail-item {
display: flex;
padding: 10px 0;
}
.page-template-page-career-details .details--careers .heading-left-side {
font-weight: 500;
font-size: 16px;
width: 190px;
margin-right: 10px;
line-height: 34px;
color: #040404;
font-family: "Poppins";
}
.page-template-page-career-details .details--careers .value-right-side {
font-weight: bold;
font-size: 16px;
text-align: left;
width: calc(100% - 200px);
line-height: 34px;
color: #040404;
font-family: "Poppins";
}
.page-template-page-career-details .details--careers .job-title-headding {
width: 380px;
margin-right: 20px;
font-size: 30px;
line-height: 40px;
text-transform: uppercase;
color: #040404;
font-weight: 800;
font-family: "Menda";
}
.page-template-page-career-details .details--careers .details-wrapper li {
display: flex;
padding-bottom: 60px;
}
.page-template-page-career-details
.details--careers
.details-wrapper
li:first-child {
padding-top: 60px;
}
.page-template-page-career-details
.details--careers
.details-wrapper
li
.job-details-section
p {
font-size: 16px;
letter-spacing: 1px;
line-height: 34px;
color: #040404;
font-weight: 400;
font-family: "Poppins";
}
.page-template-page-career-details
.details--careers
.details-wrapper
li
.job-details-section
h6 {
font-size: 18px;
line-height: 34px;
color: #040404;
font-weight: bold;
padding: 50px 0px;
font-family: "Poppins";
}
.page-template-page-career-details
.details--careers
.details-wrapper
li
.job-details-section
.job-info {
padding-bottom: 20px;
}
@media screen and (max-width: 991px) {
.page-template-page-career-details .details--careers {
padding: 120px 0 0;
overflow: hidden;
}
.page-template-page-career-details .details--careers .content-wrap {
padding: 0 0 40px 0;
}
.page-template-page-career-details .details--careers .circle-letter {
width: 54px;
height: 54px;
margin-right: 17px;
}
.page-template-page-career-details .details--careers .circle-letter h2 {
font-size: 24px;
}
.page-template-page-career-details .details--careers .job-title-careers-details {
font-size: 16px;
line-height: 1.5;
}
.page-template-page-career-details .details--careers .job-careers-details {
font-size: 16px;
margin-top: 12px;
}
.page-template-page-career-details .details--careers .details-wrapper li:first-child {
padding-top: 44px;
}
.page-template-page-career-details .details--careers .details-wrapper li {
flex-direction: column;
padding-bottom: 40px;
}
.page-template-page-career-details .details--careers .job-title-headding {
font-size: 16px;
line-height: 1.5;
margin: 0;
margin-bottom: 5px;
}
.page-template-page-career-details .details--careers .job-detail-item {
flex-direction: column;
}
.page-template-page-career-details .details--careers .job-details-section {
width: 100%;
padding-bottom: 40px;
}
.page-template-page-career-details .details--careers .heading-left-side, .page-template-page-career-details .details--careers .value-right-side {
font-size: 13px;
line-height: 1.5;
}
.page-template-page-career-details .details--careers .value-right-side {
width: 100%;
}
.page-template-page-career-details .details--careers .details-wrapper li .job-details-section p {
font-size: 13px;
line-height: 1.6;
margin-bottom: 10px;
}
.page-template-page-career-details .details--careers .details-wrapper li .job-details-section p:last-child {
margin-bottom: 0;
}
.page-template-page-career-details .details--careers .details-wrapper li .job-details-section h6 {
padding: 16px 0;
font-size: 13px;
}
.page-template-page-career-details .details--careers .details-wrapper li:last-child {
padding-bottom: 0;
}
.page-template-page-career-details .details--careers .cus-container {
padding-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.page-template-page-career-details .details--careers::before {
background-image: url(//burgerboi.co.uk/wp-content/themes/burgerboi/assets/images/single-career-overlay.png);
background-size: cover;
}
} .single-location .store-detail__wrap-right .heading-lg {
width: max-content;
word-break: break-word;
}