.ingredient_with_popup{display:block;width:100%;margin:0;padding:0;clear:both;overflow:hidden}.ingredient_with_popup .ing_popup_details .container{max-width:1300px}.ingredient_with_popup .ing_main_image{position:relative;display:block;width:100%;margin:0;padding:0}.ingredient_with_popup .ing_item{position:absolute}.ingredient_with_popup .ing_item.ingredient-1{top:20px;transform:translate(-50%);left:50%}.ingredient_with_popup .ing_item.ingredient-1:after{content:"";display:inline-block;width:20px;height:86px;background-image:url(green_arrow_down.svg);background-repeat:no-repeat;position:absolute;bottom:-80%;left:50%;transform:translate(-50%)}.ingredient_with_popup .ing_item.ingredient-2{top:25%;left:540px;transform:translateY(-50%)}.ingredient_with_popup .ing_item.ingredient-2:after{content:"";display:inline-block;width:76px;height:30px;background-image:url(green_arrow_left1.svg);background-repeat:no-repeat;position:absolute;top:82%;left:auto;right:125px;transform:translate(-50%,-50%)}.ingredient_with_popup .ing_item.ingredient-3{top:53%;left:19.6%;transform:translate(-50%,-50%)}.ingredient_with_popup .ing_item.ingredient-3:after{content:"";display:inline-block;width:101px;height:29px;background-image:url(green_arrow_left2.svg);background-repeat:no-repeat;position:absolute;top:65%;left:155%;transform:translate(-50%,-50%)}.ingredient_with_popup .ing_item.ingredient-4{top:25%;right:550px;transform:translateY(-50%)}.ingredient_with_popup .ing_item.ingredient-4:after{content:"";display:inline-block;width:76px;height:30px;background-image:url(green_arrow_right1.svg);background-repeat:no-repeat;position:absolute;top:auto;bottom:0;right:auto;left:-50px;transform:translate(-50%,-50%)}.ingredient_with_popup .ing_item.ingredient-5{top:53%;right:11.5%;transform:translate(-50%,-50%)}.ingredient_with_popup .ing_item.ingredient-5:after{content:"";display:inline-block;width:101px;height:29px;background-image:url(green_arrow_right2.svg);background-repeat:no-repeat;position:absolute;top:65%;right:90%;transform:translate(-50%,-50%)}.ingredient_with_popup .inner_conent{max-width:150px}.ingredient_with_popup .inner_conent .info_icon{line-height:1.5}.ingredient_with_popup .inner_conent .title{margin:0;padding:0;font-size:16px;color:#161616}.ingredient_with_popup .inner_conent .subtitle{margin:0 0 8px;padding:0;font-size:12px;color:#161616}.ingredient_with_popup .inner_conent .button_wrapper{display:block;width:100%;margin:0;padding:0;clear:both;overflow:hidden}.ingredient_with_popup .inner_conent .button_wrapper .button{font-size:16px;color:#f4f4f4;min-width:125px;min-height:38px;height:38px;background:#00a11d;border:1px solid #00a11d}.ingredient_with_popup .inner_conent .button_wrapper .button:hover{background:#f4f4f4;color:#161616}.ingredient_with_popup .desk_ing_popup_details{opacity:0;position:absolute;top:30px;z-index:-1;transition:all .3s ease;display:inline-block;width:280px;text-align:center;border-radius:6px;background-color:#ffffffe6;border:1px solid #00a11d}.ingredient_with_popup .desk_ing_popup_details.active{z-index:1}.ingredient_with_popup .ing_popup-1.desk_ing_popup_details{left:51%;transform:translate(0)}.ingredient_with_popup .ing_popup-2.desk_ing_popup_details{top:38%;left:32.555VW;transform:translateY(-50%)}.ingredient_with_popup .ing_popup-3.desk_ing_popup_details{top:63%;left:27.51VW;transform:translate(-50%,-50%)}.ingredient_with_popup .ing_popup-4.desk_ing_popup_details{top:34.5%;right:31.95VW;transform:translateY(-50%)}.ingredient_with_popup .ing_popup-5.desk_ing_popup_details{top:66%;right:12.51VW;transform:translate(-50%,-50%)}.ingredient_with_popup .desk_ing_popup_details{padding:0 30px}.ingredient_with_popup .desk_ing_popup_details.active{opacity:1}.ingredient_with_popup .desk_ing_popup_details .title{margin:0 0 5px;padding:15px 20px 5px;font-size:16px;color:#00a11d;border-bottom:1px solid #00a11d;display:inline-block}.ingredient_with_popup .desk_ing_popup_details .desc_wrapper{font-size:12px;color:#161616}.ingredient_with_popup .ing_main_image .button_container{position:absolute;bottom:0;text-align:center;width:100%;padding-bottom:10px}.ingredient_with_popup .ing_main_image .button_container .button_wrapper .button{padding:0;min-height:55px}.ingredient_with_popup .ing_main_image .button_container .button_wrapper .button:hover{opacity:.8}.ingredient_with_popup .ing_main_image .button_container .button_wrapper .button .bag_btn{display:inline-flex;align-items:center;justify-content:center;min-width:55px;min-height:100%;background:#39c54e;border-radius:5px}.ingredient_with_popup .ing_main_image .button_container .button_wrapper .button .text-arrow{padding:0 45px}.ingredient_with_popup .ing_main_image .button_container .button_wrapper .button .text-arrow svg{margin-left:15px;vertical-align:middle}.ingredient_with_popup .ing_main_image .button_container .button_wrapper p{max-width:262px;margin:5px auto;text-align:center;font-size:12px;letter-spacing:2px;line-height:2;color:#00a11d}@media screen and (min-width: 768px){.ingredient_with_popup .inner_conent{min-width:7.8125VW}.ingredient_with_popup .ing_item.ingredient-1{top:1.041666VW}.ingredient_with_popup .ing_item.ingredient-1:after{background-size:1.041666VW 4.479166VW;width:1.041666VW;height:4.479166VW;bottom:-4.947916VW}.ingredient_with_popup .ing_item.ingredient-2{left:28.125VW}.ingredient_with_popup .ing_item.ingredient-2:after{background-size:3.958333VW 1.5625VW;width:3.958333VW;height:1.5625VW;top:auto;right:-6.51041VW;bottom:0}.ingredient_with_popup .ing_item.ingredient-3:after{background-size:5.260416VW 1.510416VW;width:5.260416VW;height:1.510416VW}.ingredient_with_popup .ing_item.ingredient-4{right:27.645833VW}.ingredient_with_popup .ing_item.ingredient-4:after{background-size:3.958333VW 1.5625VW;width:3.958333VW;height:1.5625VW;left:-2.60416VW}.ingredient_with_popup .ing_item.ingredient-5:after{background-size:5.260416VW 1.510416VW;width:5.260416VW;height:1.510416VW}.ingredient_with_popup .inner_conent .info_icon svg{width:1.145833VW;height:1.145833VW}.ingredient_with_popup .inner_conent .title{font-size:.833333VW}.ingredient_with_popup .inner_conent .subtitle{margin:0 0 .416666VW;font-size:.625VW}.ingredient_with_popup .inner_conent .button_wrapper .button{font-size:.833333VW;min-width:6.510416VW;min-height:1.979166VW;height:1.979166VW}.ingredient_with_popup .desktop_hide{display:none}.ingredient_with_popup .ing_main_image .button_container{padding-bottom:.520833VW}.ingredient_with_popup .ing_main_image .button_container .button_wrapper .button{min-height:2.86458VW;height:2.083333VW;font-size:.83333VW}.ingredient_with_popup .ing_main_image .button_container .button_wrapper .button .bag_btn{min-width:2.86458VW}.ingredient_with_popup .ing_main_image .button_container .button_wrapper .button .bag_btn svg{width:.83333VW;height:1.041666VW}.ingredient_with_popup .ing_main_image .button_container .button_wrapper .button .text-arrow{padding:0 2.34375VW}.ingredient_with_popup .ing_main_image .button_container .button_wrapper .button .text-arrow svg{margin-left:.78125VW;width:.9375VW;height:.729166VW}.ingredient_with_popup .ing_main_image .button_container .button_wrapper p{max-width:13.645833VW;margin:.260416VW auto;font-size:.625VW;letter-spacing:.104166VW;line-height:2}}@media screen and (max-width: 990px) and (min-width: 768px){.ingredient_with_popup .inner_conent .info_icon{line-height:1.1}.ingredient_with_popup .inner_conent .title{font-size:1.433333VW}.ingredient_with_popup .inner_conent .subtitle{font-size:1.1VW}.ingredient_with_popup .inner_conent .button_wrapper{line-height:1}.ingredient_with_popup .inner_conent .button_wrapper .button{font-size:1.333333VW;min-width:6.510416VW;min-height:2.2VW;height:2.2VW}.ingredient_with_popup .ing_item.ingredient-1:after{background-size:1.041666VW 2.509166VW;width:1.041666VW;height:2.509166VW;bottom:-2.807916VW}.ingredient_with_popup .ing_item.ingredient-3:after{left:auto;right:-10.10101VW;top:75%}.ingredient_with_popup .ing_item.ingredient-5:after{top:75%}.ingredient_with_popup .ing_item .ing_popup_details{width:240px;padding:0 15px}.ingredient_with_popup .ing_item .ing_popup_details .title{padding:10px 20px 5px;font-size:14px}.ingredient_with_popup .ing_item .ing_popup_details .desc_wrapper{font-size:10px}.ingredient_with_popup .ing_main_image .button_container .button_wrapper .button .bag_btn svg{width:1.83333VW;height:2.041666VW}.ingredient_with_popup .ing_main_image .button_container .button_wrapper .button{min-height:3.56458VW;height:3.583333VW;font-size:1.43333VW}.ingredient_with_popup .ing_main_image .button_container .button_wrapper .button .text-arrow svg{width:1.7375VW;height:1.529166VW}.ingredient_with_popup .ing_main_image .button_container .button_wrapper p{font-size:.825VW}}@media screen and (max-width: 767px){.ingredient_with_popup .ing_main_image .image-inner-wrap{margin-bottom:20px}.ingredient_with_popup .ing_item{position:static;display:block;width:calc(50% - 30px);transform:initial;float:left;margin:0 15px 20px}.ingredient_with_popup .inner_conent{width:100%;max-width:100%}.ingredient_with_popup .ing_item:after{display:none}.ingredient_with_popup .ing_item.ingredient-1{transform:initial}.ingredient_with_popup .ing_item.ingredient-1:after{display:none}.ingredient_with_popup .ing_item.ingredient-2{transform:initial}.ingredient_with_popup .ing_item.ingredient-2:after{display:none}.ingredient_with_popup .ing_item.ingredient-3{transform:initial}.ingredient_with_popup .ing_item.ingredient-3:after{display:none}.ingredient_with_popup .ing_item.ingredient-4{transform:initial}.ingredient_with_popup .ing_item.ingredient-4:after{display:none}.ingredient_with_popup .ing_item.ingredient-5{transform:initial;width:100%;clear:both;margin-left:0;margin-right:0}.ingredient_with_popup .ing_item.ingredient-5:after{display:none}.ingredient_with_popup .ing_item.ingredient-6{transform:initial}.ingredient_with_popup .ing_item.ingredient-6:after{display:none}.ingredient_with_popup .ing_item .ing_popup_details{position:static;width:100%;transform:initial!important;opacity:1;border:0}.ingredient_with_popup .ing_item .ing_popup_details .title{display:none}.ingredient_with_popup .ing_main_image .button_container{position:static;display:block;clear:both;overflow:hidden;padding:30px 0}.ingredient_with_popup .ing_item.ingredient-5 .ing_popup_details{max-width:380px;margin:0 auto;padding:0 15px}.ingredient_with_popup .ing_main_image .button_container .button_wrapper .button{min-height:48px}.ingredient_with_popup .mobile_hide{display:none}}@media screen and (max-width: 480px){.ingredient_with_popup .ing_item .ing_popup_details{padding:0}.ingredient_with_popup .ing_item{width:calc(50% - 20px);margin:0 10px 20px}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/ingredient_with_popup.css.map */