bundle.css

body{margin:0;padding:0}body .container{width:100%;height:100vh;min-width:1400px;background:url(images/bg.jpg) center center no-repeat;background-size:cover}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}@font-face{font-family:BebasNeue;src:url(fonts/bebas-neue-bold.ttf);font-weight:700}@font-face{font-family:OratorSTD;src:url("fonts/Orator Std Medium.ttf");font-weight:500}@font-face{font-family:HalisR;src:url(fonts/HalisR-Book.otf);font-weight:300}@font-face{font-family:HalisR;src:url(fonts/HalisR-Regular.otf);font-weight:400}@font-face{font-family:HalisR;src:url(fonts/HalisR-Medium.otf);font-weight:500}@font-face{font-family:HalisR;src:url(fonts/HalisR-Black.otf);font-weight:800}@font-face{font-family:HalisR;src:url(fonts/HalisR-SBlack.otf);font-weight:900}nav.footer-nav a,nav.social a{display:block;height:17px;padding:0 5px;z-index:0;color:#000;font-family:OratorSTD;text-decoration:none;position:relative;font-size:13px;line-height:20px}nav.footer-nav a:before,nav.social a:before{content:'';display:block;position:absolute;left:0;top:0;z-index:1;width:0;height:100%;background-color:#000;-webkit-transform:skew(-20deg);transform:skew(-20deg);-webkit-transition:width .3s ease;transition:width .3s ease}nav.footer-nav a:after,nav.social a:after{content:'';display:block;position:absolute;left:0;top:0;height:100%;width:0;z-index:2;padding:0 0 0 5px;color:#fff;overflow:hidden;-webkit-transition:width .3s ease;transition:width .3s ease}nav.footer-nav a:hover:before,nav.social a:hover:before{width:100%}nav.footer-nav a:hover:after,nav.social a:hover:after{width:100%}.arrowed-link{position:absolute;color:#000;text-decoration:none;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.arrowed-link:hover{-webkit-transform:translateX(5px);transform:translateX(5px)}.arrowed-link:after,.arrowed-link:before{content:'';display:block;background-color:#000;height:2px;position:absolute}.arrowed-link:before{width:87%;top:50%;right:0}.arrowed-link:after{width:15%;top:40%;-webkit-transform:rotate(45deg);transform:rotate(45deg);right:0}.arrowed-link span{position:absolute;bottom:0;right:0;font-family:HalisR;font-weight:300;font-size:14px;color:#000;line-height:12px;letter-spacing:-.3px}.slider-controls{position:absolute;left:90px;width:135px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.slider-controls .arrow{height:12px;width:25px;position:relative;cursor:pointer;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.slider-controls .arrow:after,.slider-controls .arrow:before{content:'';display:block;height:2px;position:absolute}.slider-controls .arrow:before{width:25px;top:5px}.slider-controls .arrow:after{width:7px;top:2px}.slider-controls .arrow.left:hover{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.slider-controls .arrow.left:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);left:0}.slider-controls .arrow.right:hover{-webkit-transform:translateX(5px);transform:translateX(5px)}.slider-controls .arrow.right:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);right:0}.slider-controls span{font-family:OratorSTD;font-size:40px;line-height:0;-webkit-transform:translateY(5px);transform:translateY(5px)}header{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}header .bag{position:absolute;display:block;right:15px;top:40px;cursor:pointer;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}header .bag:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}header .bag svg{width:25px;height:25px}header .bag-amount{position:absolute;top:1px;right:-3px;display:block;height:15px;width:15px;background-color:#648cff;border-radius:50%;line-height:15px;color:#fff;font-family:BebasNeune;font-size:11px;text-align:center}header .bg-wrapper{display:block;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,90,113,.9)),to(rgba(255,90,113,.9))),url(images/header-bg.jpg);background:linear-gradient(to bottom,rgba(255,90,113,.9),rgba(255,90,113,.9)),url(images/header-bg.jpg);background-size:cover;width:770px;height:810px;-webkit-clip-path:polygon(0 0,100% 0,92% 100%,0 95%);clip-path:polygon(0 0,100% 0,92% 100%,0 95%)}header h1{font-family:HalisR;font-weight:900;font-size:180px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:140px;letter-spacing:-15px;margin:0;position:absolute;z-index:1;top:215px;left:475px}header:before{content:'';position:absolute;z-index:1;left:345px;top:105px;width:895px;height:470px;background:url(images/bg-colorshapes.svg) center center no-repeat;background-size:cover}nav.menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:30px;height:650px;width:90px;position:relative;background-color:#202020}nav.menu:after{content:'';position:absolute;top:100%;left:0;height:10px;width:90px;background-color:#202020;-webkit-clip-path:polygon(0 0,100% 0,0 100%,0 100%);clip-path:polygon(0 0,100% 0,0 100%,0 100%)}nav.menu .logo-link{width:55px;margin-bottom:55px}nav.menu .link{display:block;width:100%;text-align:center;position:relative}nav.menu .link span{position:absolute;width:100%;font-size:10px;text-transform:uppercase;text-align:center;bottom:0;left:0;color:#4d4c4c;-webkit-transition:color .2s ease;transition:color .2s ease;font-family:OratorSTD}nav.menu .link svg .sidemenu-icon{-webkit-transition:fill .2s ease;transition:fill .2s ease;fill:#4d4c4c}nav.menu .link:hover span{color:#fff}nav.menu .link:hover svg .sidemenu-icon{fill:#fff}nav.menu .link.juice{height:57px;margin-bottom:52px}nav.menu .link.juice svg{height:33px}nav.menu .link.shakes{height:60px;margin-bottom:52px}nav.menu .link.shakes svg{height:40px}nav.menu .link.handmeals{height:60px;margin-bottom:52px}nav.menu .link.handmeals svg{height:42px}nav.menu .link.sandwich{height:60px}nav.menu .link.sandwich svg{height:37px}nav.menu .menu-link{display:block;position:absolute;width:25px;height:25px;bottom:25px;background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(15%,#fff),color-stop(16%,transparent),color-stop(43.4%,transparent),color-stop(43.5%,#fff),color-stop(57.5%,#fff),color-stop(57.6%,transparent),color-stop(84%,transparent),color-stop(85%,#fff),to(#fff));background:linear-gradient(to bottom,#fff,#fff 15%,transparent 16%,transparent 43.4%,#fff 43.5%,#fff 57.5%,transparent 57.6%,transparent 84%,#fff 85%,#fff)}nav.menu.opened .toggled-menu{max-width:200px}nav.social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:390px;height:20px;position:absolute;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);right:-170px;top:355px}nav.social a:first-of-type:after{content:'facebook'}nav.social a:nth-of-type(2):after{content:'twitter'}nav.social a:last-of-type:after{content:'instagram'}.toggled-menu{position:absolute;z-index:1;width:200px;max-width:0;overflow:hidden;-webkit-transition:max-width .3s ease;transition:max-width .3s ease;height:650px;left:100%;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:#202020;-webkit-clip-path:polygon(0 0,200px 0,200px 96.5%,0 100%);clip-path:polygon(0 0,200px 0,200px 96.5%,0 100%);padding-top:145px}.toggled-menu ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:200px;padding-left:15px;margin-top:0}.toggled-menu ul:not(:last-of-type){margin-bottom:55px}.toggled-menu ul li a{color:#4d4c4c;text-decoration:none;-webkit-transition:color .3s ease;transition:color .3s ease;font-family:OratorSTD;font-size:10px;text-transform:uppercase}.toggled-menu ul li a:hover{color:#fff}.featured-products{margin-top:140px;height:540px;width:100%;position:relative;overflow:hidden}.featured-products .products{height:440px;width:1600px;position:absolute;top:0;left:calc(50% - 800px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:15px;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.featured-products .slider-controls{bottom:0}.featured-products .slider-controls .arrow:after,.featured-products .slider-controls .arrow:before{background:#000}.featured-products .arrowed-link{bottom:10px;right:75px;width:80px;height:45px}.featured-products .arrowed-link:after,.featured-products .arrowed-link:before{background-color:#000}.featured-products .arrowed-link span{color:#000}.product-wrapper{height:425px;position:relative}.product-wrapper:first-of-type{margin-right:22px}.product-wrapper:nth-of-type(2){margin-right:55px}.product-wrapper:before{content:'';position:absolute;z-index:2;top:-20px;width:2px;height:75px;background-color:#323232}.product-wrapper:after{content:'';position:absolute;z-index:1}.product-wrapper.shape{width:495px;-webkit-transition:width .3s ease;transition:width .3s ease}.product-wrapper.shape:before{left:144px;-webkit-transition:left .3s ease;transition:left .3s ease}.product-wrapper.shape:after{width:370px;height:400px;left:60px;top:5px;-webkit-clip-path:polygon(0 0,347px 17px,370px 380px,0 400px);clip-path:polygon(0 0,347px 17px,370px 380px,0 400px);-webkit-transition:all .3s ease;transition:all .3s ease}.product-wrapper.shape .text-wrapper{-webkit-transition:all .3s ease;transition:all .3s ease;top:130px;right:0}.product-wrapper.active{width:515px;margin-right:20px}.product-wrapper.active:before{left:164px}.product-wrapper.active:after{width:385px;height:425px;left:90px;top:0;-webkit-clip-path:polygon(0 5px,385px 0,358px 425px,0 408px);clip-path:polygon(0 5px,385px 0,358px 425px,0 408px)}.product-wrapper.active .text-wrapper{top:105px;right:-25px}.product-wrapper.color-yellow:after{background-color:#ffdb4a}.product-wrapper.color-green:after{background-color:#95da61}.product-wrapper.color-red:after{background-color:#ff5854}.product-wrapper.active .energy-value{display:-webkit-box;display:-ms-flexbox;display:flex}.image-wrapper{position:absolute;z-index:3;width:300px;height:300px}.image-wrapper img{position:absolute;z-index:2;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:260px;height:260px;border-radius:50%}.text-wrapper{position:absolute;z-index:3;width:200px}.text-wrapper h2{margin:0;font-family:HalisR;font-weight:800;text-transform:uppercase;font-size:36px;line-height:40px;color:#323232}.text-wrapper p{margin:0;padding-left:5px;font-family:OratorStd;font-weight:500;font-size:13px;letter-spacing:-2px;text-transform:uppercase;margin-top:10px}.product-wrapper.color-red .image-wrapper:before{border-color:#ff8a87}.product-wrapper.color-red .image-wrapper img{-webkit-box-shadow:0 0 0 7px rgba(255,88,84,.5),20px 0 40px 0 rgba(0,0,0,.6);box-shadow:0 0 0 7px rgba(255,88,84,.5),20px 0 40px 0 rgba(0,0,0,.6)}.product-wrapper.color-green:after{background-color:#95da61}.product-wrapper.color-green .image-wrapper:before{border-color:#b5e590}.product-wrapper.color-green .image-wrapper img{-webkit-box-shadow:0 0 0 7px rgba(149,218,97,.5),20px 0 40px 0 rgba(0,0,0,.6);box-shadow:0 0 0 7px rgba(149,218,97,.5),20px 0 40px 0 rgba(0,0,0,.6)}.product-wrapper.color-yellow:after{background-color:#ffdb4a}.product-wrapper.color-yellow .image-wrapper:before{border-color:#ffe680}.product-wrapper.color-yellow .image-wrapper img{-webkit-box-shadow:0 0 0 7px rgba(255,219,74,.5),20px 0 40px 0 rgba(0,0,0,.6);box-shadow:0 0 0 7px rgba(255,219,74,.5),20px 0 40px 0 rgba(0,0,0,.6)}.product-wrapper.shape .image-wrapper{-webkit-transition:all .3s ease;transition:all .3s ease;left:-5px;top:92px}.product-wrapper.shape.active .image-wrapper{left:15px;top:80px}.energy-value{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;z-index:3;height:100px;width:80px;bottom:60px;right:95px}.energy-value .kcal,.energy-value .kj{width:80px;height:25px;border-radius:12px;background-color:red;text-align:center;line-height:30px;font-family:OratorStd;font-size:13px;letter-spacing:-1px}.energy-value .kj{background:#323232;margin-bottom:10px}.energy-value .kcal{background:#fff;color:#323232;margin-bottom:20px}.energy-value span{font-family:HalisR;font-size:9px;text-align:center}.product-wrapper.color-yellow .kj{color:#ffdb4a}.product-wrapper.color-green .kj{color:#95da61}.product-wrapper.color-red .kj{color:#ff5854}.nutrients-bar{position:absolute;z-index:2;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:30px;width:60px;height:240px;padding:10px 0;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.nutrients-bar .nutrient{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nutrients-bar .nutrient span{color:#323232;font-family:HalisR}.nutrients-bar .nutrient span:first-of-type{text-transform:uppercase;font-size:10px}.nutrients-bar .nutrient span:nth-of-type(2){font-family:OratorStd;font-size:24px;height:20px}.nutrients-bar .nutrient span:last-of-type{font-size:10px}.nutrients-bar.color-green{background-color:rgba(149,218,97,.7)}.nutrients-bar.color-red{background-color:rgba(255,88,84,.7)}.nutrients-bar.color-yellow{background-color:rgba(255,219,74,.7)}.product-wrapper.active .nutrients-bar{opacity:1}.progress-bar{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.progress-bar-background{-webkit-transform:stroke-width .5s ease;transform:stroke-width .5s ease;stroke-width:1px;fill:none}.progress-bar-progress{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center;transform-origin:center;stroke-width:0;fill:none;stroke-dasharray:1000px;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:.5s;animation-delay:.5s}.progress-bar-shadow{stroke-width:0;-webkit-transform:stroke-width .3s ease .5s;transform:stroke-width .3s ease .5s;fill:none}.progress-bar.color-green .progress-bar-background{stroke:rgba(165,224,121,.7)}.progress-bar.color-green .progress-bar-shadow{stroke:rgba(165,224,121,.3)}.progress-bar.color-green .progress-bar-progress{stroke:#f4fbef}.progress-bar.color-red .progress-bar-background{stroke:rgba(255,113,110,.7)}.progress-bar.color-red .progress-bar-shadow{stroke:rgba(255,113,110,.3)}.progress-bar.color-red .progress-bar-progress{stroke:#fee}.progress-bar.color-yellow .progress-bar-background{stroke:rgba(255,224,101,.7)}.progress-bar.color-yellow .progress-bar-shadow{stroke:rgba(255,224,101,.3)}.progress-bar.color-yellow .progress-bar-progress{stroke:#fffbed}.product-wrapper.active .progress-bar{display:block}.product-wrapper.active .progress-bar-background{stroke-width:15px}.product-wrapper.active .progress-bar-progress{stroke-width:15px}.product-wrapper.active .progress-bar-shadow{stroke-width:10px}.product-wrapper.active.color-yellow .progress-bar-progress{-webkit-animation-name:progress-yellow;animation-name:progress-yellow}@-webkit-keyframes progress-yellow{from{stroke-dashoffset:1000px}to{stroke-dashoffset:830px}}@keyframes progress-yellow{from{stroke-dashoffset:1000px}to{stroke-dashoffset:830px}}.product-wrapper.active.color-green .progress-bar-progress{-webkit-animation-name:progress-green;animation-name:progress-green}@-webkit-keyframes progress-green{from{stroke-dashoffset:1000px}to{stroke-dashoffset:550px}}@keyframes progress-green{from{stroke-dashoffset:1000px}to{stroke-dashoffset:550px}}.product-wrapper.active.color-red .progress-bar-progress{-webkit-animation-name:progress-red;animation-name:progress-red}@-webkit-keyframes progress-red{from{stroke-dashoffset:1000px}to{stroke-dashoffset:350px}}@keyframes progress-red{from{stroke-dashoffset:1000px}to{stroke-dashoffset:350px}}.boost-wrapper{width:100%;height:710px;position:relative;margin-top:125px;padding:115px 0 0 34%}.boost-wrapper>*{position:relative;z-index:2}.boost-wrapper h1{font-family:HalisR;font-weight:900;font-size:110px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:95px;width:200px;margin:0;letter-spacing:-5px}.boost-wrapper p{font-family:OratorStd;font-weight:500;font-size:12px;letter-spacing:-1.8px;text-transform:uppercase;margin:25px 0 0 10px}aside.boost-aside{position:absolute;z-index:1;right:0;top:0;width:695px;height:710px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(119,136,235,.9)),to(rgba(119,136,235,.9))),url(images/boost-bg.jpg);background:linear-gradient(to bottom,rgba(119,136,235,.9),rgba(119,136,235,.9)),url(images/boost-bg.jpg);-webkit-clip-path:polygon(55px 0,100% 30px,100% 100%,0 100%);clip-path:polygon(55px 0,100% 30px,100% 100%,0 100%)}aside.boost-aside .iphone{background:-webkit-gradient(linear,left top,left bottom,from(rgba(68,85,189,.9)),to(rgba(68,85,189,.9))),url(images/iphone.png) center center/cover no-repeat;background:linear-gradient(to bottom,rgba(68,85,189,.9),rgba(68,85,189,.9)),url(images/iphone.png) center center/cover no-repeat;width:290px;height:600px;margin:65px 0 0 235px;padding:55px 0 0 5px;border-radius:40px}.btn{display:block;width:210px;height:50px;margin-left:10px;font-family:HalisR;text-align:center;text-decoration:none;border-radius:25px;cursor:pointer}.btn:first-of-type{margin-top:55px;margin-bottom:20px}.btn-filled{background-color:#323232;border:3px solid #323232;color:#fff;font-weight:900;font-size:14px;letter-spacing:.8px;line-height:44px;-webkit-transition:all .3s ease;transition:all .3s ease}.btn-filled:hover{background-color:#fff;color:#323232}.btn-more{border:1px solid #323232;color:#323232;background-color:#fff;line-height:48px;font-size:12px}.recipes-wrapper{width:280px;height:465px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.recipes-wrapper .recipe{height:33.3%;position:relative;cursor:pointer;overflow:hidden;-webkit-clip-path:polygon(0 0,100% 0,100% 200px,0 200px);clip-path:polygon(0 0,100% 0,100% 200px,0 200px);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-animation-name:fade-out;animation-name:fade-out;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.recipes-wrapper .recipe.loaded{opacity:1}.recipes-wrapper .recipe h4{position:absolute;margin:0;left:30px;bottom:15px;font-family:HalisR;font-weight:900;color:#fff;font-size:24px;letter-spacing:-1px}.recipes-wrapper .recipe img{width:100%}.recipes-wrapper .recipe:last-of-type img{height:100%}.recipes-wrapper .recipe:hover{-webkit-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-in{from{z-index:2;-webkit-transform:scale(1);transform:scale(1);-webkit-clip-path:polygon(0 0,100% 0,100% 200px,0 200px);clip-path:polygon(0 0,100% 0,100% 200px,0 200px)}to{z-index:2;-webkit-transform:scale(1.15);transform:scale(1.15);-webkit-clip-path:polygon(0 0,100% 10px,95% 200px,10px 200px);clip-path:polygon(0 0,100% 10px,95% 200px,10px 200px)}}@keyframes fade-in{from{z-index:2;-webkit-transform:scale(1);transform:scale(1);-webkit-clip-path:polygon(0 0,100% 0,100% 200px,0 200px);clip-path:polygon(0 0,100% 0,100% 200px,0 200px)}to{z-index:2;-webkit-transform:scale(1.15);transform:scale(1.15);-webkit-clip-path:polygon(0 0,100% 10px,95% 200px,10px 200px);clip-path:polygon(0 0,100% 10px,95% 200px,10px 200px)}}@-webkit-keyframes fade-out{0%{z-index:2;-webkit-transform:scale(1.15);transform:scale(1.15);-webkit-clip-path:polygon(0 0,100% 10px,95% 200px,10px 200px);clip-path:polygon(0 0,100% 10px,95% 200px,10px 200px)}1%{z-index:1}99%{z-index:1;-webkit-transform:scale(1);transform:scale(1);-webkit-clip-path:polygon(0 0,100% 0,100% 200px,0 200px);clip-path:polygon(0 0,100% 0,100% 200px,0 200px)}100%{z-index:auto}}@keyframes fade-out{0%{z-index:2;-webkit-transform:scale(1.15);transform:scale(1.15);-webkit-clip-path:polygon(0 0,100% 10px,95% 200px,10px 200px);clip-path:polygon(0 0,100% 10px,95% 200px,10px 200px)}1%{z-index:1}99%{z-index:1;-webkit-transform:scale(1);transform:scale(1);-webkit-clip-path:polygon(0 0,100% 0,100% 200px,0 200px);clip-path:polygon(0 0,100% 0,100% 200px,0 200px)}100%{z-index:auto}}.map-wrapper{height:850px;margin-top:200px;position:relative;overflow:hidden}.map-wrapper h1{position:absolute;z-index:3;top:155px;left:34%;font-family:HalisR;font-weight:900;font-size:80px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:70px;margin:0;letter-spacing:-5px;color:#fff}.search{background-color:#242424;position:absolute;top:40px;height:810px;width:100%;-webkit-clip-path:polygon(0 0,100% 70px,100% 100%,0 100%);clip-path:polygon(0 0,100% 70px,100% 100%,0 100%)}.search form{display:block;position:absolute;right:215px;top:210px;height:40px;width:290px}.search form input{width:100%;height:100%;background-color:transparent;border:none;border-bottom:1px solid #fff;padding-left:5px;color:#fff;font-family:OratorStd;font-size:14px;letter-spacing:-3.2px}.search form input:focus{outline:0}.search form input::-webkit-input-placeholder{color:#626262;text-transform:uppercase;font-family:OratorStd;font-size:14px;letter-spacing:-3.2px}.search form input:-ms-input-placeholder{color:#626262;text-transform:uppercase;font-family:OratorStd;font-size:14px;letter-spacing:-3.2px}.search form input::-ms-input-placeholder{color:#626262;text-transform:uppercase;font-family:OratorStd;font-size:14px;letter-spacing:-3.2px}.search form input::placeholder{color:#626262;text-transform:uppercase;font-family:OratorStd;font-size:14px;letter-spacing:-3.2px}.search form button[type=submit]{position:absolute;right:0;top:3px;width:27px;height:27px;background-color:transparent;padding:0;border:none;cursor:pointer}.search form button[type=submit] svg{width:100%;height:100%}.search form button[type=submit] svg path{fill:#626262;-webkit-transition:fill .3s ease;transition:fill .3s ease}.search form input:valid+button svg path{fill:#fff}.map{position:absolute;left:0;top:0;z-index:2;width:55%;height:755px;background:url(images/map.jpg) center center no-repeat;background-size:105% auto;-webkit-clip-path:polygon(0 0,100% 40px,93% 100%,0 100%);clip-path:polygon(0 0,100% 40px,93% 100%,0 100%)}.map-marker{position:absolute;width:140px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:55px;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.map-marker.active{opacity:1}.map-marker span{font-family:HalisR;font-size:10px;color:#fff;line-height:16px}.map-marker:after,.map-marker:before{content:'';position:absolute}.map-marker:before{background:#ff4c64;width:50px;height:50px;left:0;-webkit-clip-path:polygon(3px 5px,50px 2px,46px 48px,5px 47px);clip-path:polygon(3px 5px,50px 2px,46px 48px,5px 47px)}.map-marker:after{width:10px;height:10px;background:#454545;left:21px;top:20px}.map-marker:first-of-type{left:20%;top:32%}.map-marker:nth-of-type(2){left:40%;top:45%}.map-marker:last-of-type{left:70%;top:13%}.map-wrapper .slider-controls{bottom:25px}.map-wrapper .slider-controls .arrow:after,.map-wrapper .slider-controls .arrow:before{background-color:#fff}.map-wrapper .slider-controls span{color:#444}.stores-wrapper{position:absolute;z-index:3;top:415px;left:200px;width:1370px;height:300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.stores-wrapper .store{width:400px;height:230px;position:relative}.stores-wrapper .store .shop-image{position:relative;z-index:1}.stores-wrapper .store .shop-image img{width:100%;height:100%;position:relative;z-index:2;-webkit-transition:-webkit-clip-path .3s ease;transition:-webkit-clip-path .3s ease;transition:clip-path .3s ease;transition:clip-path .3s ease,-webkit-clip-path .3s ease;-webkit-clip-path:polygon(0 20px,100% 0,98% 100%,10px 100%);clip-path:polygon(0 20px,100% 0,98% 100%,10px 100%)}.stores-wrapper .store .backlayer{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:top .3s ease,left .3s ease,opacity .4s ease,-webkit-clip-path .3s ease;transition:top .3s ease,left .3s ease,opacity .4s ease,-webkit-clip-path .3s ease;transition:top .3s ease,left .3s ease,clip-path .3s ease,opacity .4s ease;transition:top .3s ease,left .3s ease,clip-path .3s ease,opacity .4s ease,-webkit-clip-path .3s ease;background-color:#ff4c64;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-bottom:15px;padding-left:20px;padding-right:30px;font-family:HalisR;color:#fff;font-size:12px}.stores-wrapper .store .backlayer .arrowed-link{position:relative;width:65px;height:45px}.stores-wrapper .store .backlayer .arrowed-link:after,.stores-wrapper .store .backlayer .arrowed-link:before{background-color:#fff}.stores-wrapper .store .backlayer .arrowed-link:after{top:42%}.stores-wrapper .store .backlayer .arrowed-link span{color:#fff;font-size:12px}.stores-wrapper .store.active .shop-image{-webkit-filter:drop-shadow(20px 12px 25px rgba(0,0,0,.4));filter:drop-shadow(20px 12px 25px rgba(0,0,0,.4))}.stores-wrapper .store.active .shop-image img{-webkit-clip-path:polygon(20px 20px,385px 0,100% 100%,2% 97%);clip-path:polygon(20px 20px,385px 0,100% 100%,2% 97%)}.stores-wrapper .store.active .backlayer{opacity:1;top:20px;left:30px;width:95%;height:120%;-webkit-clip-path:none;clip-path:none}footer{height:240px;padding-top:50px}footer .logo{width:55px;margin:45px auto 30px;cursor:pointer}footer .logo svg{width:100%}footer .logo svg path{fill:#323232}footer .bottom-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:260px;margin:0 auto}footer .bottom-nav a,footer .bottom-nav span{font-size:9px;font-family:HalisR;line-height:14px}footer .bottom-nav a{text-decoration:none;color:#323232!important}nav.footer-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:530px;margin:0 auto}nav.footer-nav a:nth-of-type(1):after{content:'home'}nav.footer-nav a:nth-of-type(2):after{content:'about'}nav.footer-nav a:nth-of-type(3):after{content:'products'}nav.footer-nav a:nth-of-type(4):after{content:'stores'}nav.footer-nav a:nth-of-type(5):after{content:'apply'}nav.footer-nav a:nth-of-type(6):after{content:'contact'}